@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --border_radius: 5px;
}

html {
    height: -webkit-fill-available;
}

body {
    --bs-body-line-height: 1.7;
    font-family: "Poppins", sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
    min-height: -webkit-fill-available;
    color: rgb(var(--text_color));
    background-color: rgb(var(--background_color));
    padding-top: 85px;
    font-size: 16px;
    overflow-x: hidden;
}

body>* {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.simplebar-scrollbar:before {
    background-color: #888;
}

@media (min-width: 1600px) {
    .container-custom {
        max-width: 1450px;
    }
}

@media (min-width: 1600px) {
    .container-custom-sm {
        max-width: 1140px;
    }
}

@media (min-width: 1600px) {
    .container-custom-xs {
        max-width: 800px;
    }
}

::-moz-selection {
    background-color: rgb(var(--primary_color));
    color: #fff;
    -webkit-text-fill-color: #fff;
}

::selection {
    background-color: rgb(var(--primary_color));
    color: #fff;
    -webkit-text-fill-color: #fff;
}

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #dfdfdf;
}

::-webkit-scrollbar-thumb {
    background: #cbcbcd;
}

::-webkit-scrollbar-thumb:hover {
    background: #a0a0a0;
}

.cp-4 {
    padding: 32px !important;
}

a {
    text-decoration: none;
    color: rgb(var(--primary_color));
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

a:hover {
    color: rgb(var(--primary_color));
}

.logo {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 35px;
    max-width: 200px;
}

.logo img {
    height: 100%;
    max-width: 100%;
}

.logo.logo-sm {
    height: 28px;
}

.logo.logo-xs {
    height: 20px;
}

.logo.logo-xl {
    height: 40px;
}

.user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
}

.user a {
    color: rgb(var(--text_color));
}

.user a:hover {
    color: rgb(var(--text_color));
}

.user-avatar {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 50px;
    height: 50px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 50%;
}

.user-avatar img {
    width: 100%;
    height: 100%;
    border-radius: inherit;
}

.user-avatar.user-avatar-sm {
    width: 32px;
    height: 32px;
}

.user-avatar.user-avatar-lg {
    width: 72px;
    height: 72px;
}

.user-avatar.user-avatar-xl {
    width: 100px;
    height: 100px;
}

.user-avatar.user-avatar-border {
    padding: 4px;
    background-color: #fff;
    -webkit-box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
    box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}

@media (max-width: 767.98px) {
    .user-reply .user-avatar {
        width: 43px;
        height: 43px;
    }
}

.user-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 3px;
    margin-bottom: 3px;
    color: rgb(var(--text_color));
    gap: 5px;
}

.user-title:hover {
    color: rgb(var(--text_color));
}

.user-text {
    font-size: 0.9em;
    margin-bottom: 0;
    color: rgb(var(--text_muted_color));
}

.meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0px 30px;
}

.meta .meta-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgb(var(--text_muted_color));
    font-size: 0.9em;
}

.meta .meta-item:not(:last-child)::after {
    content: "";
    display: block;
    position: absolute;
    right: -18px;
    width: 5px;
    height: 5px;
    background-color: #959595;
    border-radius: 50%;
}

:root {
    --bs-border-color: rgb(var(--border_color));
    --bs-border-radius: var(--border_radius);
    --bs-danger: #F44336;
    --bs-danger-rgb: 244, 67, 54;
}

.bg-custom {
    background-color: rgb(var(--primary_color), 0.04) !important;
}

.bg-primary {
    background-color: rgb(var(--primary_color)) !important;
}

.bg-secondary {
    background-color: rgb(var(--secondary_color)) !important;
}

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

.text-secondary {
    color: rgb(var(--secondary_color)) !important;
}

.text-dark {
    color: rgb(var(--text_color)) !important;
}

.text-muted {
    color: rgb(var(--text_muted_color)) !important;
}

.link {
    cursor: pointer;
}

.link-primary {
    color: rgb(var(--primary_color)) !important;
}

.link-primary:hover,
.link-primary:focus,
.link-primary:active {
    color: rgb(var(--primary_color)) !important;
}

.link-secondary {
    color: rgb(var(--secondary_color)) !important;
}

.link-secondary:hover,
.link-secondary:focus,
.link-secondary:active {
    color: rgb(var(--secondary_color)) !important;
}

.alert {
    border-radius: var(--border_radius);
    margin-bottom: 1.5rem;
}

.alert.alert-danger {
    background-color: #ffebee;
    border-color: #e57373;
    color: #b71c1c;
}

.alert.alert-success {
    background-color: #e8f5e9;
    border-color: #81c784;
    color: #1b5e20;
}

.alert.alert-primary {
    background-color: #e3f2fd;
    border-color: #64b5f6;
    color: #0d47a1;
}

.alert.alert-warning {
    background-color: #fff8e1;
    border-color: #ffb300;
    color: #795548;
}

.alert.alert-info {
    background-color: #e1f5fe;
    border-color: #4fc3f7;
    color: #01579b;
}

.breadcrumb.custom {
    margin-bottom: 0;
    --bs-breadcrumb-divider: "\f054";
}

.breadcrumb.custom .breadcrumb-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: capitalize;
}

.breadcrumb.custom .breadcrumb-item::before {
    font-family: "Font Awesome 6 Free";
    font-size: 10px;
    font-weight: 600;
    margin-top: 1px;
}

.breadcrumb.custom .breadcrumb-item a {
    color: rgb(var(--text_color));
}

.breadcrumb.custom .breadcrumb-item a:hover {
    opacity: 0.9;
}

.breadcrumb.custom .breadcrumb-item.active {
    color: rgb(var(--primary_color));
}

.breadcrumb.custom .breadcrumb-item.active::before {
    color: rgb(var(--text_color));
}

.card {
    --bs-card-cap-bg: rgb(var(--elements_background_color));
    --bs-border-color-translucent: rgb(var(--border_color));
    --bs-card-cap-padding-y: .875rem;
    --bs-card-cap-padding-x: 1.25rem;
    --bs-card-spacer-y: 1.25rem;
    --bs-card-spacer-x: 1.25rem;
}

.table {
    --bs-table-striped-bg: rgba(0, 0, 0, 0.01);
}

.badge {
    padding: 8px 12px;
    font-weight: 400;
    border: 1px solid;
    background-color: transparent !important;
}

.badge.bg-primary {
    border-color: rgba(var(--primary_color)) !important;
    color: rgb(var(--primary_color));
}

.badge.bg-secondary {
    border-color: rgba(var(--secondary_color)) !important;
    color: rgb(var(--secondary_color));
}

.badge.bg-success {
    border-color: #00bb13 !important;
    color: #00bb13;
}

.badge.bg-info {
    border-color: #0dcaf0 !important;
    color: #0dcaf0;
}

.badge.bg-warning {
    border-color: #e8ae01 !important;
    color: #e8ae01;
}

.badge.bg-danger {
    border-color: #dc3545 !important;
    color: #dc3545;
}

.badge.bg-dark {
    border-color: #212529 !important;
    color: #212529;
}

.tooltip {
    --bs-tooltip-bg: #ffffff;
}

.tooltip-inner {
    padding: 8px 12px;
    background-color: var(--bs-tooltip-bg);
    color: rgb(var(--text_muted_color));
    font-weight: 500;
    -webkit-box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}

.tooltip-badge {
    position: relative;
    display: inline-flex;
}

.tool-tip {
    position: absolute;
    max-width: 380px;
    background: #fff;
    color: #222;
    padding: 20px;
    border-radius: 5px;
    font-size: 14px;
    pointer-events: auto;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease;
    z-index: 1000;
    white-space: normal;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 20px 0px;

    @media (max-width: 399.98px) {
        max-width: 280px;
    }
}

.tool-tip.show {
    opacity: 1;
    visibility: visible;
}

.tool-tip::after {
    content: "";
    position: absolute;
    border: 7px solid transparent;
    left: var(--arrow-left, 50%);
    transform: translateX(-50%);
}

.tool-tip.above::after {
    bottom: -12px;
    border-top-color: #fff;
}

.tool-tip.below::after {
    top: -12px;
    border-bottom-color: #fff;
}

.tool-tip-cross-icon {
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 14px;
}

.tool-tip-check-icon {
    background-color: rgb(var(--bs-success-rgb), 0.05);
    color: var(--bs-success);
}

.tool-tip-times-icon {
    background-color: rgb(var(--bs-danger-rgb), 0.05);
    color: var(--bs-danger);
}

.tooltip-hover {
    display: inline-flex;
    align-items: center;
    padding: 5px 12px;
    font-size: 13px;
    border-radius: var(--border_radius);
    border: 1px solid rgb(var(--border_color));
    background-color: rgb(var(--elements_background_color));
}

.tooltip-content {
    display: none;
}

.progress,
.progress-stacked {
    --bs-progress-bar-bg: rgb(var(--primary_color));
    --bs-progress-border-radius: var(--border_radius);
}

.btn {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    font-size: 0.875em;
    border-radius: var(--border_radius);
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.btn.show {
    border-color: transparent !important;
}

.btn.btn-md {
    padding: 12px 18px;
    font-size: 1em;
}

@media (max-width: 767.98px) {
    .btn.btn-md {
        padding: 10px 16px;
    }
}

.btn.btn-lg {
    padding: 14px 25px;
    font-size: 1.25em;
}

@media (max-width: 767.98px) {
    .btn.btn-lg {
        padding: 12px 23px;
    }
}

.btn.btn-icon i {
    margin-left: 10px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.btn.btn-icon:hover i {
    -webkit-transform: translate(10px);
    -ms-transform: translate(10px);
    transform: translate(10px);
}

.btn.btn-primary {
    background-color: rgb(var(--primary_color));
    border-color: rgb(var(--primary_color));
}

.btn.btn-primary:active,
.btn.btn-primary:focus,
.btn.btn-primary:hover {
    background-color: rgb(var(--primary_color));
    border-color: rgb(var(--primary_color));
    color: #fff;
}

.btn.btn-secondary {
    background-color: rgb(var(--secondary_color));
    border-color: rgb(var(--secondary_color));
}

.btn.btn-secondary:active,
.btn.btn-secondary:focus,
.btn.btn-secondary:hover {
    background-color: rgb(var(--secondary_color));
    border-color: rgb(var(--secondary_color));
    color: #fff;
}

.btn.btn-business {
    background-color: rgb(var(--business_button_color));
    border-color: rgb(var(--business_button_color));
    color: #fff;
}

.btn.btn-business:active,
.btn.btn-business:focus,
.btn.btn-business:hover {
    background-color: rgb(var(--business_button_color));
    border-color: rgb(var(--business_button_color));
    color: #fff;
}

.btn.btn-signup {
    background-color: #C62828;
    border-color: #C62828;
    color: #fff;
}

.btn.btn-signup:active,
.btn.btn-signup:focus,
.btn.btn-signup:hover {
    background-color: #B71C1C;
    border-color: #B71C1C;
    color: #fff;
    opacity: 1;
}

.btn.btn-light {
    background-color: rgb(var(--elements_background_color));
    border-color: rgb(var(--border_color));
    color: rgb(var(--text_muted_color));
}

.btn.btn-light:active,
.btn.btn-light:focus,
.btn.btn-light:hover {
    background-color: rgb(var(--elements_background_color));
    border-color: rgb(var(--border_color));
    color: rgb(var(--text_muted_color));
}

.btn.btn-outline-light {
    border-color: #eee;
    background-color: transparent;
    color: rgb(var(--text_muted_color));
}

.btn.btn-outline-light:active,
.btn.btn-outline-light:focus,
.btn.btn-outline-light:hover {
    background-color: #eee;
    color: rgb(var(--text_color));
}

.btn:hover {
    opacity: .9;
}

.btn.btn-opacity {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: transparent;
    color: #fff;
}

.btn.btn-opacity:active,
.btn.btn-opacity:focus,
.btn.btn-opacity:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: transparent;
    color: #fff;
}

.btn.btn-outline-primary {
    color: rgb(var(--primary_color));
    border-color: rgb(var(--primary_color));
}

.btn.btn-outline-primary:active,
.btn.btn-outline-primary:focus,
.btn.btn-outline-primary:hover {
    background-color: rgb(var(--primary_color));
    border-color: rgb(var(--primary_color));
    color: #fff;
}

.btn.btn-outline-secondary {
    color: rgb(var(--secondary_color)) !important;
    border-color: rgb(var(--secondary_color)) !important;
}

.btn.btn-outline-secondary:active,
.btn.btn-outline-secondary:focus,
.btn.btn-outline-secondary:hover {
    background-color: rgb(var(--secondary_color));
    color: #fff !important;
}

.btn[class*="outline"]:hover {
    opacity: 1 !important;
}

.btn-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    background-color: #fff;
    border: 1px solid rgb(var(--border_color));
}

.btn-social img {
    width: 25px;
    height: 25px;
    margin-right: .25rem !important
}

.btn-social:hover,
.btn-social:focus,
.btn-social:active {
    background-color: #fff !important;
    border: 1px solid rgb(var(--border_color)) !important;
}

.btn-soft {
    color: #212529;
    background: -o-linear-gradient(top, #fff, #f9fafb);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9fafb));
    background: linear-gradient(180deg, #fff, #f9fafb);
    border-color: #c4cdd5;
    -webkit-box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05);
    box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05);
}

.btn-soft:hover {
    color: #212529;
    background: -o-linear-gradient(top, #fff, #f9fafb);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9fafb));
    background: linear-gradient(180deg, #fff, #f9fafb);
    border-color: #c4cdd5;
    -webkit-box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05);
    box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05);
}

