:root {
    --bumn-02: #0093ad;
    --bs-primary: #1E708C;
    --neutral-25: #f9f9f9;
    --neutral-400: #8f8f8f;
    --neutral-500: #616161;
    --neutral-800: #3d3d3d;
    --neutral-900: #2b2b2b;
    --success-500: #12b76a;
    --neutral-100: #e8e8e8;
    --neutral-300: #b1b1b1;
    --gray-100: #d1d5db;
    --primary-500: #182958;
    --bumn-secondary-alt-300: #C5D0D7;
    --bumn-primary-300: #797E99;
    --bs-magenta: #3B467C;
    --bs-magenta-02: #1C1566;
    --bs-magenta-03: #F5FAFF;
    --Magenta-01: linear-gradient(45deg, #3B467C 0%, #0093AD 100%);
    --Magenta-02: linear-gradient(45deg, #0093AD 0%, #77C1CE 100%);
    --Magenta-03: linear-gradient(44deg, #F5FAFF -1.14%, #F5FAFF 100%);
    --dark-main: #6d7a88;
    --danger-500: #F04438;
}

body {
    font-family: Poppins, sans-serif;
    color: var(--neutral-800);
}

a {
    color: var(--bs-primary);
}

a:hover,
a:focus {
    color: #0093AD;
}

hr {
    background-color: var(--neutral-100);
    opacity: 1;
}

.bg-magenta-01 {
    background: var(--Magenta-01);
}

.bg-magenta-02 {
    background-color: var(--bs-magenta-02) !important;
}

.bg-magenta-03 {
    background: var(--Magenta-03);
}


.bg-neutral-25 {
    background-color: var(--neutral-25);
}

.bg-neutral-800 {
    background-color: var(--neutral-800);
}

/* Text utils */

.text-primary {
    color: var(--bs-primary) !important;
}

.text-primary-500 {
    color: var(--primary-500) !important;
}

.text-neutral-25 {
    color: var(--neutral-25) !important;
}

.text-neutral-400 {
    color: var(--neutral-400);
}

.text-neutral-500 {
    color: var(--neutral-500);
}

.text-neutral-800 {
    color: var(--neutral-800);
}

.text-neutral-900 {
    color: var(--neutral-900);
}

.text-success-500 {
    color: var(--success-500);
}

.text-primary-300 {
    color: var(--bumn-primary-300) !important;
}

.text-magenta-primary {
    background: var(--Magenta-01);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.text-danger {
    color: var(--danger-500);
}

.text-magenta-02 {
    color: var(--bs-magenta-02);
}

.text-dark-main {
    color: var(--dark-main);
}

.text-warning-500 {
    color: #F79009;
}

/* Border utils */
.border-neutral-800 {
    border-color: var(--neutral-800) !important;
}

.border-bumn-secondary-alt-300 {
    border: 1px solid var(--bumn-secondary-alt-300) !important;
    border-radius: 8px !important;
}

.border-magenta-01 {
    border-color: #3B467C !important;
}

/* Object utils */

.of-cover {
    object-fit: cover;
}

.of-contain {
    object-fit: contain;
}

/* Buttons */

.btn.btn-success {
    border-color: var(--success-500);
    background-color: var(--success-500);
}

.btn.btn-primary {
    color: white;
    border-radius: 8px;
    background: var(--Magenta-01);
}

.btn.btn-neutral {
    color: var(--bs-magenta-02);
    background-color: var(--neutral-25);
}

.btn.btn-primary:focus:not(.btn-active),
.btn.btn-primary:hover:not(.btn-active) {
    background: linear-gradient(45deg, #0093AD 0%, #3B467C 100%);
}

.btn-warning-500 {
    color: #000;
    background-color: #F79009;
    border-color: #F79009;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
        0 1px 1px rgba(0, 0, 0, 0.075);
}

.btn-warning-500:hover {
    color: #000;
    background-color: #0093AD;
    border-color: #0093AD;
}

.btn.btn-secondary {
    color: #FFFFFF !important;
    background: var(--Magenta-02);
}

.btn.btn-secondary:hover:not(.btn-active) {
    color: #FFFFFF !important;
    background: linear-gradient(45deg, #77C1CE 0%, #0093AD 100%);
}

.btn-outline-primary {
    color: var(--bs-primary);
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    border: 1.5px solid var(--bs-primary) !important;
    border-radius: 8px;
    background: #F5FAFF;
}

.btn.btn-outline-primary:focus:not(.btn-active),
.btn.btn-outline-primary:hover:not(.btn-active) {
    background: var(--Magenta-01);
    color: white;
}

.btn.btn-outline-primary:focus:not(.btn-active) .stroke,
.btn.btn-outline-primary:hover:not(.btn-active) .stroke {
    stroke: white;
}


/* Dropdowns */
.dropdown-menu {
    color: inherit;
}

.dropdown-item {
    color: inherit;
}

/* Forms */
.form-control[readonly] {
    background-color: #eff2f5;
}

.form-check-input:checked {
    background-color: #3B467C !important;
    border-color: #3B467C !important;
}

/* autoComplete.js  */
.autoComplete_wrapper {
    position: relative;
}

.autoComplete_wrapper [id^="autoComplete_list"] {
    position: absolute;
    background: white;
    list-style: none;
    width: 100%;
    padding: 0;
    margin: 0;
    box-shadow: var(--elevation-4);
    z-index: 1;
}

.autoComplete_wrapper [id^="autoComplete_list"] li {
    padding: 12px 20px;
    cursor: pointer;
}

.autoComplete_wrapper [id^="autoComplete_list"] li:hover,
.autoComplete_wrapper [id^="autoComplete_list"] li[aria-selected="true"] {
    color: var(--bs-primary);
    background-color: #e6f4f7;
}

/* Select2 */
.form-select.is-invalid+.select2 .form-select {
    border-color: var(--bs-danger);
}

/* TinyMCE */
.is-invalid+.tox-tinymce {
    border-color: var(--bs-danger);
}

/* Tables */

.table,
.table tr,
.table td {
    color: inherit;
}

.table {
    --bs-table-striped-color: #000;
    --bs-table-active-color: #000;
    --bs-table-active-bg: #f3f3f3;
    --bs-table-hover-color: #000;
    --bs-table-hover-bg: #f3f3f3;
}

.table.dataTable th {
    --bs-table-bg: #F3F3F3;
}

div.dataTables_wrapper div.dataTables_info {
    color: var(--neutral-400);
}

.scrollable-table-body {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    display: table-caption;
}

.table-separate-rows {
    border-spacing: 0 8px !important;
}

.table-separate-rows tr {
    border: 1px solid #f3f3f3;
    border-width: 1px 0;
}

.table-separate-rows td:first-child,
.table-separate-rows th:first-child {
    border-left-width: 1px;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
}

.table-separate-rows td:last-child,
.table-separate-rows th:last-child {
    border-right-width: 1px;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
}

.table-separate-rows tbody tr:last-child td {
    border-bottom: 1px solid #f3f3f3 !important;
}

/* Badges */

.badge {
    white-space: normal;
    border-radius: 1em;
}

.badge-primary {
    background: var(--Magenta-01);
}

.badge-primary.badge-outline {
    border: 1px solid #3B467C;
    color: #3B467C;
    background: #F5FAFF;
}

.badge-danger.badge-outline {
    color: #E8295F;
    border: 1px solid #E8295F;
    background: #FFC4C4;
}

.badge-neutral-500 {
    border: 1px solid #616161;
    background: #E8E8E8;
    color: #616161 !important;
}

.badge-success.badge-outline,
.badge-success-500 {
    border: 1px solid #12B76A;
    background: #D1FADF;
    color: #12B76A !important;
}

.badge-info.badge-outline {
    border: 1px solid #7B61FF;
    background: #F0EDFF;
    color: #7B61FF;
}

.badge-warning.badge-outline,
.badge-warning-500 {
    border: 1px solid #F79009;
    background: #FDECE4;
    color: #F79009;
}

.badge-magenta {
    background: linear-gradient(44deg, #3B467C -1.14%, #0093AD 100%);
    color: #FFFFFF !important;
}

/* Tabs */
.nav-tabs {
    gap: 8px;
}

.nav-tabs .nav-item {
    padding-bottom: 12px;
    position: relative;
}

.nav-tabs .nav-link {
    padding: 12px;
    border-radius: 8px;
    color: var(--neutral-400);
    background: var(--neutral-25);
    border: 0;
}

.nav-tabs .nav-link .badge {
    min-width: 20px;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background: #F5FAFF;
    color: #3B467C;
}

.nav-tabs .nav-link.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: var(--Magenta-01);
}

.nav-tabs-accordion .nav-label {
    max-width: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-width 0.3s ease-out, opacity 0.3s ease-out;
    transition-delay: 0.3s;
    text-wrap: nowrap;
}

.nav-tabs-accordion .nav-link.active .nav-label,
.nav-tabs-accordion .nav-link:hover .nav-label {
    max-width: 250px;
    opacity: 1;
    transition-delay: 0s;
}

/* Stepper */

.stepper-dots .stepper-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 40px;
}

.stepper-dots .stepper-wrapper {
    position: relative;
}

.stepper-dots .stepper-item {
    display: flex;
    justify-content: center;
    align-items: center;
}

.stepper-dots .stepper-item .dot-active {
    display: none;
}

.stepper-dots .stepper-item .dot-completed {
    display: none;
}

.stepper-dots .stepper-item .line {
    width: 80px;
    height: 2px;
    background: var(--gray-100);
}

.stepper-dots .stepper-label {
    position: absolute;
    text-align: center;
    top: 48px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 16px;
    line-height: 24px;
    color: var(--neutral-300);
}

.stepper-dots .stepper-item.current .dot,
.stepper-dots .stepper-item.completed .dot {
    display: none;
}

.stepper-dots .stepper-item.completed .line {
    width: 80px;
    height: 2px;
    background: var(--Magenta-01);
}

.stepper-dots .stepper-item.current .dot-active {
    display: block;
}

.stepper-dots .stepper-item.completed .dot-completed {
    display: block;
}

.stepper-dots .stepper-item.current .stepper-label {
    color: inherit;
    font-weight: bold;
}

.stepper [data-kt-stepper-element="content"] {
    flex-direction: column;
}

/* Notification */

.notif-item {
    border-top: 1px solid #f3f3f3;
    cursor: pointer;
}

.notif-item:hover {
    background-color: #f3f3f3;
    border: none;
    border-radius: 8px;
}

.text-caption-lg {
    font-size: 12px !important;
    line-height: 18px !important;
}

.text-sm {
    font-size: 14px;
    line-height: 20px;
}

.text-lg {
    font-size: 16px;
    line-height: 24px;
}

/* Layout */

@media (min-width: 992px) {
    .header-fixed.toolbar-fixed .wrapper {
        padding-top: calc(96px + var(--kt-toolbar-height));
    }
}

/* Sidebar */

.menu-item .menu-link .menu-title-magenta {
    color: var(--neutral-800);
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    padding-left: 4px;
    margin-right: 4px;
}

.menu-item .menu-link.active,
.menu-item .menu-link:hover {
    background: linear-gradient(45deg, #3B467C 0%, #0093AD 100%);
}

.menu-item .menu-link.active .menu-title-magenta,
.menu-item .menu-link:hover .menu-title-magenta {
    color: #FFF;
}

.menu-item .menu-link.active .menu-icon i,
.menu-item .menu-link:hover .menu-icon i {
    color: #FFF !important;
}

.menu-item .menu-accordion .show .menu-link {
    background: linear-gradient(45deg, #3B467C 0%, #0093AD 100%);
}

.menu-sub .menu-item .menu-link.active,
.menu-sub .menu-item .menu-link:hover {
    background: linear-gradient(45deg, #3B467C 0%, #0093AD 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fill-icon {
    fill: var(--bs-magenta-02);
}

.menu-item .menu-link.active .fill-icon,
.menu-item .menu-link:hover .fill-icon {
    fill: #FFF;
}

.menu-item.menu-accordion .fill-arrow {
    stroke: var(--bs-magenta-02);
}

.menu-item.menu-accordion.show .fill-arrow {
    transform: rotate(180deg);
}

.menu-item.menu-accordion .menu-link.active .fill-arrow,
.menu-item.menu-accordion .menu-link:hover .fill-arrow {
    stroke: #FFF;
}

.menu-item.menu-accordion.show .child.menu-link {
    background: #FFF;
}

.menu-sub .menu-item .child.menu-link.active,
.menu-sub .menu-item .child.menu-link:hover {
    background: linear-gradient(45deg, #3B467C 0%, #0093AD 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.child-arrow {
    stroke: var(--bs-magenta-02);
}

.menu-item.menu-accordion.show .menu-sub.menu-sub-accordion.show .menu-item.menu-accordion.show .child-arrow {
    transform: rotate(180deg);
}

[data-kt-aside-minimize="on"] .menu-item .menu-link .menu-title-magenta {
    display: none;
}

.aside .aside-logo .logo-minimize {
    display: none;
}

/* select2 */
.select2-selection__choice {
    border-radius: 24px !important;
    background: linear-gradient(44deg, #F5FAFF -1.14%, #F5FAFF 100%);
    color: #0093AD !important;
}

.select2-selection__choice__remove {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z' fill='%23E51B70'/%3e%3c/svg%3e") !important;
    right: 0 !important;
}

.select2-selection__choice__display {
    margin-left: 0.3rem !important;
    margin-right: 1.2rem;
}

.select2-selection--multiple {
    min-height: 41px !important;
}

/* pagination */
.page-item {
    background-color: #fff;
    border-radius: 50%;
    margin: 0;
}

.page-item .page-link {
    border-radius: 16px;
}

.page-item.active .page-link {
    background: linear-gradient(45deg, #3B467C 0%, #0093AD 100%) !important;
}

.page-item.active:hover .page-link {
    color: #fff;
}

.rounded-8px {
    border-radius: 8px;
}

.order-form-confirm {
    font-family: 'Inter', sans-serif;
}

.order-form-confirm .modal-lg {
    max-width: 575px;
}

.order-form-confirm .modal-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: #2E2E2E;
}

.order-form-confirm .card-lms-review {
    background-color: #F8FAFC;
    border-radius: 8px;
}

.order-form-confirm .fee-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
}

.order-form-confirm .price-text {
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
}

.order-form-confirm .total-label {
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
}

.order-form-confirm .order-total {
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #F97316;
}

.order-form-confirm .terms-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    text-align: justify;
}

.order-form-confirm .terms-link {
    font-weight: 500;
    font-size: 12px;
    line-height: 150%;
    color: #3B82F6;
    text-decoration-color: #3B82F6;
    cursor: pointer;
}

.order-form-confirm .btn-action {
    font-size: 14px;
}

.order-form-confirm .btn-cancel {
    background-color: #F1F5F9;
}

.payment-method-section {
    margin-bottom: 1rem;
}

.payment-method-title {
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    margin-bottom: 12px;
}

.payment-category {
    border: 1px solid #E8E8E8;
    border-radius: 8px;
    margin-bottom: 8px;
    overflow: hidden;
}

/* Override Bootstrap accordion styles */
.payment-category .accordion-item {
    border: none;
    background-color: transparent;
}

.payment-category .accordion-header {
    margin-bottom: 0;
}

.payment-category .accordion-button {
    padding: 12px 16px;
    background-color: #FFFFFF;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    transition: background-color 0.2s;
    border: none;
    box-shadow: none;
    color: inherit;
}

.payment-category .accordion-button:not(.collapsed) {
    background-color: #FFFFFF;
    color: inherit;
    box-shadow: none;
}

.payment-category .accordion-button:hover {
    background-color: #F8FAFC;
}

.payment-category .accordion-button:focus {
    box-shadow: none;
    border: none;
}

.payment-category .accordion-button::after {
    display: none;
}

.payment-category-header .icon-circle {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.payment-category-header .icon-circle.orange {
    background-color: #F97316;
}

.payment-category-header .icon-circle.blue {
    background-color: #3B82F6;
}

.payment-category-header .icon-circle svg path {
    stroke: white;
}

.payment-category-header .chevron {
    transition: transform 0.3s;
    margin-left: auto;
}

.payment-category .accordion-button:not(.collapsed) .chevron {
    transform: rotate(180deg);
}

.payment-category .accordion-body {
    padding: 8px;
}

.payment-separator {
    height: 1px;
    background-color: #E8E8E8;
    margin: 0;
}

.payment-option {
    padding: 12px 16px;
    border-radius: 6px;
    margin-bottom: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.2s;
}

.payment-option:hover {
    background-color: #EFF6FF;
}

.payment-option .check-container {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #E8E8E8;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}

.payment-option.selected .check-container {
    background-color: #3B82F6;
    border-color: #3B82F6;
}

.payment-option .check-icon {
    width: 12px;
    height: 12px;
    opacity: 0;
    transition: opacity 0.2s;
}

.payment-option.selected .check-icon {
    opacity: 1;
}

.payment-option .check-icon path {
    stroke: white;
}

.payment-option input[type="radio"] {
    display: none;
}

.payment-option-label {
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 12px;
}

.payment-option-logo {
    height: 24px;
    width: 40px;
    object-fit: contain;
}

.corporate-premium {
    border-radius: 5px;
    background-color: #FDF5FF;
}

.corporate-premium .card-body {
    background-image:
        url("../../img/profile/premium/corporate-bg.svg"),
        linear-gradient(91deg, #FDF5FF 0%, #FDF5FF 100%);
    background-repeat: repeat;
    background-size: 130%;
    background-position: center;
    border-radius: 8px;
}

.corporate-premium .text-title {
    color: #59359A;
}

.corporate-premium .btn-benefit {
    background: linear-gradient(91deg, #D8B4FE -30%, #A855F7 70%);
    border-radius: 8px;
}


.benefit-corporate-premium {
    border-radius: 5px;
    background-color: #FDF5FF;
}

.benefit-corporate-premium .card-body {
    background-image:
        url("../../img/profile/premium/corporate-bg.svg"),
        linear-gradient(91deg, #FDF5FF 0%, #FDF5FF 100%);
    background-repeat: repeat;
    background-size: 130%;
    background-position: center;
    border-radius: 8px;
}

.benefit-corporate-premium .text-title {
    color: #59359A;
}

.benefit-corporate-premium .btn-benefit {
    background: linear-gradient(91deg, #D8B4FE -30%, #A855F7 70%);
    border-radius: 8px;
}

.menu .menu-item .card.corporate-premium-menu-card .card-body {
    /* background: linear-gradient(45deg, #0E0476 0%, #590250 100%) !important; */
    background-image:
        url("../../img/profile/premium/bg.svg"),
        linear-gradient(90deg, #0E0476 0%, #590250 100%);
    background-repeat: repeat;
    background-size: 130%;
    background-position: center;
    border-radius: 8px;
}

.menu .menu-item .card.corporate-premium-menu-card .card-body .badge-premium {
    padding: 3px 6px !important;
}

.price-tag {
    font-family: 'Inter', sans-serif;
}

.price-tag .radio-price {
    display: flex;
    gap: 8px;
    padding: 20px 12px;
    border: 1px solid #E8E8E8;
    border-radius: 8px;
    margin-bottom: 8px;
}

.price-tag .radio-price .check-container {
    width: 28px;
    height: 26px;
    padding-top: 2px;
    padding-left: 5px;
    border-radius: 50%;
    background-color: #FFF;
    border: none;
}

.price-tag .radio-price.active,
.price-tag .radio-price:hover {
    background: linear-gradient(45deg, #3B467C 0%, #0093AD 100%);
    color: #FFFFFF;
}

.price-tag .duration-title {
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
}

.price-tag .price-label,
.price-tag .price {
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
}

#container-confirmation-payment .card-custom {
    border: 1px solid #F1F5F9;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

#container-confirmation-payment .step-number {
    width: 28px; height: 28px;
    border-radius: 50%;
    background-color: #E0F2FE;
    color: #0284C7;
    display: flex; align-items: center; justify-content: center;
    font-size: 13px; font-weight: 600;
}

#container-confirmation-payment .countdown {
    font-size: 1.25rem;
    font-weight: 700;
    color: #DC2626;
}

#container-confirmation-payment .step-circle {
    width: 28px;
    height: 28px;
    background-color: #007BFF;
    color: #fff;
    font-weight: 600;
    border-radius: 50%;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
}

#container-confirmation-payment .step-line {
    width: 2px;
    height: 28px;
    border-left: 2px dotted #C7D3E0;
    left: 14px;
    position: absolute;
    z-index: 0;
}


#cta-limit-modal .modal-body {
    padding: 2rem 2.5rem 2.5rem;
}

#cta-limit-modal .btn-cancel {
    background-color: #F3F4F6;
    color: #6B7280;
    border: none;
    padding: 12px 32px;
    border-radius: 8px;
    font-weight: 500;
}

#cta-limit-modal .btn-cancel:hover {
    background-color: #E5E7EB;
    color: #374151;
}

#cta-limit-modal .btn-upgrade {
    background: linear-gradient(135deg, #14B8A6 0%, #0D9488 100%);
    color: #FFFFFF;
    border: none;
    padding: 12px 32px;
    border-radius: 8px;
    font-weight: 500;
}

#cta-limit-modal .btn-upgrade:hover {
    background: linear-gradient(135deg, #0D9488 0%, #0F766E 100%);
    color: #FFFFFF;
}

#cta-limit-modal .cta-message {
    color: #1F2937;
    font-size: 1.1rem;
    line-height: 1.6;
    margin-bottom: 0.5rem;
}

#cta-limit-modal .cta-submessage {
    color: #9CA3AF;
    font-size: 0.9rem;
}


/*-----------------------------------*/
#corporate-cards.pricing-cards {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    margin-bottom: 10px;
    min-width: 1096px;
}

#corporate-cards .pricing-logo {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 8px 0 0 0;
    flex-shrink: 0;
    width: 200px;
}

#corporate-cards .pricing-logo img {
    max-width: 128px;
    height: auto;
}

#corporate-cards .pricing-card {
    display: flex;
    width: 232px;
    padding: 12px 10px 10px 10px;
    flex-direction: column;
    align-items: center;
    gap: 9px;
    border-radius: 8px;
    position: relative;
    flex-shrink: 0;
}

#corporate-cards .pricing-card .pricing-discount-badge {
    position: absolute;
    top: -6px;
    right: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 2px 6px;
    gap: 2px;
    background: #10B981;
    border-radius: 9999px;
    font-weight: 600;
    font-size: 9px;
    line-height: 100%;
    color: #FFFFFF;
}

#corporate-cards .pricing-card .pricing-discount-badge svg {
    width: 10px;
    height: 10px;
    stroke: white;
}

#corporate-cards .pricing-card .pricing-plan-icon {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 6px;
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    color: #262626;
    white-space: nowrap;
}

#corporate-cards .pricing-card .pricing-plan-icon svg {
    flex-shrink: 0;
}

#corporate-cards .pricing-card .pricing-plan-price {
    font-weight: 700;
    font-size: 17px;
    line-height: 100%;
    color: #262626;
    margin-top: auto;
    white-space: nowrap;
}

#corporate-cards .pricing-card .pricing-plan-button {
    width: 100%;
    padding: 8px 14px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    border: none;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
}

#corporate-features.pricing-features {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 0px;
}

#corporate-features .pricing-category {
    display: flex;
    flex-direction: row;
    gap: 10px;
    padding: 5px 0;
    background: #F9FAFB;
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    min-width: 1096px;
}

#corporate-features .pricing-feature {
    display: flex;
    flex-direction: row;
    gap: 10px;
    padding: 5px 0;
    border-bottom: 1px solid #F3F4F6;
    min-width: 1096px;
}

#corporate-features .pricing-feature:hover {
    background: #FAFAFA;
}

#corporate-features .pricing-cell {
    display: flex;
    align-items: center;
    padding: 0 5px;
    min-height: 24px;
}

#corporate-features .pricing-cell-label {
    justify-content: flex-start;
    font-weight: 400;
    font-size: 11px;
    line-height: 130%;
    color: #374151;
    text-align: left;
    white-space: nowrap;
    overflow: visible;
    width: 200px;
    flex-shrink: 0;
}