.btn-close {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

.btn-close:active,
.btn-close:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-reset {
    padding: 0;
    background-color: transparent;
    color: rgb(var(--text_muted_color));
}

.btn-reset:hover,
.btn-reset:active,
.btn-reset:focus {
    background-color: transparent !important;
    border-color: transparent !important;
    color: rgb(var(--text_color)) !important;
}

.btn-like.btn-reset,
.btn-like.btn-reset:hover,
.btn-like.btn-reset:active,
.btn-like.btn-reset:focus {
    color: rgb(var(--text_color)) !important;
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:nth-child(n+3),
.btn-group> :not(.btn-check)+.btn {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.input-group button {
    border-top-right-radius: var(--border_radius);
    border-bottom-right-radius: var(--border_radius);
}

.btn-check+.btn-outline-primary:hover {
    background-color: rgba(var(--primary_color), 0.2);
    color: rgb(var(--primary_color));
}

.btn-check+.btn-outline-secondary:hover {
    background-color: rgba(var(--primary_color), 0.2);
    color: rgb(var(--primary_color));
}

.btn-check:active+.btn-outline-primary,
.btn-check:checked+.btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active {
    background-color: rgb(var(--primary_color));
    color: #fff;
    border-color: rgb(var(--primary_color));
}

.btn-check:active+.btn-outline-primary:hover,
.btn-check:checked+.btn-outline-primary:hover,
.btn-outline-primary.active:hover,
.btn-outline-primary.dropdown-toggle.show:hover,
.btn-outline-primary:active:hover {
    color: #fff;
}

.btn-check:active+.btn-outline-secondary,
.btn-check:checked+.btn-outline-secondary,
.btn-outline-secondary.active,
.btn-outline-secondary.dropdown-toggle.show,
.btn-outline-secondary:active {
    background-color: rgb(var(--secondary_color));
    color: #fff !important;
    border-color: rgb(var(--secondary_color));
}

.btn-check:active+.btn-outline-secondary:hover,
.btn-check:checked+.btn-outline-secondary:hover,
.btn-outline-secondary.active:hover,
.btn-outline-secondary.dropdown-toggle.show:hover,
.btn-outline-secondary:active:hover {
    color: #fff !important;
}

.form-control {
    border-color: rgb(var(--border_color));
    background-color: #fff;
    border-radius: var(--border_radius);
    color: rgb(var(--text_color));
    font-size: 0.875rem;
    padding-inline: 16px;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #eee !important;
}

.form-control:focus {
    color: rgb(var(--text_color));
    border-color: rgb(var(--primary_color));
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-control.form-control-md {
    font-size: 16px;
    padding: 12px 18px;
    font-size: 1rem;
}

@media (max-width: 767.98px) {
    .form-control.form-control-md {
        padding: 10px 16px;
    }
}

.form-control.form-control-lg {
    padding: 14px 22px;
    font-size: 1.25rem;
}

@media (max-width: 767.98px) {
    .form-control.form-control-lg {
        padding: 12px 23px;
    }
}

.form-control::-webkit-input-placeholder {
    color: rgb(var(--text_muted_color));
}

.form-control::-moz-placeholder {
    color: rgb(var(--text_muted_color));
}

.form-control:-ms-input-placeholder {
    color: rgb(var(--text_muted_color));
}

.form-control::-ms-input-placeholder {
    color: rgb(var(--text_muted_color));
}

.form-control::placeholder {
    color: rgb(var(--text_muted_color));
}

.form-control[type="file"].form-control-md {
    padding: .375rem .75rem;
}

.form-control[type="file"].form-control-md::file-selector-button {
    padding-block: 12px;
}

.form-select {
    border-color: rgb(var(--border_color));
    background-color: #fff;
    border-radius: var(--border_radius);
    color: rgb(var(--text_color));
    padding-inline: 16px;
    padding-right: 60px !important;
    font-size: 0.875rem;
    font-weight: 500;
}

.form-select option {
    color: #222;
}

.form-select:disabled,
.form-select[readonly] {
    background-color: #eee !important;
}

.form-select:focus {
    color: rgb(var(--text_color));
    border-color: rgb(var(--primary_color));
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-select.form-select-md {
    font-size: 16px;
    padding: 12px 40px 12px 18px;
    font-size: 1rem;
}

@media (max-width: 767.98px) {
    .form-select.form-select-md {
        padding: 10px 16px;
    }
}

.form-select.form-select-lg {
    padding: 14px 40px 14px 22px;
    font-size: 1.25rem;
}

@media (max-width: 767.98px) {
    .form-select.form-select-lg {
        padding: 12px 23px;
    }
}

.form-select::-webkit-input-placeholder {
    color: rgb(var(--text_muted_color));
}

.form-check-input {
    border-color: rgb(var(--border_color));
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.form-check-input:checked {
    background-color: rgb(var(--primary_color));
    border-color: rgb(var(--primary_color));
}

.form-check-input:focus {
    border-color: rgb(var(--primary_color));
}

.form-check-input:not(:checked) {
    background-color: #fff;
    border-color: rgb(var(--border_color));
}

.form-search {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.form-search:not(.form-search-reverse) .form-control {
    padding-left: 45px;
}

.form-search button,
.form-search .icon {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    outline: 0;
    border: 0;
    background: transparent;
    color: rgb(var(--text_muted_color));
    width: 50px;
    height: 100%;
    text-align: center;
}

.form-search.form-search-reverse button,
.form-search.form-search-reverse .icon {
    left: auto;
    right: 0;
}

.form-search.form-search-reverse .form-control {
    padding-right: 45px;
}

.spinner-grow-sm {
    --bs-spinner-width: .8rem;
    --bs-spinner-height: .8rem;
}

.search {
    position: relative;
    z-index: 1000;
}

.search .search-results {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    background-color: #fff;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
    overflow: hidden;
}

.search .search-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px 24px;
    text-align: start;
}

.search .search-item:not(:last-child) {
    border-bottom: 1px solid rgb(var(--border_color));
}

.search .search-item:last-child {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.search .search-item .search-item-title {
    font-size: 17px;
    color: var(--primary_color);
}

.search .search-item .search-item-text {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
}

.search .search-item:hover {
    background-color: #f7f7f7;
}

.search .search-item:hover .item-verified {
    background-color: #f7f7f7;
}

.search .search-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 20px;
    color: rgb(var(--text_muted_color));
    border-top: 1px solid rgb(var(--border_color));
}

.search .search-action i {
    line-height: 0.2;
    font-size: 18px;
}

.search .search-action:hover {
    background-color: #f7f7f7;
}

.search.show .search-results {
    visibility: visible;
    opacity: 1;
}

.form-switch.form-switch-lg .form-check-input {
    width: 3rem;
    height: 1.5rem;
}

.form-switch .form-check-input {
    cursor: pointer;
}

.form-switch .form-check-input:not(:checked):focus {
    border-color: #aaa;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23aaa'/%3e%3c/svg%3e");
}

.select-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.select-group .select-group-icon {
    position: absolute;
    margin-left: 14px;
    font-size: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.select-group .form-select {
    padding-left: 40px !important;
}

.form-number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.form-number .form-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
    height: auto;
}

.form-number .form-select:focus {
    border-color: rgb(var(--border_color));
}

.form-number .form-control {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.form-section {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgb(var(--border_color));
}

.form-button {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.form-button .form-control {
    padding-right: 60px !important;
}

.form-button button {
    position: absolute;
    outline: 0;
    border: 0;
    right: 12px;
    background: transparent;
    color: rgb(var(--text_muted_color));
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.form-button button:hover {
    opacity: 0.8;
}

.form-icon {
    position: relative;
}

.form-icon .icon {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 60px;
    height: 100%;
}

.form-icon .icon svg,
.form-icon .icon img {
    width: 19px;
}

.form-icon .icon i {
    font-size: 18px;
    color: rgb(var(--text_muted_color));
}

.form-icon .form-control {
    padding-left: 58px !important;
}

.input-group.custom {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.input-group.custom .form-control {
    -webkit-padding-start: 16px;
    padding-inline-start: 16px;
    border-radius: var(--border_radius) !important;
    -webkit-padding-end: 140px;
    padding-inline-end: 140px;
}

.input-group.custom button {
    position: absolute;
    z-index: 50;
    border-radius: var(--border_radius) !important;
    inset-inline-end: 6px;
}

.input-group .input-group-text {
    font-size: 0.875rem;
}

.input-group.input-group-sm .input-group-text {
    font-size: 0.875rem;
}

.input-group.input-group-md .input-group-text {
    font-size: 1rem;
}

.input-group.input-group-lg .input-group-text {
    font-size: 1.25rem;
}

.bootstrap-tagsinput {
    display: block;
    width: 100%;
    font-weight: 400;
    color: #212529;
    color: rgb(var(--text_color));
    background-clip: padding-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: var(--border_radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    border: 1px solid rgb(var(--border_color));
    padding: 12px 18px;
    font-size: 0.875rem;
    line-height: 1.375rem;
    min-height: 2.25rem;
}

.bootstrap-tagsinput input {
    border: none;
    box-shadow: none;
    outline: none;
    background-color: transparent;
    padding: 0 6px;
    margin: 0;
    width: auto;
    max-width: inherit;
}

.bootstrap-tagsinput.form-control input::-moz-placeholder {
    color: #777;
    opacity: 1;
}

.bootstrap-tagsinput.form-control input:-ms-input-placeholder {
    color: #777;
}

.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
    color: #777;
}

.bootstrap-tagsinput input:focus {
    border: none;
    box-shadow: none;
}

.bootstrap-tagsinput .tag {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background: rgb(var(--primary_color));
    border-radius: 6px;
    color: #ffffff;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 8px;
    font-size: 13px;
    line-height: 1;
    margin-top: 3px;
    margin-bottom: 3px;
}

.bootstrap-tagsinput .tag [data-role="remove"] {
    margin-left: 8px;
    cursor: pointer;
}

.bootstrap-tagsinput .tag [data-role="remove"]:after {
    content: "x";
    padding: 0px 2px;
}

.bootstrap-tagsinput .tag [data-role="remove"]:hover {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.bootstrap-select {
    position: relative !important;
    width: 100% !important;
}

.bootstrap-select .selectpicker {
    width: 100%;
}

.bootstrap-select .selectpicker.selectpicker-sm+.btn {
    font-size: .875rem;
    padding-block: 4px !important;
}

.bootstrap-select .selectpicker.selectpicker-md+.btn {
    font-size: 1rem;
    padding: 12px 18px !important;
}

@media (max-width: 767.98px) {
    .bootstrap-select .selectpicker.selectpicker-md+.btn {
        padding: 10px 16px;
    }
}

.bootstrap-select .selectpicker.selectpicker-lg+.btn {
    font-size: 1.25rem;
    padding: 14px 22px !important;
}

@media (max-width: 767.98px) {
    .bootstrap-select .selectpicker.selectpicker-lg+.btn {
        padding: 12px 23px;
    }
}

.bootstrap-select .btn {
    font-weight: 500;
    font-size: .875rem;
    width: 100% !important;
    height: auto !important;
    background-color: transparent !important;
    border: 1px solid rgb(var(--border_color)) !important;
    color: rgb(var(--text_muted_color)) !important;
    padding: 6px 16px !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
}

.bootstrap-select .btn .filter-option {
    height: auto;
}

.bootstrap-select .btn:focus,
.bootstrap-select .btn:active,
.bootstrap-select .btn:target {
    border-color: rgb(var(--primary_color));
    outline: 0 !important;
}

.bootstrap-select .btn::after {
    display: none;
}

.bootstrap-select .btn:hover {
    border-color: rgb(var(--border_color));
}

.bootstrap-select.dropup .btn {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 10 6-6 6 6'/></svg>");
}

.bootstrap-select .bs-searchbox {
    padding: 6px;
}

.bootstrap-select .bs-searchbox .form-control {
    padding: 8px 12px;
    border: 1px solid rgb(var(--border_color));
    border-radius: var(--border_radius);
}

.bootstrap-select .bs-searchbox .form-control::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
}

.bootstrap-select .dropdown-menu {
    padding: 0;
    width: 100%;
    background-color: #ffffff;
    border-color: rgb(var(--border_color));
}

.bootstrap-select .dropdown-item {
    padding: 10px 22px;
    border-radius: 0 !important;
}

.bootstrap-select .dropdown-item.active,
.bootstrap-select .dropdown-item:active,
.bootstrap-select .dropdown-item:hover {
    background-color: rgb(var(--primary_color));
    opacity: 1 !important;
    color: #fff;
}

.bootstrap-select .no-results {
    display: block;
    color: rgb(var(--text_color));
    background-color: rgba(0, 0, 0, 0.1);
    padding: 12px 16px;
    margin-bottom: 6px;
}

.form-range::-webkit-slider-thumb {
    background-color: rgb(var(--primary_color));
}

.form-range::-webkit-slider-thumb:active {
    background-color: rgb(var(--primary_color));
}

.form-range:focus::-webkit-slider-thumb {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-control::file-selector-button {
    margin-left: -16px;
}

.form-control.form-control-md::file-selector-button {
    padding-left: 16px;
}

.form-control.form-control-lg::file-selector-button {
    margin-left: -22px;
}

.form-control-lg[type=file] {
    padding-block: 0;
}

.form-control-lg[type=file]::file-selector-button {
    padding-block: 1.375rem;
}

.input-group-absolute {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.input-group-absolute input {
    border-radius: var(--border_radius) !important;
    padding-right: 150px !important;
}

.input-group-absolute .btn {
    position: absolute;
    right: 5px;
    border-radius: var(--border_radius) !important;
    z-index: 10;
}

.drop-down {
    position: relative;
}

.drop-down .drop-down-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    color: rgb(var(--text_color));
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.drop-down .drop-down-btn:hover {
    color: rgb(var(--primary_color));
    opacity: .9;
}

.drop-down .drop-down-menu {
    position: absolute;
    background-color: #fff;
    min-width: 200px;
    border-radius: var(--border_radius);
    padding: 6px;
    top: 35px;
    right: 0;
    visibility: hidden;
    font-size: 16px;
    opacity: 0;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    border: 1px solid rgb(var(--border_color));
}

.drop-down .drop-down-menu .drop-down-divider {
    border-top: 1px solid rgb(var(--border_color));
}

.drop-down .drop-down-menu .drop-down-item {
    display: block;
    padding: 8px 16px;
    color: rgb(var(--text_color));
    border-radius: var(--border_radius);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.drop-down .drop-down-menu .drop-down-item i,
.drop-down .drop-down-menu .drop-down-item i:before {
    width: 25px;
}

.drop-down .drop-down-menu .drop-down-item.active,
.drop-down .drop-down-menu .drop-down-item:hover {
    background-color: rgba(var(--primary_color), 0.1);
    color: rgb(var(--primary_color)) !important;
}

.drop-down.drop-down-md .drop-down-menu {
    width: 230px;
}

.drop-down.drop-down-lg .drop-down-menu {
    width: 420px;
}

@media (max-width: 669.98px) {
    .drop-down.drop-down-lg .drop-down-menu {
        right: -50px;
    }
}

@media (max-width: 575.98px) {
    .drop-down.drop-down-lg .drop-down-menu {
        width: 85vw;
        right: -30px;
    }

    .drop-down.drop-down-md .drop-down-menu {
        width: 200px;
    }
}

.drop-down.active {
    z-index: 1000;
}

.drop-down.active .drop-down-menu {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}

.drop-down-scroll .drop-down-menu {
    max-height: 300px;
    overflow: auto;
    scrollbar-color: #d5d5d5 #f2f2f5;
    scrollbar-width: thin;
}

.dropdown-menu {
    background-color: #fff;
    min-width: 220px;
    border-radius: var(--border_radius);
    padding: 6px;
    border: 1px solid rgb(var(--border_color));
}

.custom-drop {
    position: static;
}

.custom-drop .dropdown-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: rgb(var(--text_muted_color));
    background-color: rgb(var(--elements_background_color));
    border: 1px solid rgb(var(--border_color));
    border-radius: var(--border_radius);
    padding-right: 5px;
    padding-left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.custom-drop .dropdown-btn::after {
    display: none;
}

.custom-drop .dropdown-btn:hover {
    color: rgb(var(--text_color));
}

.custom-drop .dropdown-menu {
    font-size: inherit;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid rgb(var(--border_color));
    padding: 0;
    border-radius: 10px;
    min-width: 180px;
}

.custom-drop .dropdown-menu .dropdown-divider {
    margin: 0;
}

.custom-drop .dropdown-menu li:first-child .dropdown-item {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.custom-drop .dropdown-menu li:last-child .dropdown-item {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.custom-drop .dropdown-menu .dropdown-item {
    padding: 10px 15px;
    color: rgb(var(--text_color));
}

.custom-drop .dropdown-menu .dropdown-item i {
    width: 25px;
}

.custom-drop .dropdown-menu .dropdown-item:hover,
.custom-drop .dropdown-menu .dropdown-item.active {
    background-color: rgb(var(--primary_color));
    color: #fff !important;
}

.user-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1399.98px) {
    .user-menu {
        margin-right: 16px;
    }
}

.user-menu .user-img {
    border-radius: 50%;
    width: 38px;
    height: 38px;
}

@media (max-width: 1399.98px) {
    .user-menu .user-img {
        margin-right: 0;
        width: 35px;
        height: 35px;
    }
}

.user-menu .user-img.user-img-md {
    width: 42px;
    height: 42px;
}

@media (max-width: 1399.98px) {
    .user-menu .user-img.user-img-md {
        width: 37px;
        height: 37px;
    }
}

@media (max-width: 1399.98px) {

    .user-menu .user-name,
    .user-menu i {
        display: none;
    }
}

.user-menu .drop-down-menu {
    top: 40px;
}

.pagination {
    margin-bottom: 0;
}

.page-item:not(:last-child) {
    margin-right: 6px;
}

.page-item .page-link {
    color: rgb(var(--primary_color));
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 5px !important;
    border: 0;
    background: transparent;
}

.page-item .page-link:focus,
.page-item .page-link:active {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.page-item .page-link:hover {
    background: rgb(var(--primary_color));
    color: #fff;
}

.page-item.active .page-link {
    background-color: rgb(var(--primary_color));
    border-color: rgb(var(--primary_color));
    color: #fff;
}

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

.page-item[disabled] .page-link {
    cursor: default;
    background: transparent;
    color: rgb(var(--text_muted_color));
}

.languages.drop-down .language-img {
    margin-right: 10px;
}

.languages.drop-down .language-img img {
    display: block;
    width: 25px;
    height: 25px;
}

.languages.drop-down .drop-down-menu .drop-down-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.languages.drop-down .drop-down-menu .drop-down-item:hover {
    background-color: transparent;
    color: rgb(var(--text_color)) !important;
}

.languages.drop-down .drop-down-menu .drop-down-item.active {
    background-color: transparent;
    color: rgb(var(--primary_color)) !important;
}

.nav-bar {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1030;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    font-size: 18px;
    background-color: #fff;
    border: 1px solid rgb(var(--border_color));
}

.nav-bar .logo {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.nav-bar .nav-bar-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 85px;
}

.nav-bar .nav-bar-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1399.98px) {
    .nav-bar .nav-bar-actions {
        margin-left: auto;
    }
}

.nav-bar .nav-bar-actions .drop-down {
    margin-bottom: 0;
}

@media (min-width: 1400px) {
    .nav-bar .nav-bar-actions .drop-down {
        margin-right: 0 !important;
    }
}

.nav-bar .nav-bar-menu-btn {
    display: none;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    color: rgb(var(--text_muted_color));
    cursor: pointer;
}

.nav-bar .nav-bar-menu-btn:hover {
    opacity: .5;
}

@media (max-width: 1399.98px) {
    .nav-bar .nav-bar-menu-btn {
        display: block;
    }
}

.nav-bar .nav-bar-menu {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-margin-start: 16px;
    margin-inline-start: 16px;
}

@media (max-width: 1399.98px) {
    .nav-bar .nav-bar-menu {
        visibility: hidden;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        margin-left: 0;
        opacity: 0;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        z-index: 1030;
    }

    .nav-bar .nav-bar-menu.show {
        visibility: visible;
        opacity: 1;
    }

    .nav-bar .nav-bar-menu.show .nav-bar-menu-inner {
        right: 0;
    }
}

.nav-bar .nav-bar-menu .overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
}

@media (max-width: 1399.98px) {
    .nav-bar .nav-bar-menu .overlay {
        display: block;
    }
}

.nav-bar .nav-bar-menu .nav-bar-menu-header {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.nav-bar .nav-bar-menu .nav-bar-menu-header .nav-bar-menu-close {
    cursor: pointer;
    font-size: 18px;
}

@media (max-width: 1399.98px) {
    .nav-bar .nav-bar-menu .nav-bar-menu-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.nav-bar .nav-bar-menu-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1399.98px) {
    .nav-bar .nav-bar-menu-inner {
        top: 0;
        right: -300px;
        height: 100%;
        width: 300px;
        position: absolute;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        background-color: #fff;
        padding: 15px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        overflow: hidden auto;
    }
}

@media (min-width: 1400px) {
    .nav-bar .nav-bar-links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-margin-start: auto;
        margin-inline-start: auto;
    }
}

@media (min-width: 1400px) {
    .nav-bar .nav-bar-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-padding-start: 20px;
        padding-inline-start: 20px;
    }
}

.nav-bar .link {
    display: block;
    color: rgb(var(--text_muted_color));
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    cursor: pointer;
}

.nav-bar .link:not(:last-child) {
    margin-right: 20px;
}

@media (max-width: 1399.98px) {
    .nav-bar .link:not(:last-child) {
        margin-right: 0;
    }
}

@media (max-width: 1399.98px) {
    .nav-bar .link {
        width: 100%;
        margin-bottom: 20px;
    }
}

.nav-bar .link:hover {
    color: rgb(var(--primary_color));
    opacity: 1;
}

.nav-bar .link.active {
    border-bottom: 2px solid #C62828;
    padding-bottom: 4px;
}

@media (max-width: 1399.98px) {
    .nav-bar .link.active {
        border-bottom: none;
        border-left: 3px solid #C62828;
        padding-left: 10px;
        padding-bottom: 0;
    }
}

.nav-bar .link-btn {
    display: block;
}

.nav-bar .link-btn:not(:last-child) {
    margin-right: 12px;
}

@media (max-width: 1399.98px) {
    .nav-bar .link-btn:not(:last-child) {
        margin-right: 0;
        margin-bottom: 20px;
    }
}

.nav-bar .link-btn .btn {
    font-size: 16px;
}

@media (max-width: 1399.98px) {
    .nav-bar .link-btn .btn {
        width: 100%;
        padding-top: 8.5px;
        padding-bottom: 8.5px;
    }
}

.nav-bar .link-btn:hover {
    opacity: 1;
}

.nav-bar .drop-down:not(:last-child) {
    margin-right: 20px;
}

@media (max-width: 1399.98px) {
    .nav-bar .drop-down:not(:last-child) {
        margin-right: 0;
    }
}

.nav-bar .drop-down .drop-down-btn {
    color: rgb(var(--text_muted_color));
}

.nav-bar .drop-down .drop-down-btn:hover {
    color: rgb(var(--primary_color));
}

.nav-bar .drop-down .drop-down-menu {
    font-size: 18px;
}

@media (max-width: 1399.98px) {
    .nav-bar .drop-down .drop-down-menu {
        width: 100%;
        top: 40px;
    }
}

@media (max-width: 1399.98px) {
    .nav-bar .drop-down {
        width: 100%;
        margin-bottom: 20px;
    }
}

.nav-bar.v2 {
    border-bottom: 1px solid rgb(var(--border_color));
}

.nav-bar.scrolling {
    -webkit-box-shadow: 0 13px 35px -12px rgba(35, 35, 35, 0.1);
    box-shadow: 0 13px 35px -12px rgba(35, 35, 35, 0.1);
}

.nav-bar.nav-bar-bg {
    background: rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.35);
}

.nav-bar.nav-bar-bg .drop-down .drop-down-btn {
    color: #fff;
}

.nav-bar.nav-bar-bg .nav-bar-menu-btn {
    color: #fff;
}

.nav-bar.nav-bar-bg .nav-bar-menu .nav-bar-links .link {
    color: var(--text-muted);
}

@media (max-width: 1399.98px) {
    .nav-bar.nav-bar-bg .nav-bar-menu .nav-bar-links .link {
        color: #222;
    }

    .nav-bar.nav-bar-bg .nav-bar-menu .nav-bar-links .link:hover {
        color: rgb(var(--secondary_color));
    }
}

.nav-bar.nav-bar-bg .nav-bar-menu .nav-bar-links .drop-down .drop-down-btn {
    color: #fff;
}

@media (max-width: 1399.98px) {
    .nav-bar.nav-bar-bg .nav-bar-menu .nav-bar-links .drop-down .drop-down-btn {
        color: #222;
    }

    .nav-bar.nav-bar-bg .nav-bar-menu .nav-bar-links .drop-down .drop-down-btn:hover {
        color: rgb(var(--secondary_color));
    }
}

.nav-bar.nav-bar-bg .link:hover {
    opacity: 0.9;
}

.header {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 450px;
    z-index: 100;
    background-color: #ffffff;
    border-bottom: 1px solid rgb(var(--border_color));
}

.header.header-image {
    background-position: center center;
    background-size: cover;
}

@media (max-width: 767.98px) {
    .header.header-image {
        background-size: 250%;
    }
}

.header.header-image .header-inner {
    position: relative;
    color: rgb(var(--text_color));
}

.header .header-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.1;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}

.header-padding {
    padding-bottom: 30px;
}

.header-inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    padding-top: 80px;
    padding-bottom: 80px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

@media (max-width: 991.98px) {
    .header-inner {
        text-align: center;
    }
}

.header-title {
    font-weight: 700;
    font-size: 36px;
    margin-bottom: 16px;
    line-height: 1.4;
}

@media (min-width: 1200px) {
    .header-title {
        font-size: 45px;
        line-height: 1.5;
    }
}

.header-text {
    font-size: 17px;
    margin-bottom: 40px;
    color: rgba(var(--text_color), 0.8);
}

@media (min-width: 1200px) {
    .header-text {
        font-size: 20px;
    }
}

.header-search {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: visible;
}

.header-search .search-input {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.header-search .search-input.search-input-sm .icon {
    width: 50px;
    height: 48px;
}

.header-search .search-input.search-input-sm input {
    min-height: 60px;
}

.header-search .search-input .icon {
    position: absolute;
    width: 55px;
    height: 55px;
    background-color: transparent;
    top: 50%;
    right: 8px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: rgb(var(--primary_color));
    border-radius: 50%;
    border: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.header-search .search-input .icon i {
    font-size: 20px;
    color: #fff;
}

.header-search .search-input .icon:hover {
    opacity: 0.8;
}

.header-search .search-input input {
    border: 0;
    outline: 0;
    border-color: transparent;
    font-size: 16px;
    min-height: 68px;
    padding-right: 70px;
    padding-left: 30px !important;
    border-radius: 200px;
    width: 100%;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.header-search .search-results {
    position: absolute;
    top: 68px;
    left: 0;
    width: 100%;
    z-index: 1050;
    overflow: visible;
    border-top: 1px solid rgb(var(--border_color));
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}

.header-search .search-results-inner {
    max-height: 500px;
    overflow: visible !important;
}

.header-search.show .search-input input {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.header-bg {
    background-color: rgb(var(--elements_inner_background_color));
    background-size: cover;
}

.header-bg .header-bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: -1;
}

.header-bg .header-title {
    letter-spacing: 0;
}

@media (min-width: 1199.98px) {
    .header-bg .header-title {
        font-size: 45px;
    }
}

.header-bg .header-inner {
    text-align: center;
    padding-right: 0;
    padding-left: 0;
}

.header-sm {
    min-height: 200px;
}

.header-sm .header-inner {
    padding-top: 40px;
    padding-bottom: 40px;
}

.header-sm .header-title {
    font-size: 30px;
    font-weight: 600;
}

@media (min-width: 1399.98px) {
    .header-sm .header-title {
        font-size: 35px;
    }
}

.section {
    padding-top: 60px;
    padding-bottom: 60px;
    overflow: hidden;
}

.section-sm {
    padding-top: 30px;
    padding-bottom: 30px;
}

@media (max-width: 991.98px) {
    .section {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

.section-header {
    position: relative;
    margin-bottom: 30px;
    z-index: 2;
}

.section-header .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.section-header:has(.section-text) .row {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.section-title {
    gap: 16px;
    margin-bottom: 0;
    font-size: 32px;
    font-weight: 600;
}

.section-title span {
    position: relative;
}

.section-title span::before {
    content: "";
    position: absolute;
    width: calc(100% - 9px);
    height: 5px;
    left: 3px;
    bottom: 11px;
    background-color: rgba(var(--primary_color), 0.7);
    z-index: -1;
}

.section-text {
    line-height: 1.7;
    font-size: 1em;
    color: rgb(var(--text_muted_color));
    margin-top: 16px;
    margin-bottom: 0;
}

.section-margin {
    position: relative;
    margin-top: -60px;
    padding-top: 0;
}

.section-footer {
    position: relative;
    z-index: 1;
    margin-top: 30px;
}

.swiper-actions {
    --swiper-navigation-size: 16px;
}

.swiper-actions .swiper-button-prev,
.swiper-actions .swiper-button-next {
    margin: 0;
    width: 40px;
    height: 40px;
    background-color: rgb(var(--primary_color));
    border-radius: var(--border_radius);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    color: #fff;
}

.swiper-actions .swiper-button-prev:hover,
.swiper-actions .swiper-button-next:hover {
    background-color: rgba(var(--primary_color), 0.8);
}

.ratings {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2px;
}

.ratings img {
    height: 21px;
}

.ratings:has(.rating-active:nth-child(1)) .rating-active::before {
    background-color: rgb(var(--star_fill_color));
}

.ratings.ratings-md img {
    height: 23px;
}

.ratings.ratings-md .rating {
    font-size: 12px;
}

.ratings.ratings-lg img {
    height: 26px;
}

.ratings.ratings-lg .rating {
    padding: 6px;
    font-size: 14px;
}

.ratings.ratings-xl {
    gap: 4px;
}

.ratings.ratings-xl img {
    height: 35px;
}

.ratings.ratings-xl .rating {
    padding: 8px;
    font-size: 18px;
}

.ratings.ratings-xxl {
    gap: 6px;
}

.ratings.ratings-xxl img {
    height: 42px;
}

.ratings.ratings-xxl .rating {
    padding: 6px;
    font-size: 30px;
    line-height: 0.8;
}

.rating {
    display: inline-block;
    position: relative;
    padding: 5px;
    color: #fff;
    background-color: rgb(var(--star_color));
    font-size: 10px;
    border-radius: 3px;
    line-height: 1;
    z-index: 0;
}

.rating::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    -webkit-transition: 0.3s cubic-bezier(0.85, 0, 0.15, 1) 0s;
    -o-transition: 0.3s cubic-bezier(0.85, 0, 0.15, 1) 0s;
    transition: 0.3s cubic-bezier(0.85, 0, 0.15, 1) 0s;
    z-index: -1;
}

.ratings-text {
    font-size: 14px;
    line-height: 0.9;
    color: rgb(var(--text_muted_color));
}

.ratings-selective .rating {
    cursor: pointer;
}

.ratings-selective .rating input {
    display: none;
}

.ratings-selective:hover .rating.rating-active::before {
    background-color: rgb(var(--star_color));
}

.ratings-selective:has(.rating:nth-child(1):hover) .rating:nth-child(1)::before {
    background-color: rgb(var(--star_fill_color));
}

.ratings-selective:has(.rating:nth-child(2):hover) .rating:nth-child(-n+2)::before {
    background-color: rgb(var(--star_fill_color));
}

.ratings-selective:has(.rating:nth-child(3):hover) .rating:nth-child(-n+3)::before {
    background-color: rgb(var(--star_fill_color));
}

.ratings-selective:has(.rating:nth-child(4):hover) .rating:nth-child(-n+4)::before {
    background-color: rgb(var(--star_fill_color));
}

.ratings-selective:has(.rating:nth-child(5):hover) .rating:nth-child(-n+5)::before {
    background-color: rgb(var(--star_fill_color));
}

.rating-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
}

@media (max-width: 767.98px) {
    .rating-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.rating-number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 6px;
    height: 180px;
    width: 180px;
    border-radius: var(--border_radius);
    background-color: rgb(var(--star_fill_color));
    color: #fff;
}

@media (max-width: 767.98px) {
    .rating-number {
        width: 100%;
    }
}

.rating-number .rating-value {
    font-size: 50px;
    font-weight: 700;
    line-height: 1;
}

.rating-number .rating-divider {
    line-height: 1.8;
}

.rating-number .rating-max {
    line-height: 1.2;
    font-size: 25px;
}

.rating-number-sm {
    height: 132px;
    width: 132px;
}

.rating-number-sm .rating-value {
    font-size: 35px;
}

.rating-number-sm .rating-divider {
    line-height: 1.5;
}

.rating-number-sm .rating-max {
    font-size: 20px;
}

.rating-number-sm .rating-desc {
    font-size: 15px;
}

.ratings-rows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

@media (max-width: 767.98px) {
    .ratings-rows {
        width: 100%;
    }
}

.ratings-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    color: rgb(var(--text_muted_color));
}

.ratings-row .rating {
    background-color: rgb(var(--star_fill_color));
}

.ratings-row>span {
    width: 45px;
    text-align: center;
}

.ratings-row span {
    line-height: 1;
}

.ratings-row .progress {
    --bs-progress-bg: rgb(var(--star_color));
    --bs-progress-bar-bg: rgb(var(--star_fill_color));
    --bs-progress-border-radius: var(--border_radius);
    --bs-progress-height: 14px;
    width: 100%;
}

.ratings-row-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 575.98px) {
    .ratings-row-text {
        gap: 8px;
    }
}

.ratings-row-text .form-check-input {
    width: 1.3rem;
    height: 1.3rem;
}

.ratings-row-text span {
    margin-left: .8rem;
    white-space: nowrap;
    min-width: 50px;
    text-align: start;
}

.box {
    display: block;
    padding: 45px;
    background-color: rgb(var(--elements_background_color));
    border-radius: var(--border_radius);
    border: 1px solid rgb(var(--border_color));
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.box-bg {
    background-color: rgb(var(--elements_inner_background_color));
}

.box-shadow {
    -webkit-box-shadow: rgba(27, 31, 35, 0.04) 0px 1px 0px, rgba(255, 255, 255, 0.25) 0px 1px 0px inset;
    box-shadow: rgba(27, 31, 35, 0.04) 0px 1px 0px, rgba(255, 255, 255, 0.25) 0px 1px 0px inset;
    border: 0;
}

.box-shadow:hover {
    -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
}

.box-padding {
    padding: 30px;
}

.sign {
    max-width: 480px;
    margin-right: auto;
    margin-left: auto;
}

.sign .sign-title {
    font-size: 2rem;
    margin-bottom: 12px;
}

.sign .sign-text {
    margin-bottom: 0;
    color: rgb(var(--text_muted_color));
}

.sign.sign-lg {
    max-width: 650px;
}

.login-with .login-with-divider {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin-bottom: 16px;
}

.login-with .login-with-divider::before {
    content: '';
    background-color: rgb(var(--border_color));
    height: 1px;
    width: 50%;
}

.login-with .login-with-divider::after {
    content: '';
    background-color: rgb(var(--border_color));
    height: 1px;
    width: 50%;
}

.login-with .login-with-divider span {
    position: relative;
    background-color: transparent;
    color: rgb(var(--text_muted_color));
    padding-left: 10px;
    padding-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.sign-option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
    padding: 7px 16px;
    border: 1px solid rgb(var(--border_color));
    border-radius: var(--border_radius);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
}

.sign-option input {
    display: none;
}

.sign-option:has(input:checked) {
    background-color: rgba(var(--primary_color), 0.1);
    border-color: rgb(var(--primary_color));
}

.sign-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.sign-page .sign-page-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 30px 40px 80px;
    width: 50%;
}

@media (max-width: 991.98px) {
    .sign-page .sign-page-content {
        width: 100%;
    }
}

.sign-page .sign-page-header {
    margin-bottom: 50px;
}

.sign-page .sign-page-form {
    margin-top: auto;
    margin-bottom: auto;
}

.sign-page .sign-page-sidebar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 50%;
}

@media (max-width: 991.98px) {
    .sign-page .sign-page-sidebar {
        display: none;
    }
}

.sign-page .sign-page-bg {
    position: fixed;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-size: cover;
    background-position: center center;
}

.payment-method {
    position: relative;
    text-align: center;
    border-radius: 5px;
    padding: 15px 15px;
    z-index: 1;
}

.payment-method .payment-img {
    position: relative;
    margin-right: 10px;
    z-index: 1;
}

.payment-method .payment-img img {
    height: 40px;
}

.payment-method .form-check-label {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    z-index: 2;
}

.payment-method .form-check-input {
    position: absolute;
    top: 10px;
    left: 10px;
    margin-top: 0;
    margin-left: auto;
    z-index: 1;
}

.payment-method .form-check-input+ ::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 1px solid rgb(var(--border_color));
    border-radius: 5px;
}

.payment-method .form-check-input:checked+ ::after {
    border-color: rgb(var(--primary_color));
    background-color: rgb(var(--primary_color));
    opacity: .1;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.protect {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.protect i {
    margin-right: 20px;
    font-size: 40px;
}

.blog-post {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: transparent;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    height: 100%;
    overflow: hidden;
}

.blog-post>* {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.blog-post .blog-post-header {
    position: relative;
    height: 300px;
    border-radius: 20px;
    overflow: hidden;
}

.blog-post .blog-post-header>a:has(img) {
    height: 100%;
}

.blog-post .blog-post-img {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.blog-post .blog-post-category {
    background-color: rgb(var(--primary_color));
    padding: 10px 25px;
    font-size: 14px;
    height: auto;
}

.blog-post .blog-post-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px 12px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.blog-post .blog-post-body img {
    max-width: 100%;
}

.blog-post :not(.blog-post-header) .blog-post-category {
    position: static;
    -ms-flex-item-align: baseline;
    align-self: baseline;
    background-color: rgba(var(--primary_color), 0.1);
    color: rgb(var(--primary_color));
    font-weight: 400;
    padding: 7px 14px;
    border-radius: var(--border_radius);
}

.blog-post .blog-post-title {
    font-weight: 500;
    margin-bottom: 10px;
    line-height: 1.5;
    overflow: hidden;
    color: rgb(var(--text_color));
}

.blog-post .blog-post-title a {
    display: block;
    color: inherit;
}

.blog-post .blog-post-title a:hover {
    color: rgb(var(--primary_color));
}

.blog-post .blog-post-text {
    color: rgb(var(--text_muted_color));
    font-weight: 300;
    margin-bottom: 16px;
    line-height: 28px;
}

.blog-post .blog-post-text p {
    margin-bottom: 8px;
}

.blog-post .blog-post-text p:last-child {
    margin-bottom: 0;
}

.blog-post:hover {
    -webkit-box-shadow: 0 10px 60px 0 rgba(89, 86, 233, 0.1);
    box-shadow: 0 10px 60px 0 rgba(89, 86, 233, 0.1);
}

@media (min-width: 992px) {
    .blog-post:hover .blog-post-img {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }
}

.blog-post.blog-post-single .blog-post-header {
    height: auto;
    border-radius: var(--border_radius);
}

.blog-post.blog-post-single .blog-post-title {
    font-size: 2rem;
}

.blog-post.blog-post-single .blog-post-body {
    padding: 0;
    padding-top: 25px;
}

.blog-post.blog-post-single:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.blog-post.blog-post-single:hover .blog-post-img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.blog-post:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.blog-post-meta {
    margin-bottom: 14px;
}

.blog-container {
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto;
}

.socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
}

.socials.socials-sm .social-btn {
    width: 40px;
    height: 40px;
    font-size: 11px;
}

.socials .social-btn {
    font-size: 12px;
    width: 50px;
    height: 50px;
    font-size: 17px;
    background-color: #f2f2f2;
    color: #666;
}

.socials .social-btn:hover {
    opacity: 0.8;
    color: #222;
}

.social-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    color: #fff;
    border: 0;
    outline: 0;
    cursor: pointer;
}

.social-btn.social-btn-sm {
    width: 35px;
    height: 35px;
}

.social-btn.social-link {
    background-color: #8C95A0;
}

.social-btn:hover {
    opacity: .8;
    color: #fff;
}

.social-facebook {
    background-color: #1877f2 !important;
    color: #fff !important;
}

.social-x {
    background-color: #000000 !important;
    color: #fff !important;
}

.social-youtube {
    background-color: #ff0000 !important;
    color: #fff !important;
}

.social-linkedin {
    background-color: #0a66c2 !important;
    color: #fff !important;
}

.social-whatsapp {
    background-color: #25d366 !important;
    color: #fff !important;
}

.social-instagram {
    background-color: #C13584 !important;
    color: #fff !important;
}

.social-pinterest {
    background-color: #cc0200 !important;
    color: #fff !important;
}

.comments {
    width: 100%;
}

.comments .comments-title {
    margin-bottom: 20px;
}

.comment .comment-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.comment .comment-img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 12px;
}

.comment .comment-img img {
    width: 50px;
    height: 50px;
    border-radius: 50%
}

.comment .comment-title {
    font-size: var(--font-size);
}

.comment .comment-time {
    font-size: 14px;
}

.comment .comment-text {
    margin-top: 12px;
    line-height: 1.7;
    font-size: 0.9em;
}

.comment:not(:last-child) {
    margin-bottom: 25px;
}

.category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: rgb(var(--text_color));
    padding: 40px !important;
    height: 100%;
}

.category:hover {
    color: rgb(var(--text_color));
}

.category-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 68px;
    height: 68px;
    border-radius: var(--border_radius);
    margin-bottom: 20px;
    font-size: 28px;
}

.category-icon img {
    width: 100%;
    height: 100%;
    border-radius: inherit;
}

.category .category-header {
    color: rgb(var(--text_color));
}

.category-title {
    margin-bottom: 16px;
}

.category-text {
    color: rgb(var(--text_muted_color));
    margin-bottom: 20px;
}

.category-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
    color: rgb(var(--text_muted_color));
}

.category-item i {
    font-size: 13px;
}

.category-item:hover {
    color: rgb(var(--primary_color));
}

.category-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: auto;
    font-size: 20px;
    line-height: 1.1;
    color: rgb(var(--primary_color));
}

.home-category {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: rgb(var(--text_color));
    padding: 40px 30px !important;
    height: 100%;
}

.home-category:hover {
    color: rgb(var(--text_color));
}

.home-category-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    border-radius: var(--border_radius);
    padding: 18px;
    margin-bottom: 20px;
    font-size: 28px;
}

.home-category-icon img {
    width: 100%;
    height: 100%;
    border-radius: inherit;
}

.home-category-primary .home-category-icon {
    background-color: rgba(var(--primary_color), 0.1);
    color: rgb(var(--primary_color));
}

.home-category-secondary .home-category-icon {
    background-color: rgba(var(--secondary_color), 0.1);
    color: rgb(var(--secondary_color));
}

.home-categories-swiper {
    padding-block: 80px;
    margin-block: -80px;
}

@media (max-width: 575.98px) {
    .home-categories-swiper {
        padding-inline: 12px;
    }
}

@media (min-width: 576px) {
    .home-categories-swiper {
        margin-inline: -215px;
    }
}

.home-categories-swiper .swiper-slide {
    width: 290px;
}

.item {
    padding: 24px !important;
    height: 100%;
    max-width: 100%;
}

.item-img {
    display: inline-block;
    position: relative;
}

.item-img img {
    width: 80px;
    height: 80px;
    border-radius: var(--border_radius);
}

.item-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-item-align: center;
    align-self: center;
    overflow: hidden;
}

.item-verified {
    position: absolute;
    padding: 4px;
    right: -6px;
    bottom: -6px;
    line-height: 1;
    background-color: rgb(var(--elements_background_color));
    color: rgb(var(--verified_badge_color));
    border-radius: 50%;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.verified-icon {
    color: rgb(var(--verified_badge_color));
}

.item-title {
    font-size: 1.1rem;
    margin-bottom: 0;
    color: rgb(var(--text_color));
}

.item-title a {
    color: rgb(var(--text_color));
}

.item-link {
    display: block;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
}

.item-text {
    padding-top: 12px;
    margin-top: 16px;
    font-size: 0.9em;
    color: rgb(var(--text_muted_color));
    border-top: 1px solid rgb(var(--border_color));
}

.item-xs {
    font-size: 0.9em;
    max-width: 100%;
}

.item-xs .item-img img {
    width: 40px;
    height: 40px;
}

.item-xs .item-title {
    font-size: 1em;
    margin-top: 3px;
    margin-bottom: 4px;
}

.item-xs .item-link {
    line-height: 1.3em;
}

.item-sm {
    font-size: 0.9em;
    max-width: 100%;
}

.item-sm .item-img img {
    width: 50px;
    height: 50px;
}

.item-sm .item-title {
    font-size: 1em;
    margin-bottom: 4px;
}

.item-sm .item-link {
    line-height: 1.3em;
}

.item-lg {
    font-size: 1.3em;
    max-width: 100%;
}

.item-lg .item-img img {
    width: 125px;
    height: 125px;
}

.item-lg .item-title {
    font-size: 1.1em;
    margin-top: 4px;
    margin-bottom: 10px;
    font-weight: 600;
}

.item-lg .item-link {
    line-height: 0.9;
}

.item-lg .item-link:hover {
    text-decoration: underline;
}

.item-meta {
    font-size: 14px;
    color: rgb(var(--text_muted_color));
}

.item-box {
    line-height: 1.7;
    padding: 32px;
}

@media (max-width: 575.98px) {
    .item-box {
        padding: 24px;
    }
}

.item-box .item-box-header {
    margin-bottom: 18px;
}

.item-paragraph img {
    max-width: 100%;
}

.item-paragraph-title {
    margin-bottom: 16px;
    line-height: inherit;
}

.item-paragraph-text {
    color: rgb(var(--text_muted_color));
    line-height: inherit;
}

.item-paragraph-text:last-child {
    margin-bottom: 0;
}

.item-reviews {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
}

.item-review .box {
    padding: 32px;
}

@media (max-width: 575.98px) {
    .item-review .box {
        padding: 20px;
    }
}

.item-review-header {
    margin-bottom: 1rem;
}

.item-review-header time {
    display: block;
    line-height: 1.6;
}

.item-box-title {
    font-weight: 600;
    font-size: 1.4em;
    color: rgb(var(--text_color));
}

.item-box-title span {
    font-weight: 700;
    color: rgb(var(--text_color));
}

.item-box-text {
    font-size: 0.95em;
}

.item-review-title {
    color: rgb(var(--text_color));
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.item-review-text {
    color: rgb(var(--text_muted_color));
    margin-bottom: 1.2rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.item-review-text:last-child {
    margin-bottom: 0;
}

.item-review-reply {
    padding: 25px;
    background-color: rgb(var(--elements_inner_background_color));
    border-left: 5px solid rgb(var(--primary_color));
    border-radius: var(--border_radius);
    margin-top: 30px;
}

@media (max-width: 575.98px) {
    .item-review-reply {
        padding-left: 25px;
    }
}

.item-review-reply .item-review {
    border-radius: var(--border_radius);
}

.item-review-footer {
    margin-top: 16px;
}

.item-review-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
}

.item-review-action {
    padding: 4px 8px;
    color: rgb(var(--text_muted_color));
    background-color: rgb(var(--elements_inner_background_color));
    border: 1px solid transparent;
}

.item-review-action:hover,
.item-review-action:active,
.item-review-action:focus {
    color: rgb(var(--text_muted_color)) !important;
    background-color: rgb(var(--elements_inner_background_color)) !important;
    opacity: .8;
}

.item-footer {
    display: none;
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid rgb(var(--border_color));
}

.item-footer .item-footer-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    font-size: 15px;
}

.item-footer .item-footer-title .item-footer-text {
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.item-footer .item-footer-title span {
    color: rgb(var(--text_muted_color));
}

.item-footer .item-footer-title span:not(:last-child)::after {
    content: "";
    display: inline-block;
    width: 2px;
    height: 2px;
    background-color: rgb(var(--text_muted_color));
    margin-right: 5px;
    margin-left: 10px;
    margin-bottom: 3px;
}

.item-footer .item-footer-title .item-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.item-footer .item-footer-title .item-action:not(.collapsed) i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.item-footer .item-collapse {
    gap: 16px;
    padding-bottom: 10px;
    margin-top: 12px !important;
    margin-bottom: -10px;
    -webkit-padding-end: 1px;
    padding-inline-end: 1px;
    overflow-x: auto;
    scrollbar-color: #d5d5d5 #f2f2f5;
    scrollbar-width: thin;
}

.item-footer .item-collapse.show,
.item-footer .item-collapse.collapsing {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.item-footer .review {
    width: 340px;
    font-size: 14px;
    padding: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.item-footer .review-text {
    margin-bottom: 0;
}

.item-footer-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    margin-right: 6px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.item-footer-links::after {
    content: "";
    height: 24px;
    width: 1px;
    background-color: rgb(var(--border_color));
}

.item-footer-link {
    color: rgb(var(--text_muted_color));
}

.item-inline .item-text {
    margin-top: 5px;
    border-top: 0;
}

.item-inline .item-footer {
    display: block;
}

.custom-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px 16px;
    color: rgb(var(--text_muted_color));
    border-radius: var(--border_radius);
    gap: 10px;
}

.custom-tab.current,
.custom-tab:hover {
    background-color: rgba(var(--primary_color), 0.2);
    color: rgb(var(--primary_color));
}

.custom-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.custom-select .custom-select-icon {
    position: absolute;
    margin-left: 14px;
    font-size: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.custom-select .form-select {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.accordion-custom .accordion-button {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: var(--border_radius);
    background-color: #fff;
    padding: 25px;
    font-weight: 600;
}

.accordion-custom .accordion-button::after {
    display: none;
}

.accordion-custom .accordion-button .accordion-button-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    color: rgb(var(--text_muted_color));
    font-size: 14px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.accordion-custom .accordion-button:not(.collapsed) {
    color: rgb(var(--primary_color));
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.accordion-custom .accordion-button:not(.collapsed) .accordion-button-icon {
    color: rgb(var(--primary_color));
}

.accordion-custom .accordion-item {
    border-radius: var(--border_radius) !important;
    border: 1px solid rgb(var(--border_color)) !important;
}

.accordion-custom .accordion-item:not(:last-child) {
    margin-bottom: 16px;
}

.accordion-custom .accordion-body {
    padding: 25px;
    border-top: 1px solid rgb(var(--border_color));
}

@media (min-width: 992px) {
    .filters-accordion .collapse:not(.show) {
        display: block;
    }
}

@media (min-width: 992px) {
    .filters-accordion .accordion {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px;
    }
}

@media (min-width: 992px) {
    .filters-accordion .accordion-item {
        border-radius: var(--border_radius);
        border-top: 1px solid rgb(var(--border_color));
    }
}

.filters-accordion .accordion-button {
    background-color: transparent;
    color: rgb(var(--text_color));
    font-weight: 500;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid transparent;
}

@media (min-width: 992px) {
    .filters-accordion .accordion-button {
        --bs-accordion-active-color: rgb(var(--text_color));
        --bs-accordion-active-bg: transparent;
        pointer-events: none;
        border-top-right-radius: var(--border_radius);
        border-top-left-radius: var(--border_radius);
        cursor: auto;
    }
}

.filters-accordion .accordion-button:not(.collapsed) {
    border-bottom: 1px solid rgb(var(--border_color));
}

.filters-accordion .accordion-button::after {
    content: "\F286";
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: 600 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: rgb(var(--text_color));
    background: none;
    width: auto;
    height: auto;
}

@media (min-width: 992px) {
    .filters-accordion .accordion-button::after {
        display: none;
    }
}

.filters-accordion .accordion-collapse {
    color: rgb(var(--text_muted_color));
}

@media (min-width: 992px) {
    .filters-accordion .accordion-collapse {
        border-top: 1px solid rgb(var(--border_color));
        height: 100%;
    }
}

.review {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding: 30px;
    color: rgb(var(--text_color));
}

.review:hover {
    color: rgb(var(--text_color));
}

.review-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: auto;
    padding-top: 16px;
    border-top: 1px solid rgb(var(--border_color));
}

.review-author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    color: rgb(var(--text_color));
}

.review-author-img img {
    border-radius: 50%;
    width: 55px;
    height: 55px;
}

.review-author-title {
    font-size: 1em;
}

.review-author-text {
    font-size: 0.9em;
    margin-bottom: 0;
    color: rgb(var(--text_muted_color));
}

.review-author-sm .review-author-img img {
    width: 45px;
    height: 45px;
}

.review-author-sm .review-author-title {
    font-size: 0.9em;
}

.review-author-sm .review-author-text {
    font-size: 0.8em;
}

:root {
    --table-second-bg: 250, 250, 250;
}

.table-striped {
    --bs-table-striped-bg: rgb(var(--table-second-bg));
}

.table-striped thead th {
    background-color: #fff !important;
}

.table-striped tr .item-verified {
    background-color: rgb(var(--table-second-bg));
}

.table-striped tr:nth-child(odd) .dropdown-btn {
    background-color: #fff;
}

.table-search {
    padding: 24px;
    border-bottom: 2px solid #f7f7f7;
}

.dashboard-table {
    border: 1px solid rgb(var(--border_color));
    border-radius: var(--border_radius);
    overflow: hidden;
}

.dashboard-table .table-container {
    overflow: auto;
}

.dashboard-table .dropdown a {
    text-decoration: none !important;
}

.dashboard-table .dropdown-toggle {
    background-color: rgb(var(--elements_inner_background_color));
    border: 1px solid rgb(var(--border_color));
    text-decoration: none !important;
}

.dashboard-table table {
    width: 100%;
    margin-bottom: 0;
}

.dashboard-table table thead th {
    font-weight: 500;
    border: 0;
    color: rgb(var(--text_muted_color));
    background-color: #fff;
    border-bottom: 2px solid #f7f7f7;
    min-width: 60px;
    white-space: nowrap;
}

.dashboard-table table tbody td {
    font-weight: 400;
    border-top: 0 !important;
    font-size: 18px;
    background-color: #fff;
    color: rgb(var(--text_muted_color));
    white-space: nowrap;
    border: 0;
}

.dashboard-table table tbody td .form-check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: 0;
    padding-left: 0;
}

.dashboard-table table tbody td:first-child .form-check-input {
    margin-right: auto;
    margin-left: auto;
}

.dashboard-table table tbody tr:last-child .dash-dropdown .dash-dropdown-menu {
    top: auto;
    left: auto;
    bottom: 0;
    right: 30px;
}

.dashboard-table table tbody tr:last-child td:first-child {
    border-end-end-radius: 0;
    border-end-start-radius: var(--border_radius);
}

.dashboard-table table tbody tr:last-child td:last-child {
    border-end-start-radius: 0;
    border-end-end-radius: var(--border_radius);
}

.dashboard-table table tbody tr:not(:last-child) td {
    border-bottom: 2px solid #f7f7f7;
}

.dashboard-table table th,
.dashboard-table table td {
    padding: 16px 24px;
}

.dashboard-table table th:not(:last-child),
.dashboard-table table td:not(:last-child) {
    -webkit-border-end: 2px solid #f7f7f7;
    border-inline-end: 2px solid #f7f7f7;
}

.dashboard-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #ffffff;
    border: 1px solid rgb(var(--border_color));
    height: 100%;
}

.dashboard-list .dashboard-list-link {
    position: relative;
    padding: 12px;
    border-radius: var(--border_radius);
    font-weight: 500;
    color: rgb(var(--text_color));
}

.dashboard-list .dashboard-list-link::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.1;
    border-radius: inherit;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.dashboard-list .dashboard-list-link:not(:last-child) {
    margin-bottom: 8px;
}

.dashboard-list .dashboard-list-link:hover,
.dashboard-list .dashboard-list-link.active {
    color: rgb(var(--primary_color));
}

.dashboard-list .dashboard-list-link:hover::before,
.dashboard-list .dashboard-list-link.active::before {
    background-color: rgb(var(--primary_color));
}

.invoice-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 100vh;
    padding: 16px;
}

.invoice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 40px 60px;
    max-width: 100%;
    width: 850px;
    background-color: #fff;
    margin: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

@media (max-width: 991.98px) {
    .invoice {
        padding: 30px;
    }
}

.invoice>* {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media print {
    .invoice button {
        display: none;
    }
}

.invoice-table-container {
    border: 1px solid rgb(var(--border_color));
    border-radius: var(--border_radius);
    overflow: auto;
}

.invoice-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    max-width: 100%;
}

.invoice-table th,
.invoice-table td {
    padding: 12px 20px;
}

.invoice-table th:not(:last-child),
.invoice-table td:not(:last-child) {
    border-right: 1px solid rgb(var(--border_color));
}

.invoice-table th {
    font-weight: 500;
    background-color: rgb(var(--background_color));
    border-bottom: 1px solid rgb(var(--border_color));
}

.invoice-table td {
    background-color: #fff;
}

.invoice-table td:first-child {
    min-width: 250px;
}

.invoice-table tr:last-child td:first-child {
    border-end-end-radius: 0;
    border-end-start-radius: var(--border_radius);
}

.invoice-table tr:last-child td:last-child {
    border-end-start-radius: 0;
    border-end-end-radius: var(--border_radius);
}

.invoice-table tr:not(:last-child) td {
    border-bottom: 1px solid rgb(var(--border_color));
}

.invoice-table .invoice-table-bg td {
    font-weight: 500;
    background-color: rgb(var(--background_color));
    color: rgb(var(--primary_color));
}

.plan-switcher {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 30px;
    margin-right: auto;
    margin-left: auto;
}

@media (max-width: 575.98px) {
    .plan-switcher {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.plan-switcher .btn {
    font-size: 18px;
    padding: 10px 20px;
    border-color: rgb(var(--border_color));
    background-color: #fff;
    color: rgb(var(--text_muted_color));
}

.plan-switcher .btn span {
    display: block;
}

.plan-switcher .btn.active {
    font-weight: 500;
    color: rgb(var(--primary_color));
    border-color: rgb(var(--primary_color));
    background-color: rgba(var(--primary_color), 0.1);
}

@media (min-width: 576px) {
    .plan-switcher .btn.active {
        padding-inline: 40px;
    }
}

.plan {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 50px 40px;
    overflow: hidden;
}

.plan.featured {
    border-color: rgb(var(--primary_color));
}

.plan>* {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.plan .plan-badge {
    position: absolute;
    top: 20px;
    right: -58px;
    padding: 12px 65px;
    background-color: rgb(var(--primary_color));
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    font-size: 15px;
}

.plan .plan-header {
    padding-bottom: 28px;
    border-bottom: 1px solid rgb(var(--border_color));
}

.plan .plan-title {
    color: rgb(var(--text_muted_color));
    margin-bottom: 0;
    font-weight: 400;
}

.plan .plan-price {
    margin-bottom: 0;
}

.plan .plan-price p {
    line-height: 0.9;
    font-weight: 900;
    letter-spacing: 1px;
    font-size: 45px;
    font-family: "Roboto", sans-serif;
}

.plan .plan-price span {
    margin-left: 2px;
    font-weight: 300;
}

.plan .plan-body {
    padding-block: 28px;
}

.plan .feat-item i {
    font-size: 19px;
    line-height: 1;
    color: rgb(var(--primary_color));
}

.plan .plan-actions {
    margin-top: auto;
}

.plan.plan-secondary {
    border-color: rgb(var(--secondary_color));
}

.plan.plan-secondary .plan-badge {
    background-color: rgb(var(--secondary_color));
}

.plan.plan-secondary .feat-item i {
    color: rgb(var(--secondary_color));
}

:root {
    --sidebar_width: 260px;
    --sidebar_background_color: 34, 34, 34;
    --sidebar_border_color: 50, 50, 50;
}

.body-dashboard {
    padding: 0;
}

.dashboard {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    font-size: 16px;
}

.dashboard.toggle .dashboard-sidebar {
    left: calc(var(--sidebar_width) * -1);
}

@media (max-width: 1399.98px) {
    .dashboard.toggle .dashboard-sidebar {
        left: 0;
        visibility: visible;
        opacity: 1;
    }
}

@media (max-width: 1399.98px) {
    .dashboard.toggle .dashboard-sidebar .dashboard-sidebar-inner {
        left: 0;
    }
}

.dashboard.toggle .dashboard-nav .logo {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.dashboard.toggle .dashboard-body {
    width: 100%;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
}

.dashboard-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: var(--sidebar_width);
    color: rgb(var(--text_color));
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    z-index: 1050;
}

@media (max-width: 1399.98px) {
    .dashboard-sidebar {
        visibility: hidden;
        width: 100%;
        opacity: 0;
    }
}

@media (max-width: 1399.98px) {
    .dashboard-sidebar .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #555;
        opacity: 0.15;
    }
}

.dashboard-sidebar .dashboard-sidebar-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    height: 70px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: rgb(var(--sidebar_background_color));
    border-bottom: 1px solid rgb(var(--sidebar_border_color));
    padding-inline: 20px;
}

@media (max-width: 1399.98px) {
    .dashboard-sidebar .dashboard-sidebar-header {
        display: none;
    }
}

.dashboard-sidebar .dashboard-sidebar-inner {
    position: absolute;
    top: 70px;
    left: 0;
    height: calc(100% - 70px);
    background-color: rgb(var(--sidebar_background_color));
    width: var(--sidebar_width);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

@media (max-width: 1399.98px) {
    .dashboard-sidebar .dashboard-sidebar-inner {
        left: calc(var(--sidebar_width) * -1);
    }
}

.dashboard-sidebar .dashboard-sidebar-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: calc(100vh - 70px);
}

.dashboard-sidebar-selective .drop-down-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    padding: 5px 16px;
    color: #fff;
    border: 1px solid rgba(var(--primary_color), 0.5);
    background-color: rgba(var(--primary_color), 0.05);
    border-radius: var(--border_radius);
}

.dashboard-sidebar-selective .drop-down-btn .item-title {
    color: #fff;
}

.dashboard-sidebar-selective .drop-down-btn .item-meta {
    color: #bbb;
}

.dashboard-sidebar-selective .item-meta {
    font-size: 0.875em;
}

.dashboard-sidebar-selective .drop-down-menu {
    margin-top: 30px;
    width: 100%;
}

.dashboard-sidebar-body {
    padding: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.dashboard-sidebar-footer {
    padding: 16px;
}

.dashboard-sidebar-links:not(:last-child) {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.dashboard-sidebar-link {
    display: block;
}

.dashboard-sidebar-link:not(:last-child) {
    margin-bottom: 5px;
}

.dashboard-sidebar-link .dashboard-sidebar-link-title {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 20px;
    border-radius: var(--border_radius);
    color: #bbb;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
}

.dashboard-sidebar-link .dashboard-sidebar-link-title::before {
    content: "";
    position: absolute;
    visibility: hidden;
    display: block;
    width: 4px;
    height: 20px;
    top: 50%;
    left: -20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 0 8px 8px 0;
    background-color: rgb(var(--primary_color));
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.dashboard-sidebar-link .dashboard-sidebar-link-title i {
    width: 18px;
}

.dashboard-sidebar-link .dashboard-sidebar-link-title span {
    margin-right: 10px;
}

.dashboard-sidebar-link .dashboard-sidebar-link-title:hover {
    color: #fff;
    background-color: rgba(var(--primary_color), 0.7);
}

.dashboard-sidebar-link .dashboard-sidebar-link-title:hover::before {
    visibility: visible;
    left: -16px;
}

.dashboard-sidebar-link i {
    -webkit-margin-end: 12px;
    margin-inline-end: 12px;
}

.dashboard-sidebar-link .dashboard-sidebar-link-counter {
    background-color: rgb(var(--primary_color));
    color: #fff;
    font-size: 10px;
    padding: 1px 8px;
    border-radius: 4px;
}

.dashboard-sidebar-link .dashboard-sidebar-link-menu {
    display: none;
    padding-left: 20px;
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.dashboard-sidebar-link.current .dashboard-sidebar-link-title {
    color: #fff;
    background-color: rgba(var(--primary_color), 0.7);
}

.dashboard-sidebar-link.current .dashboard-sidebar-link-title::before {
    visibility: visible;
    left: -16px;
}

.dashboard-sidebar-link .dashboard-sidebar-link {
    margin-top: 5px;
}

.dashboard-sidebar-link .dashboard-sidebar-link .dashboard-sidebar-link-title {
    padding-block: 5px;
    padding-left: 30px;
}

.dashboard-sidebar-link .dashboard-sidebar-link .dashboard-sidebar-link-title::before {
    display: none;
}

.dashboard-badge {
    padding: 4px 7px;
    border-radius: 200px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
}

.dashboard-toggle .toggle-title::after {
    content: "\f054";
    font-family: "Font Awesome 6 Free";
    font-weight: 800;
    font-size: 12px;
    margin-top: 3px;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.dashboard-toggle.active .dashboard-sidebar-link-menu {
    display: block;
}

.dashboard-toggle.animated .toggle-title::after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.dashboard-toggle.animated .dashboard-sidebar-link-menu {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.dashboard-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc(100% - var(--sidebar_width));
    -webkit-margin-start: var(--sidebar_width);
    margin-inline-start: var(--sidebar_width);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

@media (max-width: 1399.98px) {
    .dashboard-body {
        width: 100%;
        -webkit-margin-start: 0;
        margin-inline-start: 0;
    }
}

.dashboard-body>* {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.dashboard-nav {
    position: -webkit-sticky;
    position: sticky;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    top: 0;
    left: 0;
    height: 70px;
    width: 100%;
    background-color: #fff;
    padding-inline: 20px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
    z-index: 1050;
}

@media (max-width: 575.98px) {
    .dashboard-nav {
        padding-inline: 12px;
    }
}

@media (min-width: 1200px) {
    .dashboard-nav .logo {
        display: none;
    }
}

@media (min-width: 576px) {
    .dashboard-nav .drop-down-menu {
        margin-top: 10px;
    }
}

.dashboard-nav .user-menu {
    margin-right: 0;
}

.dashboard-nav .user-menu .user-img {
    width: 38px;
    height: 38px;
}

@media (max-width: 575.98px) {
    .dashboard-nav .user-menu .user-img {
        width: 25px;
        height: 25px;
    }
}

.dashboard-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 12px 15px;
    border: 1px solid transparent;
    border-radius: 10px;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    color: rgb(var(--text_color));
    border-radius: var(--border_radius);
    background-color: rgba(var(--primary_color), 0.2);
    outline: 0;
}

.dashboard-btn.dashboard-nav-btn {
    width: 40px;
    height: 40px;
}

@media (max-width: 575.98px) {
    .dashboard-btn.dashboard-nav-btn {
        padding: 0;
        border: 0;
        width: auto;
        height: auto;
        background: transparent;
        border-radius: 0;
    }
}

.dashboard-btn.dashboard-nav-btn .noti-counter {
    background-color: rgb(var(--primary_color));
}

@media (min-width: 576px) {
    .dashboard-btn.dashboard-nav-btn .noti-counter {
        top: 0;
        right: 4px;
    }
}

@media (min-width: 576px) {
    .dashboard-btn.dashboard-nav-btn:hover {
        border-color: rgb(var(--primary_color));
    }
}

.dashboard-btn .language-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.dashboard-btn .language-img img {
    width: 20px !important;
    height: 20px !important;
}

.dashboard-btn-bg {
    background-color: #fff;
}

.dashboard-container {
    width: 100%;
    padding: 20px;
    padding-top: 30px;
    padding-bottom: 40px;
    margin-inline: auto;
}

@media (max-width: 575.98px) {
    .dashboard-container {
        padding-inline: 12px;
    }
}

.dashboard-container-sm {
    max-width: 660px;
}

.dashboard-container-md {
    max-width: 960px;
}

.dashboard-container-lg {
    max-width: 1140px;
}

.dashboard-container-xl {
    max-width: 1420px;
}

.dashboard-container-xxl {
    max-width: 1560px;
}

.dashboard-footer {
    margin-top: auto;
    background-color: #fff;
    padding: 16px 31px;
    color: #afafaf;
    -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
    font-size: 14px;
}

@media (max-width: 991.98px) {
    .dashboard-footer {
        padding-right: 16px;
        padding-left: 16px;
    }
}

.settings-user-img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.dashboard-box {
    border: 0;
    padding: 30px;
}

.dashboard-box:has(.dashboard-table) {
    padding: 0;
}

.dashboard-counter {
    border: 0;
    height: 100%;
}

.dashboard-counter .dashboard-counter-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    font-size: 22px;
    color: rgb(var(--primary_color));
    background-color: rgba(var(--primary_color), 0.2);
    border-radius: var(--border_radius);
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.dashboard-counter .dashboard-counter-title {
    font-weight: 500;
    color: rgb(var(--text_muted_color));
    font-size: 1rem;
    line-height: 1;
    margin-bottom: 12px;
}

.dashboard-counter .dashboard-counter-text {
    font-size: 1.75rem;
    line-height: 1;
    font-weight: 500;
}

.dashboard-counter-secondary .dashboard-counter-icon {
    background-color: rgba(var(--secondary_color), 0.2);
    color: rgb(var(--secondary_color));
}

.dashboard-chart-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

.dashboard-chart {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-height: 350px;
}

.dashboard-chart canvas,
.dashboard-chart .chart {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.noti-btn {
    position: relative;
}

@media (max-width: 991.98px) {
    .noti-btn {
        -webkit-margin-end: 5px;
        margin-inline-end: 5px;
    }
}

.noti-btn .noti-flashing {
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: rgb(var(--secondary_color));
    top: -5px;
    inset-inline-end: -5px;
    border-radius: 50%;
    animation: flashing 2s infinite alternate-reverse;
}

.noti {
    font-size: 15px;
}

.noti .noti-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    padding: 14px 20px;
    color: #666;
    border-bottom: 1px solid #eee;
}

.noti .noti-header button {
    color: #666;
    padding: 0;
    background: transparent;
    border: none;
    outline: none;
}

.noti .noti-body {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 300px;
}

.noti .noti-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 15px 20px;
}

.noti .noti-item:not(:last-child) {
    border-bottom: 1px solid rgb(var(--border_color));
}

.noti .noti-item .noti-item-img {
    -webkit-margin-end: 10px;
    margin-inline-end: 10px;
}

.noti .noti-item .noti-item-img img {
    width: 50px;
    height: 50px;
    border-radius: 5px;
}

.noti .noti-item .noti-item-info .noti-item-text {
    color: #666;
}

.noti .noti-item .noti-item-info .noti-item-time {
    color: #999;
    font-size: 14px;
}

.noti .noti-item.unread {
    position: relative;
    padding-right: 30px;
}

.noti .noti-item.unread::after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: rgb(var(--primary_color));
    top: 15px;
    inset-inline-end: 15px;
    border-radius: 50%;
    animation: flashing 2s infinite alternate-reverse;
}

.noti .noti-item:hover,
.noti .noti-item.active,
.noti .noti-item.unread {
    position: relative;
    z-index: 0;
}

.noti .noti-item:hover::before,
.noti .noti-item.active::before,
.noti .noti-item.unread::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(var(--primary_color));
    opacity: 0.05;
}

.noti .noti-footer {
    border-top: 1px solid #eee;
    text-align: center;
}

.noti .noti-footer a {
    display: block;
    font-size: 14px;
    padding: 10px 20px;
    color: #666;
}

.noti .noti-footer a:hover {
    color: #999;
}

.noti-counter {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgb(var(--secondary_color));
    color: #fff;
    border-radius: 50%;
    top: -10px;
    inset-inline-end: -10px;
    font-size: 13px;
    width: 20px;
    height: 20px;
    animation: flashing 2s infinite alternate-reverse;
}

.noti-lg {
    font-size: 16px;
}

.noti-lg .noti-body {
    max-height: 100%;
}

.noti-lg .noti-item {
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
}

.noti-lg .noti-item:not(:last-child) {
    margin-bottom: 12px;
}

.noti-lg .noti-item:hover,
.noti-lg .noti-item.unread {
    background-color: rgba(var(--primary_color), 0.1);
}

@-webkit-keyframes flashing {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes flashing {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.settings-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: rgb(var(--elements_background_color));
    border: 1px solid rgb(var(--border_color));
    border-radius: var(--border_radius);
}

@media (max-width: 767.98px) {
    .settings-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.settings-side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px;
    border-right: 1px solid rgb(var(--border_color));
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media (min-width: 768px) {
    .settings-side {
        width: 260px;
        border-right: 1px solid rgb(var(--border_color));
    }
}

@media (max-width: 767.98px) {
    .settings-side {
        border-bottom: 1px solid rgb(var(--border_color));
    }
}

.settings-side .settings-link {
    position: relative;
    padding: 12px;
    border-radius: var(--border_radius);
    font-weight: 500;
    color: rgb(var(--text_color));
}

.settings-side .settings-link::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.1;
    border-radius: inherit;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.settings-side .settings-link:not(:last-child) {
    margin-bottom: 8px;
}

.settings-side .settings-link:hover,
.settings-side .settings-link.active {
    color: rgb(var(--primary_color));
}

.settings-side .settings-link:hover::before,
.settings-side .settings-link.active::before {
    background-color: rgb(var(--primary_color));
}

.settings-content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.settings-content .settings-content-header {
    padding: 20px;
    border-bottom: 1px solid rgb(var(--border_color));
}

.settings-content .settings-content-title {
    margin-bottom: 0;
}

.settings-content .settings-content-body {
    padding: 20px;
}

.settings-content .settings-user-img {
    width: 80px;
    height: 80px;
}

.settings-content .settings-user-img img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.settings-table {
    border: 1px solid rgb(var(--inner_border_color));
    border-radius: var(--border_radius);
}

.settings-table table {
    background-color: rgb(var(--elements_inner_background_color));
    color: rgb(var(--text_muted_color));
}

.settings-table table td {
    padding: 10px 24px;
}

.settings-table table td:first-child {
    width: 1px;
    white-space: nowrap;
}

.settings-table table td:not(:last-child) {
    border-right: 1px solid rgb(var(--inner_border_color));
}

.settings-table table tr:not(:last-child) td {
    border-bottom: 1px solid rgb(var(--inner_border_color));
}

.tags .tag {
    background: #ffffff;
    border: 1px solid #222222;
    padding: 8px 15px;
    border-radius: 100px;
}

.tags .tag-sm {
    font-size: 13px;
    padding: 6px 10px;
}

@media (max-width: 767.98px) {
    .tags .tag {
        padding: 6px 10px;
        font-size: 13px;
    }

    .tags .tag-sm {
        font-size: 11px;
        padding: 4px 8px;
    }
}

.tags .tag:hover {
    opacity: .7;
}

.tags .tag.tag-primary {
    border-color: rgb(var(--primary_color));
}

.empty {
    padding: 3rem 4rem;
    text-align: center;
}

.empty svg {
    width: 120px;
    height: 120px;
}

.empty h1 {
    font-size: 18px;
    color: #4e4e4e;
}

.empty p {
    color: #676767;
}

.empty-lg {
    padding: 8rem 3rem;
}

.empty-lg svg {
    width: 150px;
    height: 150px;
}

.empty-lg h1 {
    font-size: 25px;
}

.cookies {
    visibility: hidden;
    position: fixed;
    max-width: 420px;
    padding: 30px;
    bottom: -150%;
    left: 40px;
    width: 100%;
    border-radius: 6px;
    background-color: #fff;
    -webkit-box-shadow: 0 16px 24px 2px #41141405, 0 6px 32px 4px #4114140a, 0 8px 12px -5px #4114140a;
    box-shadow: 0 16px 24px 2px #41141405, 0 6px 32px 4px #4114140a, 0 8px 12px -5px #4114140a;
    z-index: 90000;
    -webkit-transition: .7s;
    -o-transition: .7s;
    transition: .7s;
}

@media (max-width: 575.98px) {
    .cookies {
        max-width: 100%;
        left: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
}

.cookies.show {
    visibility: visible;
    bottom: 40px;
}

@media (max-width: 575.98px) {
    .cookies.show {
        width: 100%;
        bottom: 0;
    }
}

.cookies .cookies-img {
    text-align: center;
}

.cookies .cookies-img svg {
    fill: rgb(var(--primary_color));
}

.newsletter-popup-image {
    max-height: 600px;
    object-fit: cover !important;
}

.error-card {
    padding: 45px;
    background-color: rgb(var(--elements_background_color));
    border-radius: var(--border_radius);
    border: 1px solid rgb(var(--border_color));
    text-align: center;
}

.error-card .error-code {
    font-size: 9rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.error-card .error-title {
    margin-bottom: 1rem;
}

.error-card .error-message {
    margin-bottom: 2rem;
}

.dashboard-accordion .accordion-item {
    border: 1px solid rgb(var(--border_color));
}

.dashboard-accordion .accordion-button {
    font-size: 18px;
    font-weight: 500;
    padding: 1.5rem;
}

.dashboard-accordion .accordion-body {
    border-top: 1px solid rgb(var(--border_color));
}

.dashboard-accordion .accordion-button:focus {
    box-shadow: none;
}

.dashboard-accordion .accordion-button:not(.collapsed) {
    color: #222222;
    background-color: #ffffff;
    box-shadow: none;
}

.dashboard-accordion .status-icon {
    font-size: 25px;
    position: absolute;
    right: 4rem;
    top: 50%;
    transform: translateY(-50%);
}

.footer {
    margin-top: auto;
    background-color: rgb(var(--footer_background_color));
    border-top: 1px solid rgb(var(--footer_border_color));
    color: rgb(var(--footer_text_color));
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    overflow: hidden;
}

.footer .footer-title {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 16px;
    color: rgb(var(--footer_heading_color));
}

.footer .footer-text {
    color: rgb(var(--footer_text_color));
    margin-bottom: 0;
}

.footer .footer-upper {
    position: relative;
    padding-block: 80px;
}

.footer .footer-lower {
    position: relative;
    padding-block: 20px;
    border-top: 1px solid rgb(var(--footer_border_color));
}

.footer .footer-copyright {
    color: rgb(var(--footer_text_color));
}

.footer .footer-links .footer-link:not(:last-child) {
    margin-bottom: 12px;
}

.footer .footer-links .footer-link a:hover {
    opacity: 0.8;
}

.footer .socials .social-btn {
    background-color: rgb(255 255 255 / 6%);
    color: #ffffff;
}

.footer-payments img {
    height: 25px;
}

.footer-counter {
    color: #fff;
}

.footer-counter .footer-counter-title {
    margin-bottom: 0;
    color: rgb(var(--footer_text_color));
}

.footer-counter .footer-counter-text {
    margin-bottom: 3px;
}

.footer-subscribe {
    color: rgb(var(--footer_heading_color));
}

.footer-subscribe .form-control {
    padding: 1rem;
    background-color: rgb(255 255 255 / 6%);
    border-color: transparent;
    color: #ffffff;
}

.footer-subscribe .input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: 0;
}

.footer-subscribe p {
    color: rgb(var(--footer_text_color));
}



/* Colors & Typography System */
:root {
    --primary-accent: rgb(186 81 29);
    --primary-hover: rgb(186 81 29 / 0.8);
    --cta-banner-bg: #c29b7e;
    --text-dark: #111827;
    --text-muted: #6B7280;
    --glass-bg: rgba(255, 255, 255, 0.95);
}

/* Hero Section */
.hero-premium {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
}


.hero-content {
    position: relative;
    z-index: 2;
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.hero-title {
    color: var(--primary-accent);
    font-size: clamp(2.5rem, 5vw, 4rem);
    font-weight: 800;
    letter-spacing: -0.025em;
    line-height: 1.1;
    margin-bottom: 1.25rem;
    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

.hero-subtitle {
    color: var(--text-muted);
    font-size: clamp(1.125rem, 2vw, 1.25rem);
    font-weight: 400;
    line-height: 1.6;
    max-width: 800px;
    margin: 0 auto;
}

/* Search Bar UI */
.search-container {
    position: relative;
    z-index: 10;
}

.premium-search-form {
    background: var(--glass-bg);
    border-radius: 99px;
    padding: 0.5rem;
    box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.25),
        0 0 0 1px rgba(255, 255, 255, 0.1) inset;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease;
    backdrop-filter: blur(10px);
}

.premium-search-form:focus-within {
    transform: translateY(-2px);
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.35),
        0 0 0 3px rgba(79, 70, 229, 0.3);
}

.search-input-group {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.search-icon-wrapper {
    padding-left: 1.5rem;
    color: var(--text-muted);
    font-size: 1.25rem;
}

.premium-search-input {
    flex: 1;
    border: none;
    background: transparent;
    padding: 1rem 0.5rem;
    font-size: 1.125rem;
    color: var(--text-dark);
    outline: none;
    font-weight: 500;
}

.premium-search-input::placeholder {
    color: #9CA3AF;
    font-weight: 400;
}

.premium-search-btn {
    background-color: var(--primary-accent);
    color: white;
    border: none;
    border-radius: 99px;
    padding: 0.875rem 2rem;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.premium-search-btn:hover {
    background-color: var(--primary-hover);
    box-shadow: 0 10px 15px -3px rgba(79, 70, 229, 0.3);
}

/* Search Results Dropdown (Glassmorphism + SaaS Card) */
.premium-search-results {
    position: absolute;
    top: calc(100% + 1rem);
    left: 0;
    right: 0;
    background: #ffffff;
    border-radius: 1rem;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25),
        0 4px 6px -4px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.05);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    overflow: hidden;
}

/* Note: Add 'show' class via your JS when search is active */
.search-container.active .premium-search-results {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.search-results-inner {
    max-height: 400px;
    padding: 1rem;
}

.search-results-footer {
    padding: 1rem;
    background: #F9FAFB;
    border-top: 1px solid #E5E7EB;
    text-align: center;
}

.search-action-link {
    color: var(--primary-accent);
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    transition: color 0.2s ease;
}

.search-action-link:hover {
    color: var(--primary-hover);
}


.home-section-block:nth-child(even) {
    background: #FFFFFF;
}

.ad-container {
    margin: 2rem auto;
}

.main-content-wrapper {
    margin-top: 0;
    flex: 1;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .hero-premium {
        min-height: 60vh;
    }

    .premium-search-form {
        flex-direction: column;
        border-radius: 1rem;
        padding: 1rem;
    }

    .search-icon-wrapper {
        display: none;
    }

    .premium-search-btn {
        width: 100%;
        border-radius: 0.5rem;
        margin-top: 0.5rem;
    }
}

.gradient-icon {
    background: linear-gradient(135deg, #b86a3f, #8f421d);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.mag-section {
    --mag-bg: #f6f4ef;
    --mag-border: #ded8ca;
    --mag-accent: #9a4d25;
    --mag-text: #1a1a1a;
    --mag-muted: #6f6a60;
    padding: 68px 0 72px;
    background: radial-gradient(circle at 12% 0%, #fff9ee 0%, #f6f4ef 45%, #f2efe8 100%);
    overflow: visible;
}

.mag-header {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 16px;
    padding: 0 40px 36px;
    /* border-bottom: 1px solid var(--mag-border); */
    margin-bottom: 34px;
}

.mag-header-left {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    text-align: center;
}

.mag-label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3.2px;
    text-transform: uppercase;
    color: var(--primary-accent);
}

.mag-title {
    font-size: clamp(2rem, 3vw, 3rem);
    font-weight: 600;
    line-height: 1.02;
    color: var(--mag-text);
    letter-spacing: -0.02em;
    margin: 0;
}

.mag-desc {
    font-size: 14px;
    color: var(--mag-muted);
    margin: 4px 0 0;
    max-width: 520px;
    line-height: 1.6;
    text-align: center;
}

.mag-header-meta {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-inline-start: 0;
    padding-inline-end: 0;
}

.mag-meta-pill,
.mag-meta-count {
    border: 1px solid var(--mag-border);
    border-radius: 99px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 6px 12px;
    color: #453e35;
    background: rgba(255, 255, 255, 0.65);
}

.mag-meta-pill {
    color: #fff;
    background: linear-gradient(135deg, #b86a3f, #8f421d);
    border-color: transparent;
}

.mag-nav-arrows {
    display: flex;
    gap: 10px;
    align-items: center;
}

.mag-arrow {
    width: 44px;
    height: 44px;
    border: 1px solid #d8d1c3;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.75);
    color: #2a251f;
    box-shadow: 0 6px 18px rgba(48, 39, 27, 0.08);
    transition: background 0.2s, border-color 0.2s, transform 0.2s;
}

.mag-arrow:hover {
    background: #fff;
    border-color: #bead95;
    transform: translateY(-2px);
}

.mag-grid-wrap {
    padding: 0 24px;
}

.swiper.home-categories-swiper {
    width: 100%;
    max-width: 1040px;
    padding-block: 0;
    margin-block: 0;
    margin-inline: auto;
    padding-bottom: 4px;
}

.mag-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    gap: 12px;
    height: 100%;
    transition: transform 0.2s;
}



.mag-card:hover {
    transform: translateY(-4px);
}




.mag-card-index {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #8f7a5c;
    margin-top: 8px;
}

.mag-icon-wrap {
    width: 140px;
    height: 140px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    overflow: hidden;
}

.mag-icon-wrap img {
    width: 80px;
    height: 80px;
    object-fit: contain;
}

.mag-card-name {
    font-size: 1.2rem;
    font-weight: 500;
    color: #18140f;
    text-align: center;
    line-height: 1.2;
    position: relative;
    z-index: 1;
    margin-top: 4px;
}

.mag-card-description {
    font-size: 0.9rem;
    color: #6e6558;
    text-align: left;
    line-height: 1.6;
    position: relative;
    z-index: 1;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 100%;
    margin-top: 2px;
}

.mag-card-link {
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #8f421d;
    padding-top: 8px;
}

.mag-card-link i {
    font-size: 14px;
}

.mag-footer {
    display: flex;
    justify-content: center;
    padding: 40px 40px 0;
    border-top: 1px solid var(--mag-border);
    margin-top: 40px;
}

.mag-view-all {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 36px;
    border: 1.5px solid #a56038;
    border-radius: 50px;
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #9a4d25;
    text-decoration: none;
    letter-spacing: 0.5px;
    background: rgba(255, 255, 255, 0.7);
    transition: background 0.2s, color 0.2s, border-color 0.2s;
}

.mag-view-all:hover {
    background: #9a4d25;
    border-color: #9a4d25;
    color: #fff;
}

.home-modern-section {
    padding: 56px 0;
}

.home-modern-header {
    margin-bottom: 2.25rem;
}

.home-modern-title {
    font-size: clamp(2rem, 3.4vw, 3rem);
    line-height: 1.06;
    letter-spacing: -0.02em;
    margin-bottom: 0.8rem;
}

.home-modern-text {
    color: #6d6558;
    font-size: 1rem;
    line-height: 1.8;
}

.home-modern-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 52px;
    padding: 12px 30px;
    border-radius: 999px;
    border: 1px solid rgba(154, 77, 37, 0.35);
    background: #fff8ef;
    color: #94481f;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.2s ease;
}

.home-modern-btn:hover {
    background: #94481f;
    border-color: #94481f;
    color: #fff;
    transform: translateY(-2px);
}

.home-blog-section .blog-post {
    background: linear-gradient(160deg, #ffffff 0%, #fff9f1 100%);
    border: 1px solid #e8dfd2;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(58, 46, 31, 0.06);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.home-blog-section .blog-post:hover {
    transform: translateY(-6px);
    border-color: #d1b395;
    box-shadow: 0 18px 40px rgba(58, 46, 31, 0.12);
}

.home-blog-section .blog-post .blog-post-header {
    border-radius: 0;
    height: 220px;
}

.home-blog-section .blog-post .blog-post-body {
    padding: 1.1rem 1.15rem 1.2rem;
}

.home-blog-section .blog-post .blog-post-category {
    border-radius: 999px;
    background: rgba(154, 77, 37, 0.1);
    color: #9a4d25;
    font-weight: 600;
}

.home-blog-section .blog-post .blog-post-title {
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.35;
}

.home-blog-section .blog-post .blog-post-text {
    color: #6a6459;
    line-height: 1.7;
}

.home-faq-section .home-modern-accordion .accordion-item {
    border-radius: 18px !important;
    border: 1px solid #e8dfd2 !important;
    background: linear-gradient(165deg, #ffffff 0%, #fff8ef 100%);
    box-shadow: 0 8px 26px rgba(61, 47, 30, 0.05);
}

.home-faq-section .home-modern-accordion .accordion-item:not(:last-child) {
    margin-bottom: 0;
}

.home-faq-section .home-modern-accordion .accordion-button {
    background: transparent;
    border-radius: 18px;
    padding: 1.05rem 1.15rem;
    font-size: 1.04rem;
    font-weight: 700;
    color: #1f1a14;
}

.home-faq-section .home-modern-accordion .accordion-button .accordion-button-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(154, 77, 37, 0.11);
    color: #9a4d25;
}

.home-faq-section .home-modern-accordion .accordion-button:not(.collapsed) {
    color: #8a3f18;
}

.home-faq-section .home-modern-accordion .accordion-body {
    border-top: 1px solid #eddccd;
    color: #695f51;
    line-height: 1.8;
    padding: 0.95rem 1.15rem 1.15rem;
}

@media (max-width: 768px) {
    .home-modern-section {
        padding: 56px 0;
    }

    .home-modern-title {
        font-size: 1.9rem;
    }

    .home-modern-btn {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .mag-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
        padding: 0 20px 26px;
    }

    .mag-title {
        font-size: 2rem;
    }

    .mag-grid-wrap {
        padding: 0 20px;
    }

    .swiper.home-categories-swiper {
        max-width: none;
    }

    .swiper.home-categories-swiper {
        padding-inline: 0;
    }

    .mag-card {
        min-height: 100px;
        padding: 8px;
    }

    .mag-card-name {
        font-size: 1rem;
    }

    .mag-card-description {
        font-size: 0.86rem;
        -webkit-line-clamp: 3;
    }

    .mag-footer {
        padding: 32px 20px 0;
    }
}

.featured-luxe-section {
    --featured-bg: #FDF8F4;
    --featured-panel: #2C1A0E;
    --featured-panel-soft: #4A3728;
    --featured-accent: #C62828;
    --featured-border: #EDE0D4;
    --featured-text: #2C1A0E;
    --featured-muted: #9C8878;
    background: linear-gradient(180deg, #FFFFFF 0%, var(--featured-bg) 100%);
}

.featured-luxe-header {
    margin-bottom: 34px;
}

.featured-luxe-header-row {
    border-bottom: 1px solid var(--featured-border);
    padding-bottom: 36px;
}

.featured-luxe-kicker {
    display: inline-flex;
    margin-bottom: 10px;
    font-size: 11px;
    letter-spacing: 3.2px;
    text-transform: uppercase;
    font-weight: 700;
    color: #9a4d25;
}

.featured-luxe-title {
    font-size: clamp(2rem, 3vw, 3rem);
    line-height: 1.02;
    letter-spacing: -0.02em;
    color: #2C1A0E;
    font-weight: 700;
}

.featured-luxe-text {
    color: #4A3728;
    max-width: 520px;
    font-size: 1rem;
    line-height: 1.7;
}

.featured-luxe-count {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-weight: 700;
    padding: 10px 16px;
    border-radius: 999px;
    background: #FFF7F0;
    color: #C62828;
    border: 1px solid #FFE6DC;
}

.featured-luxe-btn {
    border-color: #C62828;
    color: #C62828;
    background: #fff;
    font-weight: 600;
    padding: 12px 24px;
    border-radius: 999px;
    transition: all 0.2s ease;
}

.featured-luxe-btn:hover {
    border-color: #C62828;
    background: #C62828;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(198, 40, 40, 0.25);
}

.featured-luxe-grid {
    counter-reset: featured-rank;
}

.featured-luxe-grid .col {
    counter-increment: featured-rank;
    display: flex;
    align-self: flex-start;
}

.featured-lab-card {
    position: relative;
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: 330px;
    width: 100%;
    padding: 1.5rem;
    border-radius: 24px;
    text-decoration: none;
    color: #2C1A0E;
    border: 1px solid #F1E6DB;
    background: #FFFFFF;
    box-shadow: 0 8px 24px rgba(44, 26, 14, 0.08);
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}



.featured-lab-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 10% -10%, rgba(198, 40, 40, 0.04) 0%, rgba(198, 40, 40, 0) 56%),
        radial-gradient(circle at 110% 120%, rgba(27, 94, 32, 0.04) 0%, rgba(27, 94, 32, 0) 60%);
    pointer-events: none;
}

.featured-lab-card:hover {
    transform: translateY(-8px);
    background: #FFFFFF;
    border-color: #C62828;
    box-shadow: 0 16px 48px rgba(198, 40, 40, 0.15);
}

.featured-lab-watermark {
    position: absolute;
    top: -28px;
    right: -26px;
    font-size: 12rem;
    color: rgba(71, 85, 105, 0.08);
    transform: rotate(12deg);
    transition: transform 0.7s ease;
    pointer-events: none;
}

.featured-lab-card:hover .featured-lab-watermark {
    transform: rotate(5deg);
}

.featured-lab-head {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 0.95rem;
    margin-bottom: 1rem;
    z-index: 1;
}

.featured-lab-head-copy {
    flex: 1;
}

.featured-lab-thumb {
    flex-shrink: 0;
    width: 90px;
    height: 90px;
    border-radius: 16px;
    overflow: hidden;
    border: 2px solid #F1E6DB;
    background: #FDF8F4;
    box-shadow: 0 4px 12px rgba(44, 26, 14, 0.08);
}

.featured-lab-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.featured-lab-card:hover .featured-lab-thumb img {
    transform: scale(1.08);
}

.featured-lab-kicker {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.13em;
    color: #C62828;
    margin-bottom: 0.4rem;
}

.featured-lab-title {
    font-size: 1.1rem;
    font-weight: 700;
    color: #2C1A0E;
    line-height: 1.35;
    margin-bottom: 0.4rem;
}

.featured-lab-description {
    font-size: 0.85rem;
    color: #9C8878;
    line-height: 1.65;
    margin-bottom: 0;
}

.featured-lab-chips {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: auto;
    margin-bottom: 0.6rem;
    z-index: 1;
}

.featured-lab-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 11px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    border: 1px solid transparent;
}

.featured-lab-chip-safe {
    background: rgba(27, 94, 32, 0.1);
    color: #1B5E20;
    border-color: rgba(27, 94, 32, 0.25);
}

.featured-lab-chip-risk {
    background: rgba(198, 40, 40, 0.1);
    color: #C62828;
    border-color: rgba(198, 40, 40, 0.25);
}

.featured-lab-index {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 7px 12px;
    border-radius: 999px;
    border: 1px solid #EDE0D4;
    background: #FDF8F4;
    color: #4A3728;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.featured-lab-index-category {
    background: rgba(27, 94, 32, 0.10);
    border-color: rgba(27, 94, 32, 0.22);
    color: #1B5E20;
}

.featured-lab-index-subcategory {
    background: rgba(198, 40, 40, 0.10);
    border-color: rgba(198, 40, 40, 0.22);
    color: #C62828;
}

.featured-lab-index-price {
    background: rgba(13, 71, 161, 0.10);
    border-color: rgba(13, 71, 161, 0.22);
    color: #0D47A1;
}

.featured-lab-expand {
    position: relative;
    max-height: 0;
    opacity: 0;
    transform: translateY(-10px);
    overflow: hidden;
    transition: max-height 1.05s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.65s ease, transform 0.8s ease;
    z-index: 1;
}

.featured-lab-card:hover .featured-lab-expand {
    max-height: 1200px;
    opacity: 1;
    transform: translateY(0);
}

.featured-lab-expand-inner {
    margin-top: 0.95rem;
    border-radius: 14px;
    border: 1px solid #EDE0D4;
    background: #FDF8F4;
    padding: 1rem 1.1rem 1.05rem;
    transform: translateY(8px);
    opacity: 0;
    transition: transform 0.85s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.55s ease;
}

.featured-lab-card:hover .featured-lab-expand-inner {
    transform: translateY(0);
    opacity: 1;
}

.featured-lab-expand .featured-lab-meta-item,
.featured-lab-expand .featured-lab-chip-safe {
    transform: translateY(4px);
    opacity: 0;
    transition: transform 0.75s ease, opacity 0.55s ease;
}

.featured-lab-card:hover .featured-lab-expand .featured-lab-meta-item,
.featured-lab-card:hover .featured-lab-expand .featured-lab-chip-safe {
    transform: translateY(0);
    opacity: 1;
}

.featured-lab-meta-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.8rem;
    color: #9C8878;
    padding: 0.35rem 0;
}

.featured-lab-meta-item strong {
    color: #2C1A0E;
    font-size: 0.82rem;
    font-weight: 700;
    margin-left: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.featured-lab-meta-price {
    padding-top: 0.55rem;
    border-top: 1px solid #EDE0D4;
    margin-top: 0.25rem;
}

.featured-lab-expand .featured-lab-chip-safe {
    margin-bottom: 0;
    background: rgba(27, 94, 32, 0.10);
    border-color: rgba(27, 94, 32, 0.22);
}

.featured-lab-rating {
    margin-top: 0.5rem;
    text-align: center;
}

.featured-lab-rating img {
    width: 90px;
    height: auto;
}

.featured-lab-hint {
    position: static;
    display: flex;
    justify-content: center;
    margin-top: 0.6rem;
    color: #C62828;
    font-size: 18px;
    transition: all 0.25s ease;
}

.featured-lab-card:hover .featured-lab-hint {
    opacity: 0;
    transform: translateY(6px);
}

.featured-story-card {
    position: relative;
    display: flex;
    align-items: flex-end;
    min-height: 420px;
    border-radius: 30px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    isolation: isolate;
    text-decoration: none;
    box-shadow: 0 22px 40px rgba(18, 26, 43, 0.2);
    transition: transform 0.28s ease, box-shadow 0.28s ease;
}

.featured-story-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(170deg, rgba(10, 16, 30, 0.2) 15%, rgba(10, 16, 30, 0.8) 65%, rgba(8, 12, 24, 0.92) 100%);
    z-index: -2;
}

.featured-story-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(120% 90% at 50% 100%, rgba(56, 161, 185, 0.54) 0%, rgba(56, 161, 185, 0.18) 34%, rgba(56, 161, 185, 0) 72%);
    z-index: -1;
}

.featured-story-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 30px 48px rgba(18, 26, 43, 0.28);
}

.featured-story-sheen {
    position: absolute;
    inset: 0;
    background: linear-gradient(140deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 26%);
    opacity: 0.8;
    pointer-events: none;
}

.featured-story-top-badge {
    position: absolute;
    top: 18px;
    left: 18px;
    padding: 7px 12px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #fff;
    background: rgba(0, 0, 0, 0.28);
    border: 1px solid rgba(255, 255, 255, 0.34);
    backdrop-filter: blur(6px);
}

.featured-story-content {
    width: 100%;
    padding: 22px;
    color: #fff;
}

.featured-story-title {
    font-size: clamp(1.1rem, 1.8vw, 1.6rem);
    line-height: 1.08;
    font-weight: 800;
    margin-bottom: 8px;
    color: #fff;
    text-shadow: 0 10px 24px rgba(0, 0, 0, 0.26);
}

.featured-story-subtitle {
    font-size: 0.85rem;
    line-height: 1.5;
    color: rgba(236, 243, 255, 0.9);
    margin-bottom: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.featured-story-meta {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 12px;
    border-radius: 14px;
    background: rgba(7, 13, 24, 0.45);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 10px 12px;
    backdrop-filter: blur(10px);
}

.featured-story-rank-wrap {
    min-width: 52px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.9);
    color: #0e1727;
    text-align: center;
    padding: 5px 6px;
}

.featured-story-rank-label {
    display: block;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    opacity: 0.75;
}

.featured-story-rank {
    display: block;
    font-size: 16px;
    font-weight: 800;
    line-height: 1;
}

.featured-story-domain {
    display: block;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.3;
    color: rgba(236, 243, 255, 0.95);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.featured-story-reviews {
    margin-top: 4px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8rem;
    color: rgba(236, 243, 255, 0.85);
}

.featured-story-reviews img {
    width: 80px;
    height: auto;
}

.featured-story-cta {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.28);
    color: #fff;
    background: rgba(255, 255, 255, 0.12);
}

.featured-luxe-body .feature-luxe-card {
    position: relative;
    border: 1px solid #d7dce8;
    border-radius: 20px;
    padding: 0 !important;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 8px 28px rgba(10, 20, 40, 0.07);
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.featured-luxe-body .feature-luxe-card::before {
    content: counter(featured-rank, decimal-leading-zero);
    position: absolute;
    top: 14px;
    right: 14px;
    min-width: 36px;
    height: 24px;
    border-radius: 999px;
    background: rgba(203, 139, 68, 0.16);
    color: #855120;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
}

.featured-luxe-body .feature-luxe-card .item-body {
    display: block;
    padding: 20px 20px 18px;
    color: inherit;
}

.featured-luxe-body .feature-luxe-card .item-body>.d-flex {
    align-items: center !important;
    gap: 14px !important;
}

.featured-luxe-body .feature-luxe-card .item-img {
    width: 72px;
    height: 72px;
    border-radius: 16px;
    background: #eef2f8;
    border: 1px solid #d9dfeb;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.featured-luxe-body .feature-luxe-card .item-img img {
    width: 56px;
    height: 56px;
    object-fit: contain;
}

.featured-luxe-body .feature-luxe-card .item-title {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 2px;
}

.featured-luxe-body .feature-luxe-card .item-link {
    color: #5f6f89 !important;
    font-size: 0.92rem;
}

.featured-luxe-body .feature-luxe-card .item-text {
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid #e6eaf3;
}

.featured-luxe-body .feature-luxe-card .item-text p {
    color: #2b3b58;
    font-size: 0.95rem;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.featured-luxe-body .feature-luxe-card:hover {
    border-color: #adb8cf;
    box-shadow: 0 14px 34px rgba(10, 20, 40, 0.14);
    transform: translateY(-5px);
}

@media (max-width: 991.98px) {
    .featured-luxe-title {
        font-size: 2rem;
    }

    .featured-luxe-header-row {
        padding-bottom: 26px;
    }

    .featured-luxe-body .feature-luxe-card .item-body {
        padding: 16px;
    }

    .featured-story-card {
        min-height: 380px;
        border-radius: 24px;
    }

    .featured-lab-card {
        min-height: 0;
        border-radius: 24px;
    }

    .featured-lab-expand {
        max-height: none;
        opacity: 1;
        transform: none;
        z-index: 1;
    }

    .featured-lab-expand-inner,
    .featured-lab-expand .featured-lab-meta-item,
    .featured-lab-expand .featured-lab-chip-safe {
        transform: none;
        opacity: 1;
        transition: none;
    }

    .featured-lab-hint {
        display: none;
    }
}






.wrapper {
    max-width: 960px;
    margin: 0 auto;
    padding: 3rem 1.5rem;
}

.eyebrow {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--primary-accent);
    margin-bottom: .4rem;
}

.section-title {
    font-size: 30px;
    font-weight: 700;
    color: var(--text-dark);
    margin-bottom: 2rem;
    line-height: 1.2;
}

/* Cards */
.trust-card {
    border: 1px solid #E5E7EB;
    border-radius: 20px;
    padding: 2rem;
    height: 100%;
    position: relative;
    overflow: hidden;
    background: linear-gradient(150deg, #fffdf9 0%, #fbf6ef 100%);
    transition: box-shadow .2s, border-color .2s;
}

.trust-card-1 {
    background: linear-gradient(150deg,
            #fff7ee 0%,
            #ffeedc 52%,
            #ffe6cf 100%);
    color: #2d2d2d;
    border-left: 5px solid #C62828;
}

.trust-card-2 {
    background: linear-gradient(150deg,
            #eef7ff 0%,
            #e3f0ff 52%,
            #d8e9ff 100%);
    color: #2d2d2d;
    border-left: 5px solid #1565C0;
}

.trust-card-3 {
    background: linear-gradient(150deg,
            #f7efff 0%,
            #f1e5ff 50%,
            #eadcff 100%);
    color: #2d2d2d;
    border-left: 5px solid #1B5E20;
}

.trust-card:hover {
    border-color: rgba(186, 81, 29, .3);
    box-shadow: 0 14px 34px rgba(80, 59, 32, .12);
}

.trust-card::before {
    content: none;
}

.trust-card-corner-icon {
    position: absolute;
    top: 14px;
    right: 14px;
    font-size: 64px;
    line-height: 1;
    color: rgba(120, 66, 35, 0.14);
    pointer-events: none;
}

.featured-lab-corner-icon {
    position: absolute;
    top: 14px;
    right: 14px;
    font-size: 152px;
    line-height: 1;
    color: rgba(120, 66, 35, 0.10);
    pointer-events: none;
}

.badge-pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: rgba(186, 81, 29, .08);
    color: var(--primary-accent);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .05em;
    padding: 4px 10px;
    border-radius: 20px;
    margin-bottom: 1.1rem;
}

.badge-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--primary-accent);
}

.card-title-text {
    font-size: 20px;
    font-weight: 700;
    color: var(--text-dark);
    margin-bottom: .5rem;
}

.card-desc {
    font-size: 14px;
    color: var(--text-muted);
    line-height: 1.7;
    margin-bottom: 1rem;
}

.card-divider {
    border: none;
    border-top: 1px solid #F3F4F6;
    margin: 1rem 0;
}

.stat-row {
    display: flex;
    align-items: baseline;
    gap: 6px;
}

.stat-num {
    font-size: 36px;
    font-weight: 800;
    color: var(--primary-accent);
    line-height: 1;
}

.stat-label {
    font-size: 12px;
    color: var(--text-muted);
}

.star {
    color: #F59E0B;
    font-size: 14px;
}

.star-row {
    display: flex;
    gap: 2px;
    align-items: center;
    margin-top: 5px;
}

.star-label {
    font-size: 12px;
    color: var(--text-muted);
    margin-left: 6px;
}

.illus-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1rem 0 .5rem;
}

/* Severity pills */
.sev-row {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: .75rem;
}

.sev {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 20px;
}

.sev-avoid {
    background: #FEE2E2;
    color: #991B1B;
}

.sev-concern {
    background: #FEF3C7;
    color: #92400E;
}

.sev-caution {
    background: #DBEAFE;
    color: #1E40AF;
}

/* Partner chips */
.partner-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 1rem;
}

.partner-chip {
    display: flex;
    align-items: center;
    gap: 6px;
    background: #F9FAFB;
    border: 1px solid #E5E7EB;
    border-radius: 10px;
    padding: 7px 12px;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-dark);
}

.connector {
    flex: 1;
    height: 1px;
    background: #E5E7EB;
    position: relative;
}

.connector::after {
    content: '✓';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: rgba(186, 81, 29, .1);
    color: var(--primary-accent);
    font-size: 10px;
    font-weight: 700;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 18px;
    text-align: center;
}

/* CTA Banner */
.cta-banner {
    background: linear-gradient(135deg, #d7b08b 0%, #c99a72 45%, #b9825a 100%);
    border-radius: 24px;
    display: flex;
    align-items: center;
    gap: 2rem;
    overflow: hidden;
    position: relative;
    margin-top: 1rem;
}

.cta-left {
    flex: 1;
    padding: 3rem 0 3rem 3rem;
    position: relative;
    z-index: 1;
}

.cta-eyebrow {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #8c3f17;
    margin-bottom: .6rem;
}

.cta-title {
    font-size: clamp(2rem, 3.2vw, 3.25rem);
    font-weight: 700;
    color: #fffdf9;
    line-height: 1.15;
    margin-bottom: .9rem;
}

.cta-desc {
    font-size: 16px;
    color: rgba(255, 251, 247, .86);
    line-height: 1.8;
    margin-bottom: 1.6rem;
    max-width: 420px;
}

.cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #C62828;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 16px 30px;
    border-radius: 16px;
    min-height: 56px;
    border: none;
    cursor: pointer;
    text-decoration: none;
    transition: background .15s, transform .1s, box-shadow .15s;
    box-shadow: 0 12px 28px rgba(198, 40, 40, .25);
}

.cta-btn:hover {
    background: #A02020;
    color: #fff;
    box-shadow: 0 16px 34px rgba(198, 40, 40, .35);
}

.cta-btn:active {
    transform: scale(.98);
}

.cta-perks {
    display: flex;
    gap: 1.25rem;
    flex-wrap: wrap;
    margin-top: 1.25rem;
}

.perk {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 14px;
    color: rgba(255, 251, 247, .82);
    padding-right: 1.25rem;
    border-right: 1px solid rgba(255, 251, 247, .2);
}

.perk:last-child {
    border-right: none;
    padding-right: 0;
}

.perk-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #4CAF50;
    flex-shrink: 0;
}

.cta-right {
    flex-shrink: 0;
    padding: 2rem 2.5rem 2rem 0;
    position: relative;
    z-index: 1;
}

.cta-banner::after {
    content: '';
    position: absolute;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(186, 81, 29, .15) 0%, transparent 70%);
    right: -80px;
    top: -100px;
    pointer-events: none;
}

/* Product cards in CTA visual */
.product-stack {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 230px;
}

.prod-card {
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(255, 255, 255, .14);
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 12px;
    padding: 9px 12px;
}

.prod-icon {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.prod-info {
    flex: 1;
    min-width: 0;
}

.prod-name {
    font-size: 13px;
    font-weight: 600;
    color: rgba(255, 255, 255, .96);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.prod-sub {
    font-size: 12px;
    color: rgba(255, 255, 255, .66);
    margin-top: 1px;
}

.prod-badge {
    font-size: 11px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 999px;
    flex-shrink: 0;
}

.b-good {
    background: rgba(34, 197, 94, .15);
    color: #4ADE80;
}

.b-poor {
    background: rgba(239, 68, 68, .15);
    color: #F87171;
}

.b-warn {
    background: rgba(251, 191, 36, .15);
    color: #FCD34D;
}

.stat-bar-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: .5rem;
}

.stat-bar-wrap {
    flex: 1;
    height: 4px;
    background: rgba(255, 255, 255, .1);
    border-radius: 4px;
    overflow: hidden;
}

.stat-bar-fill {
    height: 100%;
    border-radius: 4px;
    background: var(--primary-accent);
}

@media(max-width:680px) {
    .cta-right {
        display: none;
    }

    .cta-left {
        padding: 2rem;
    }

    .cta-title {
        font-size: 28px;
    }

    .cta-desc {
        font-size: 15px;
    }

    .cta-btn {
        width: 100%;
        justify-content: center;
        font-size: 15px;
        padding: 15px 22px;
        min-height: 52px;
    }

    .section-title {
        font-size: 24px;
    }
}