#corporate-features .pricing-cell-value {
    width: 232px;
    flex-shrink: 0;
    justify-content: center;
    text-align: center;
    font-size: 11px;
    line-height: 130%;
    white-space: nowrap;
}

#corporate-features .pricing-cell-category-header.pricing-cell-label {
    font-weight: 700;
    font-size: 12px;
    color: #111827;
}

#corporate-features .pricing-cell .pricing-icon-available,
#corporate-features .pricing-cell .pricing-icon-unavailable {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    border-radius: 9999px;
    margin: 0 auto;
    flex-shrink: 0;
}

#corporate-features .pricing-cell .pricing-icon-available {
    background: #10B981;
}

#corporate-features .pricing-cell .pricing-icon-available svg {
    width: 10px;
    height: 10px;
    stroke: white;
    stroke-width: 2.5;
}

#corporate-features .pricing-cell .pricing-icon-unavailable {
    background: #EF4444;
}

#corporate-features .pricing-cell .pricing-icon-unavailable svg {
    width: 8px;
    height: 8px;
    stroke: white;
    stroke-width: 2.5;
}

#corporate-features .pricing-feature .pricing-value {
    font-weight: 400;
    font-size: 11px;
    line-height: 130%;
    text-align: center;
    color: #262626;
}


#corporate-cards .pricing-card.pricing-plan-card-free {
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
}

#corporate-cards .pricing-card.pricing-plan-card-premium3-bulan {
    background: linear-gradient(135deg, #F3E8FF 0%, #EDE9FE 100%);
    border: 1px solid #DDD6FE;
}

#corporate-cards .pricing-card.pricing-plan-card-premium6-bulan {
    background: linear-gradient(135deg, #DBEAFE 0%, #BFDBFE 100%);
    border: 1px solid #93C5FD;
}

#corporate-cards .pricing-card.pricing-plan-card-enterprise {
    background: linear-gradient(135deg, #FCE7F3 0%, #FBE3F0 100%);
    border: 1px solid #F9A8D4;
}

#corporate-cards .pricing-card .pricing-button-free {
    background: #FFFFFF;
    color: #262626;
    border: 1px solid #D1D5DB;
}

#corporate-cards .pricing-card .pricing-button-free:hover {
    background: #F9FAFB;
    border-color: #9CA3AF;
}

#corporate-cards .pricing-card .pricing-button-premium3-bulan {
    background: #8B5CF6;
    color: #FFFFFF;
}

#corporate-cards .pricing-card .pricing-button-premium3-bulan:hover {
    background: #7C3AED;
}

#corporate-cards .pricing-card .pricing-button-premium6-bulan {
    background: #3B82F6;
    color: #FFFFFF;
}

#corporate-cards .pricing-card .pricing-button-premium6-bulan:hover {
    background: #2563EB;
}

#corporate-cards .pricing-card .pricing-button-enterprise {
    background: #EC4899;
    color: #FFFFFF;
}

#corporate-cards .pricing-card .pricing-button-enterprise:hover {
    background: #DB2777;
}