.rounded-x,
.rounded-xl,
.rounded-2xl,
.rounded-3xl,
.rounded-4xl,
.rounded-lg,
.rounded-full,
.border-\[2px\],
.rounded-\[40px\],
.rounded-\[50px\],
.before\:rounded-lg:before,
.hover\:before\:opacity-10:hover:before {
    border-radius: 5px;
}

.mt-30{
    margin-top: 30px;
}

.bg-secondary {
    background-color: #1f539f;
}


.rounded-t-2xl {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.\[\&\.active\]\:text-secondary.active {
    color: #1f539f;
}

.-inset-1 {
    top: -0.1rem;
    right: -.1rem;
    bottom: -.1rem;
    left: -.1rem;
}

.focus-mode {
    padding: 0;
}

/* Hardcode CSS cho màu icon của Quick Menu khi hover */
li[id][style*="--foreground"] .lqd-navbar-link:hover .lqd-nav-link-icon svg {
    stroke: var(--foreground) !important;
    /* Buộc màu stroke lấy từ --foreground */
    fill: none !important;
    /* Đảm bảo không có màu fill, vì icon dùng stroke */
}

li[id][style*="--foreground"] .lqd-navbar-link:hover .lqd-nav-link-icon svg path {
    stroke: var(--foreground) !important;
    /* Buộc màu stroke của path lấy từ --foreground */
    fill: none !important;
    /* Đảm bảo không có màu fill cho path */
}

.gap-30 {
    gap: 30px
}

.theng__chatbot button {
    border-radius: 999px;
}

.theng__display-none {
    display: none;
}



.notifications-wrap,
.header-language-dropdown {
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    padding: 6px;
}

@media (max-width: 767px) {
    .notifications-wrap{
        border: unset;
    }
}

.focus-mode .container,
.focus-mode .container-fluid {
    max-width: 100%;
}

.focus-mode .lqd-navbar-link {
    border-radius: 5px;
}

.has-sidebar .lqd-page-wrapper {
    padding-inline-end: unset;
    padding-inline-start: unset !important;
}

.lqd-page {
    border-radius: 0;
}

.lqd-page-content-wrap {
    border-start-start-radius: 0;
    border-end-start-radius: 0;
}

.lqd-page-wrapper {
    padding-inline-end: unset;
    padding-inline-start: unset !important;
}

.lqd-sidebar {
    display: none;
}

.navbar-shrinked {
    padding: 0px;
}

.text-label {
    margin-bottom: 6px;
}

.text-lg {
    margin: 0;
}

.theng__ai-writer-content {
    padding: 30px;
    margin-left: -2rem;
    margin-right: -2rem;
}

.theng__ai-writer-render {
    padding: 20px 30px;
    border-radius: 5px 5px 0 0;
}

.bg-image{
    background-image: url(/themes/bolt/assets/bg/titlebar-bg.jpg);
    background-size: cover;
    background-position: center; 
    background-repeat: no-repeat;
    min-height: auto;
    height: auto;
    width: 100%;
}

/* Mobile responsive for bg-image */
@media (max-width: 768px) {
    .bg-image {
        min-height: auto;
        height: auto;
        background-attachment: scroll;
    }
}

.theng__app-custom .container .gap-6 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
    padding-bottom: 30px;
}

.theng__app-custom .container .lqd-card .lqd-card-body div .lqd-btn.theng__button-x-1 {
    border-radius: 5px;
    color: white;
    --btn-gradient: #1c53a1, #6c7fba;
    --btn-shadow: #1f4071;
    box-shadow: 0 3px 0 0 var(--btn-shadow),
        0 4px 4px -1px rgba(0, 0, 0, 0.6),
        0 4px 6px 1px rgba(0, 0, 0, 0.3),
        0 1px 2px 1px rgba(0, 0, 0, 0) inset,
        0 18px 32px -2px rgba(255, 255, 255, 0.1) inset;
    background-image: linear-gradient(-45deg, var(--btn-gradient));
    border: none;
    line-height: 1;
    font-size: 14px;
    white-space: nowrap;
    cursor: pointer;

    transition: transform .15s ease, box-shadow .15s ease;
}

.theng__app-custom .container .lqd-card .lqd-card-body div .lqd-btn.theng__button-x-1:hover,
.lqd-btn.lqd-btn-ghost-shadow:hover,
.theng__header-button a:hover {
    background-color: unset;
    color: black;
    /* box-shadow: 0 3px 0 0 #1f4987, 
        0 6px 4px -1px rgba(0, 0, 0, 0.3), 
        0 4px 16px rgba(0, 0, 0, 0.5), 
        0 1px 2px 1px rgba(0, 0, 0, 0) inset, 
        0 18px 32px -2px rgba(255, 255, 255, 0.14) inset !important; */
    transform: unset;
}

.theng__app-custom .container .lqd-card .lqd-card-body relative.z-1.flex.flex-col a.lqd-btn.rounded-full {
    border-radius: 5px;
    --btn-gradient: #4058a7, #556ab2;
    --btn-shadow: #223e99;
    background-image: linear-gradient(-45deg, var(--btn-gradient));
    color: #e6eaef;
    border: none;
    padding: 18px 36px;
    font-size: 15px;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0 3px 0 0 var(--btn-shadow),
        0 4px 4px -1px rgba(0, 0, 0, 0.6),
        0 4px 6px 1px rgba(0, 0, 0, 0.3),
        0 1px 2px 1px rgba(0, 0, 0, 0) inset,
        0 18px 32px -2px rgba(255, 255, 255, 0.1) inset;
    transition: transform .15s ease, box-shadow .15s ease;
}



.theng__app-custom .container #documents.basis-full .lqd-card .lqd-card-body {
    padding: 0 30px 20px;
}

.theng__app-custom .container #documents.basis-full .lqd-card .lqd-card-body .lqd-posts-item {
    padding: 10px 6px;
}

.theng__app-custom .container #documents.basis-full .lqd-card .lqd-card-head {
    padding: 20px 30px;
}

.theng__app-custom .container #documents.basis-full .lqd-card div.py-3 {
    padding: 20px 15px;
}

.theng__app-custom .lqd-btn span {
    border-radius: 5px;
    min-height: 45px;
    min-width: 45px;
    padding: 10px;
}

.theng__app-custom .lqd-btn span svg {
    width: 25px;
    height: 25px;
}

/* .theng__app-custom .lqd-card{
    border-radius: 5px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
} */

.theng__app-custom .lqd-card.text-card-foreground .lqd-card-body .mb-6 {
    margin-bottom: 20px;
}

.theng__app-custom .lqd-card.text-card-foreground .lqd-card-body .mb-6 {
    margin-bottom: 40px;
}

.theng__app-custom .lqd-generators-container {
    margin-left: 20px;
    margin-right: 20px;
}

.theng__app-custom .lqd-generators-container .lqd-generators-list .lqd-generator-item {
    min-height: 200px;
    background-color: white;
}

.theng__app-custom .lqd-generators-container .lqd-generators-list .lqd-generator-item:hover {
    background-color: aliceblue;
}

.theng__app-custom .lqd-generators-container .theng__generator-item-content {
    padding: 20px 30px 10px;
}

.theng__app-custom .lqd-generators-container .theng__generator-item-learn-more {
    padding: 10px 30px 10px 30px;
    margin: 10px 0 0 0;
}

.theng__app-custom .lqd-generator-wrap {
    gap: 30px;
}

.theng__app-custom .lqd-generator-wrap #workbook_textarea.lqd-card {
    flex: 6;
}

.theng__app-custom .lqd-generator-wrap .lqd-generator-options-container {
    flex: 3;
    border-radius: 5px;
    padding: 20px 30px 20px 29px;
}

.theng__app-custom .lqd-input-container .lqd-input {
    border-radius: 5px;
}

.theng__app-custom .lqd-titlebar-secondary {
    margin-bottom: 40px;
}

.theng__app-custom .lqd-titlebar-secondary .bg-cover.bg-center {
    padding-bottom: 60px;
    position: relative;
}

.theng__app-custom .lqd-titlebar-secondary .container.relative div {
    border-radius: 5px;
}

.theng__app-custom #all .lqd-card {
    border-radius: 5px;
    background-color: white;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.theng__app-custom #workbook_textarea.lqd-card.text-card-foreground .lqd-card-body {
    padding: 0;
}

.theng__app-custom.lqd-page-content-container {
    background-color: white;
    /* padding: 0 30px !important; */
}

.theng__custom-header {
    padding: 0 30px;
}

.theng__generator-workbook-form {
    row-gap: 20px;
}

.theng__header-button a {
    background-image: linear-gradient(-45deg, var(--btn-gradient));
    color: white;
    border: none;
    padding: 10px 36px !important;
    font-size: 22px;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0 3px 0 0 var(--btn-shadow),
        0 4px 4px -1px rgba(0, 0, 0, 0.6),
        0 4px 6px 1px rgba(0, 0, 0, 0.3),
        0 1px 2px 1px rgba(0, 0, 0, 0) inset,
        0 18px 32px -2px rgba(255, 255, 255, 0.1) inset;
    transition: transform .15s ease, box-shadow .15s ease;
    margin: 6px;
    font-size: inherit;
    line-height: 1.42;
    padding: 0.8em 1.6em;
    font-weight: normal;
    border-width: 0;
    border-style: solid;
    border-radius: 0.2666666667em;
    cursor: pointer;
    user-select: none;
    vertical-align: bottom;
    transition: box-shadow 0.2s, transform 0.2s, color 0.2s;
}

.theng__header-button a:nth-child(1) {
    --btn-gradient: #1c53a1, #6c7fba;
    --btn-shadow: #1f4071;
}

.theng__header-button a:nth-child(1):hover {
    --btn-gradient: #6c7fba, #1c53a1;
    --btn-shadow: #1f4071;
    color: white;
    box-shadow:
        0 3px 0 0 var(--btn-shadow),
        0 6px 4px -1px rgba(0, 0, 0, 0.3),
        0 4px 16px rgba(0, 0, 0, 0.5),
        0 1px 2px 1px rgba(0, 0, 0, 0) inset,
        0 18px 32px -2px rgba(255, 255, 255, 0.14) inset;
    transform: unset;
}

.theng__header-button a:nth-child(2) {
    --btn-gradient: #e35d25, #e79064;
    --btn-shadow: #b75328;
}

.theng__header-button a:nth-child(2):hover {
    color: white;
    --btn-gradient: #e79064, #e35d25;
    --btn-shadow: #b75328;
    box-shadow:
        0 3px 0 0 var(--btn-shadow),
        0 6px 4px -1px rgba(0, 0, 0, 0.3),
        0 4px 16px rgba(0, 0, 0, 0.5),
        0 1px 2px 1px rgba(0, 0, 0, 0) inset,
        0 18px 32px -2px rgba(255, 255, 255, 0.14) inset;
}

.theng__header-button-bot-1 {
    --btn-gradient: #556ab2, #4058a7;
    --btn-shadow: #223e99;
}


.theng__header-button-x button {
    --btn-gradient: #0b44ef, #007dfa;
    --btn-shadow: #082fa6;
    background-image: linear-gradient(-45deg, var(--btn-gradient));
    color: #e6eaef;
    border: none;
    padding: 0;
    margin: 0;
    font-size: 22px;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0 3px 0 0 var(--btn-shadow),
        0 4px 4px -1px rgba(0, 0, 0, 0.6),
        0 4px 6px 1px rgba(0, 0, 0, 0.3),
        0 1px 2px 1px rgba(0, 0, 0, 0) inset,
        0 18px 32px -2px rgba(255, 255, 255, 0.1) inset;
    transition: transform .15s ease, box-shadow .15s ease;
    font-size: inherit;
    font-weight: normal;
    border-width: 0;
    border-style: solid;
    border-radius: 0.2666666667em;
    cursor: pointer;
    user-select: none;
    vertical-align: bottom;
    transition: box-shadow 0.2s, transform 0.2s, color 0.2s;
}

.theng__padding-20px-30px {
    padding: 20px 30px;
}

.theng__post-title-generator-form .lqd-generator-form-wrap .workbook-form {
    border-radius: 5px;
}


.theng__post-title-generator-input .lqd-input-container label {
    margin-bottom: 5px;
}

.theng__logo-2 {
    position: absolute;
    top: 0;
    width: 80%;
}

.theng_custom-width-1 {
    width: calc(46% - 1.5px);
}


.theng__app-custom .container {
    padding-right: 0 !important;
    padding-left: 0 !important;
    gap: 20px;
}

.theng__app-custom .lqd-generators-container .lqd-generators-list {
    gap: 30px;
    border-radius: 5px;
}

.theng__app-custom .lqd-generators-container .lqd-generators-list .lqd-card {
    border-radius: 5px;
}

.tox .tox-editor-container .tox-editor-header {
    padding: 20px 30px !important;
}

div.tox .tox-editor-header .tox-toolbar__group:first-child .tox-tbtn--select {
    border-radius: 5px;
}

[x-cloak] {
    display: none !important;
}

#lqd-titlebar {
    padding-top: 12px;
}

#theng__all .lqd-card {
    background-color: white;
}

@media (min-width: 992px) {
    .has-sidebar .lqd-page-wrapper {
        padding-inline-end: unset;
        padding-inline-start: unset !important;
    }

    .lqd-page {
        border-radius: 0;
    }

    .lqd-page-content-wrap {
        border-start-start-radius: 0;
        border-end-start-radius: 0;
    }

    .focus-mode .container,
    .focus-mode .container-fluid {
        max-width: 100%;
    }

    .theng__app-custom .lqd-generators-container .lqd-generators-list {
        gap: 30px;
        border-radius: 5px;
    }

    .theng__app-custom .lqd-generators-container .lqd-generators-list .lqd-card {
        border-radius: 5px;
    }
}

@media (min-width: 1200px) {
    .theng__app-custom .lqd-generators-container .lqd-generators-list {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.theng__ai-image {
    padding: 30px 0;
}

.lqd-navbar-expander {
    transform: scale(0.85) !important;
}

/* Andrew on the mic */

/*Style sidebar admin*/
#logo-2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

#logo-1 {
    display: flex;
    align-items: center;
    width: 60%;
}

#logo-2 a {
    flex: 1;
}

#logo-2 button {
    margin-left: auto;
}

.lqd-navbar lqd-navbar-dropdown {
    padding-inline-start: 10px;
}

body.navbar-shrinked a.menu-parent>.lqd-nav-link-label {
    display: none !important;
}

.lqd-navbar .lqd-nav-link-label {
    white-space: nowrap;
}

body.navbar-shrinked .lqd-navbar-dropdown {
    margin-top: 0 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.lqd-header {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

/*Ẩn cuộn y cho menu 2*/
.lqd-navbar-inner {
    overflow-y: auto;
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE and Edge */
}

.lqd-navbar-inner::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari, Opera */
}

/*màu icon menu 2*/
.lqd-nav-link-icon .lqd-navbar-icon {
    stroke: hsl(213 5% 54%) !important;
}

body.navbar-shrinked .lqd-nav-link-icon .lqd-navbar-icon,
body.navbar-shrinked .lqd-nav-link-icon svg {
    color: #ffffff !important;
    stroke: #ffffff !important;
}

.lqd-navbar-dropdown-link:hover,
.lqd-navbar-dropdown-link:focus {
    text-decoration-color: #fff !important;
    /* Nếu muốn nét underline dày hơn, thêm: */
    /*text-decoration-thickness: 2px;*/
}

body:not(.navbar-shrinked) #dashboard>a,
body:not(.navbar-shrinked) #ai-text>a,
body:not(.navbar-shrinked) #ai-image>a,
body:not(.navbar-shrinked) #ai-video>a,
body:not(.navbar-shrinked) #ai-audio-content>a,
body:not(.navbar-shrinked) #ai-chat-box>a,
body:not(.navbar-shrinked) #ai-social-suite>a,
body:not(.navbar-shrinked) #ai-marketing-bot>a,
body:not(.navbar-shrinked) #ai-code-generator>a,
body:not(.navbar-shrinked) #ai-validation>a {
    font-size: 16px !important;
}

.lqd-navbar-dropdown-link:hover,
.lqd-navbar-dropdown-link:focus,
.lqd-navbar-dropdown-link.active,
.lqd-navbar-dropdown-link[aria-current="page"],
.lqd-navbar-dropdown-link[aria-current="true"],
.lqd-navbar-dropdown-link[aria-selected="true"],
.lqd-navbar-dropdown-link[aria-selected="page"],
.lqd-navbar-dropdown-link[aria-selected="1"],
.lqd-navbar-dropdown-link[aria-selected="active"] {
    text-decoration-color: #fff !important;
}

body:not(.navbar-shrinked) #dashboard>a>.lqd-nav-link-icon>svg {
    color: #a31d21 !important;
    stroke: #a31d21 !important;
}

body:not(.navbar-shrinked) #ai-text>a>.lqd-nav-link-icon>svg {
    color: #cc205a !important;
    stroke: #cc205a !important;
}

body:not(.navbar-shrinked) #ai-image>a>.lqd-nav-link-icon>svg {
    color: #bb2a92 !important;
    stroke: #bb2a92 !important;
}

body:not(.navbar-shrinked) #ai-video>a>.lqd-nav-link-icon>svg {
    color: #853896 !important;
    stroke: #853896 !important;
}

body:not(.navbar-shrinked) #ai-audio-content>a>.lqd-nav-link-icon>svg {
    color: #503896 !important;
    stroke: #503896 !important;
}

body:not(.navbar-shrinked) #ai-chat-box>a>.lqd-nav-link-icon>svg {
    color: #2a3383 !important;
    stroke: #2a3383 !important;
}

body:not(.navbar-shrinked) #ai-social-suite>a>.lqd-nav-link-icon>svg {
    color: #16499a !important;
    stroke: #16499a !important;
}

body:not(.navbar-shrinked) #ai-marketing-bot>a>.lqd-nav-link-icon>svg {
    color: #4968AD !important;
    stroke: #4968AD !important;
}

body:not(.navbar-shrinked) #ai-code-generator>a>.lqd-nav-link-icon>svg {
    color: #1d98ad !important;
    stroke: #1d98ad !important;
}

body:not(.navbar-shrinked) #ai-validation>a>.lqd-nav-link-icon>svg {
    color: #1da683 !important;
    stroke: #1da683 !important;
}

.lqd-navbar-link {
    display: flex;
    align-items: center;
}

.lqd-nav-link-label {
    flex: 1 1 auto;
    min-width: 0;
}

.lqd-nav-link-expander {
    margin-left: auto;
    flex-shrink: 0;
}

.lqd-input:focus, input:focus, textarea:focus, select:focus {
    box-shadow: 0 0 0 1px #e79064;
}

.page-dashboard-user-openai-generator-ai_youtube-workbook .checked\:border-heading-foreground:checked{
    background-color: #6c7fba;
    border-color: #1c53a1;
}

.page-dashboard-user-openai-generator-ai_youtube-workbook input:focus{
    box-shadow: none;
}

#chart-credit .apexcharts-tooltip-series-group[style*="background-color: rgb(154, 52, 205)"] {
    background-color: #1c53a1 !important;
}

#chart-credit .apexcharts-tooltip-marker[style*="background-color: rgb(154, 52, 205)"] {
    background-color: #1c53a1 !important;
}

@media (max-width: 1200px) {
  .theng__app-custom .container > .flex.flex-wrap,
  .theng__app-custom .container > .flex.flex-wrap.justify-between {
    flex-direction: column !important;
    gap: 20px !important;
    align-items: stretch !important;
  }
  .theng__app-custom .container > .flex.flex-wrap > *,
  .theng__app-custom .container > .flex.flex-wrap.justify-between > * {
    width: 100% !important;
    max-width: 100% !important;
  }
  .theng__app-custom .container .grid {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 768px) {
  .theng__app-custom .container > .flex.flex-wrap,
  .theng__app-custom .container > .flex.flex-wrap.justify-between {
    flex-direction: column !important;
    gap: 16px !important;
    align-items: stretch !important;
  }
  .theng__app-custom .container > .flex.flex-wrap > *,
  .theng__app-custom .container > .flex.flex-wrap.justify-between > * {
    width: 100% !important;
    max-width: 100% !important;
  }
  .theng__app-custom .container .grid {
    grid-template-columns: 1fr !important;
  }
  .lqd-page-footer {
    display: none !important;
  }
}

/* Style cho button modal popup credit */
.lqd-modal-content .lqd-btn[title="Close"],
.lqd-modal-content .lqd-btn-outline{
    border-radius: 5px;
    color: white;
    --btn-gradient: #1c53a1, #6c7fba;
    --btn-shadow: #1f4071;
    box-shadow: 0 3px 0 0 var(--btn-shadow),
        0 4px 4px -1px rgba(0, 0, 0, 0.6),
        0 4px 6px 1px rgba(0, 0, 0, 0.3),
        0 1px 2px 1px rgba(0, 0, 0, 0) inset,
        0 18px 32px -2px rgba(255, 255, 255, 0.1) inset;
    background-image: linear-gradient(-45deg, var(--btn-gradient));
    border: none;
    line-height: 1;
    font-size: 14px;
    white-space: nowrap;
    cursor: pointer;

    transition: transform .15s ease, box-shadow .15s ease;
}
.lqd-modal-content .lqd-btn[href*="dashboard/user/payment"],
.lqd-modal-content .lqd-btn-primary{
    border-radius: 5px !important;
    color: white !important;
    --btn-gradient: #e79064, #e35d25 !important;
    --btn-shadow: #b75328 !important;
    box-shadow: 0 3px 0 0 var(--btn-shadow),
        0 4px 4px -1px rgba(0, 0, 0, 0.6),
        0 4px 6px 1px rgba(0, 0, 0, 0.3),
        0 1px 2px 1px rgba(0, 0, 0, 0) inset,
        0 18px 32px -2px rgba(255, 255, 255, 0.1) inset !important;
    background-image: linear-gradient(-45deg, var(--btn-gradient)) !important;
    border: none !important;
    line-height: 1 !important;
    font-size: 14px !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    transition: transform .15s ease, box-shadow .15s ease !important;
}

.lqd-chat-record-trigger,
.lqd-chat-record-stop-trigger {
    background-color: white !important;
    color: black !important;
}
.lqd-chat-brand-voice-trigger {
    background-color: white !important;
    color: black !important;
}
.lqd-chat-record-trigger:hover,
.lqd-chat-record-stop-trigger:hover,
.lqd-chat-brand-voice-trigger:hover,
.lqd-chat-templates-trigger[type="button"][id="chat_add_image"]:hover,
button.lqd-chat-templates-trigger:hover{
    background-color: #6c7fba !important;
    color: #ffffff!important;
}
.lqd-new-chat-trigger {
    border-radius: 5px !important;
    color: white !important;
    --btn-gradient: #1c53a1, #6c7fba !important;
    --btn-shadow: #1f4071 !important;
    box-shadow: 0 3px 0 0 var(--btn-shadow),
        0 4px 4px -1px rgba(0, 0, 0, 0.6),
        0 4px 6px 1px rgba(0, 0, 0, 0.3),
        0 1px 2px 1px rgba(0, 0, 0, 0) inset,
        0 18px 32px -2px rgba(255, 255, 255, 0.1) inset !important;
    background-image: linear-gradient(-45deg, var(--btn-gradient)) !important;
    border: none !important;
    line-height: 1 !important;
    font-size: 14px !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    transition: transform .15s ease, box-shadow .15s ease !important;
}
.lqd-new-chat-trigger:hover {
    --btn-gradient: #6c7fba, #1c53a1 !important;
    --btn-shadow: #1f4071 !important;
}
.theng__button-x-1[title="Share"],
.theng__button-x-1[href=""][title="Share"] {
    border-radius: 5px !important;
    color: white !important;
    --btn-gradient: #1c53a1!important;
    --btn-shadow: #1f4071 !important;
    box-shadow: 0 3px 0 0 var(--btn-shadow),
        0 4px 4px -1px rgba(0, 0, 0, 0.6),
        0 4px 6px 1px rgba(0, 0, 0, 0.3),
        0 1px 2px 1px rgba(0, 0, 0, 0) inset,
        0 18px 32px -2px rgba(255, 255, 255, 0.1) inset !important;
    background-image: linear-gradient(-45deg, var(--btn-gradient)) !important;
    border: none !important;
    line-height: 1 !important;
    font-size: 14px !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    transition: transform .15s ease, box-shadow .15s ease !important;
}
.theng__button-x-1[title="Share"],
.theng__button-x-1[href=""][title="Share"]:hover {
    --btn-gradient: #6c7fba, #1c53a1 !important;
    --btn-shadow: #1f4071 !important;
}
.lqd-upload-doc-trigger {
    border-radius: 5px !important;
    color: white !important;
    --btn-gradient: #1c53a1, #6c7fba !important;
    --btn-shadow: #1f4071 !important;
    box-shadow: 0 3px 0 0 var(--btn-shadow),
        0 4px 4px -1px rgba(0, 0, 0, 0.6),
        0 4px 6px 1px rgba(0, 0, 0, 0.3),
        0 1px 2px 1px rgba(0, 0, 0, 0) inset,
        0 18px 32px -2px rgba(255, 255, 255, 0.1) inset !important;
    background-image: linear-gradient(-45deg, var(--btn-gradient)) !important;
    border: none !important;
    line-height: 1 !important;
    font-size: 14px !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    transition: transform .15s ease, box-shadow .15s ease !important;
}
.lqd-upload-doc-trigger:hover {
    --btn-gradient: #6c7fba, #1c53a1 !important;
    --btn-shadow: #1f4071 !important;
}

.lqd-input-container .fetch-rss:hover {
    background: linear-gradient(90deg, #6c7fba, #1c53a1) !important;
    color: #fff !important;
    box-shadow: 0 2px 8px 0 #1f4071 !important;
}

.lqd-generator-options-container #tone_of_voice, #language{
    white-space: nowrap!important;
    overflow: hidden!important;
    text-overflow: ellipsis;
}

.lqd-image-generator-prompt {
    resize: vertical !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    min-height: auto;
    border-radius: 1px;
}

.chat-content.custom-chat-bubble {
    color: white !important;
    background-color: #6c7fba !important;
    border-radius: 5px !important;
}

.page-dashboard-user-openai-generator-ai_speech_to_text .bg-black {
    background-color: unset !important;
}
.page-dashboard-user-openai-generator-ai_speech_to_text .bg-black:hover{
    --btn-gradient: #6c7fba, #1c53a1 !important;
    --btn-shadow: #1f4071 !important;
    background-image: linear-gradient(-45deg, var(--btn-gradient)) !important;
    color: #fff !important;
    outline-color: unset !important;
}
.page-dashboard-user-openai-generator-ai_speech_to_text .bg-black.theng__button-x-1[title="View Your Credits"]:hover {
    background-image: unset !important;
    --btn-gradient: unset !important;
    --btn-shadow: unset !important;
    color: unset !important;
    outline-color: unset !important;
}
.page-dashboard-user-openai-generator-ai_speech_to_text .theng__button-x-1[href*="dashboard/user/generator/"] {
    border-radius: 5px !important;
    color: white !important;
    --btn-gradient: #1c53a1, #6c7fba !important;
    --btn-shadow: #1f4071 !important;
    box-shadow: 0 3px 0 0 var(--btn-shadow),
        0 4px 4px -1px rgba(0, 0, 0, 0.6),
        0 4px 6px 1px rgba(0, 0, 0, 0.3),
        0 1px 2px 1px rgba(0, 0, 0, 0) inset,
        0 18px 32px -2px rgba(255, 255, 255, 0.1) inset !important;
    background-image: linear-gradient(-45deg, var(--btn-gradient)) !important;
    border: none !important;
    line-height: 1 !important;
    font-size: 14px !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    transition: transform .15s ease, box-shadow .15s ease !important;
}
.page-dashboard-user-openai-generator-ai_speech_to_text .theng__button-x-1[href*="dashboard/user/generator/"]:hover {
    --btn-gradient: #6c7fba, #1c53a1 !important;
    --btn-shadow: #1f4071 !important;
    background-image: linear-gradient(-45deg, var(--btn-gradient)) !important;
}

.bg-green-500\/20 {
    background-color: #6c7fba !important;
    color: #000 !important;
}

.bg-green-500\/20.text-green-700,
.bg-green-500\/20 .text-green-700 {
    color: white !important;
}

@media screen and (min-width: 991px) 
{

    .page-dashboard-user-openai-generator-ai_chat_image-workbook .theng__app-custom .lqd-btn span {
        border-radius: 0;
        min-height: auto;
        min-width: auto;
        padding: 0;
    }

    .page-dashboard-user-openai-generator-ai_chat_image-workbook .chats-sidebar-wrap {
        top: 0 !important;
        bottom: 0 !important;
    }

    .page-dashboard-user-openai-generator-ai_chat_image-workbook .header-user-dropdown,
    .page-dashboard-user-openai-generator-ai_chat_image-workbook .theng__post-title-generator-form {
        margin-right: 20px;
    }

    .page-dashboard-user-openai-generator-ai_speech_to_text .theng__app-custom .lqd-card {
        padding-right: 30px;
    }
}

.chats-search a {
    display: none;
}

.page-dashboard-user-openai-generator-ai_chat_image-workbook .lqd-chat-category-name {
    padding: 5px !important;
    border-radius: 5px;
}

.page-dashboard-user-openai-generator-ai_chat_image-workbook.focus-mode .chats-wrap .chat-content-container,
.page-dashboard-user-openai-generator-ai_chat_image-workbook .lqd-chat-form-inputs-container {
    border-radius: 5px;
}

.page-dashboard-user-openai-generator-ai_chat_image-workbook .chat-list-item {
    border-radius: 5px !important;
}

.theng__button-x-1[type="submit"],
.page-dashboard-user-openai-generator-ai_chat_image-workbook .chats-new .theng__button-x-1 {
    height: 52px;
    --btn-gradient: #1c53a1, #6c7fba;
    --btn-shadow: #1f4071;
    background-image: linear-gradient(-45deg, var(--btn-gradient));
    box-shadow: 0 3px 0 0 var(--btn-shadow),
        0 4px 4px -1px rgba(0, 0, 0, 0.6),
        0 4px 6px 1px rgba(0, 0, 0, 0.3),
        0 1px 2px 1px rgba(0, 0, 0, 0) inset,
        0 18px 32px -2px rgba(255, 255, 255, 0.1) inset;
    transition: transform .15s ease, box-shadow .15s ease;
}

.page-dashboard-user-openai-generator-ai_chat_image-workbook #send_message_button {
    --btn-gradient: #1c53a1, #6c7fba;
    --btn-shadow: #1f4071;
    background-image: linear-gradient(-45deg, var(--btn-gradient));
    transition: transform .15s ease, box-shadow .15s ease;
}

.page-dashboard-user-openai-generator-ai_chat_image-workbook .lqd-chat-form-inputs-container .lqd-chat-attach {
    background-color: transparent !important;
    color: #000 !important;
}

/* Ai Image */
/* Ai Speed text */
.page-dashboard-user-openai-generator-ai_speech_to_text .theng__post-title-generator-form .lqd-input-container {
    white-space: wrap;
}

.page-dashboard-user-openai-generator-ai_speech_to_text .lqd-page-content-container {
    padding-top: 20px !important;
}

/* Ai Speed to text */

.theng__btn {
    background-image: linear-gradient(-45deg, var(--btn-gradient));
    color: white;
    border: none;
    padding: 10px 36px;
    font-size: 22px;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0 3px 0 0 var(--btn-shadow), 0 4px 4px -1px rgba(0, 0, 0, 0.6), 0 4px 6px 1px rgba(0, 0, 0, 0.3), 0 1px 2px 1px rgba(0, 0, 0, 0) inset, 0 18px 32px -2px rgba(255, 255, 255, 0.1) inset;
    transition: transform .15s ease, box-shadow .15s ease;
    margin: 6px;
    font-size: inherit;
    line-height: 1.42;
    padding: 0.8em 1.6em;
    font-weight: normal;
    border-width: 0;
    border-style: solid;
    border-radius: 5px;
    cursor: pointer;
    user-select: none;
    vertical-align: bottom;
    transition: box-shadow 0.2s, transform 0.2s, color 0.2s;
}

.theng__sr-only-span {
    color: #f47621;
}

.theng__sr-only-span:hover {
    color: #1f539f;
}

.lqd-navbar-dropdown .size-navbar-icon {
    width: 18px;
    height: 18px;
}

.theng__btn-blue {
    color: white;
    --btn-gradient: #1c53a1, #6c7fba;
    --btn-shadow: #1f4071;
    background-image: linear-gradient(-45deg, var(--btn-gradient));
}

.theng__btn-orange {
    color: white;
    --btn-gradient: #e35d25, #e79064;
    --btn-shadow: #b75328;
    background-image: linear-gradient(-45deg, var(--btn-gradient));
    box-shadow: 0 3px 0 0 var(--btn-shadow),
        0 4px 4px -1px rgba(0, 0, 0, 0.6),
        0 4px 6px 1px rgba(0, 0, 0, 0.3),
        0 1px 2px 1px rgba(0, 0, 0, 0) inset,
        0 18px 32px -2px rgba(255, 255, 255, 0.1) inset;
}

.theng__btn-orange:hover {
    transform: unset;
    --btn-gradient: #e79064, #e35d25;
    --btn-shadow: #b75328;
    box-shadow: 0 3px 0 0 var(--btn-shadow),
        0 4px 4px -1px rgba(0, 0, 0, 0.6),
        0 4px 6px 1px rgba(0, 0, 0, 0.3),
        0 1px 2px 1px rgba(0, 0, 0, 0) inset,
        0 18px 32px -2px rgba(255, 255, 255, 0.1) inset;
}

.theng__upgrade-your-plan {
    height: 50px;
}

.theng__your-plan .theng__button-x-1 {
    --btn-gradient: #e35d25, #e79064;
    --btn-shadow: #b75328;
    background-image: linear-gradient(-45deg, var(--btn-gradient));
    color: white;
    font-size: 14px;
    white-space: nowrap;
    box-shadow: 0 3px 0 0 var(--btn-shadow),
        0 4px 4px -1px rgba(0, 0, 0, 0.6),
        0 4px 6px 1px rgba(0, 0, 0, 0.3),
        0 1px 2px 1px rgba(0, 0, 0, 0) inset,
        0 18px 32px -2px rgba(255, 255, 255, 0.1) inset;
}

.theng__your-plan .theng__button-x-1:hover {
    transform: unset;
    --btn-gradient: #e79064, #e35d25;
    --btn-shadow: #b75328;
}

.theng__your-plan .theng__button-x-1:nth-child(2) {
    --btn-gradient: #1c53a1, #6c7fba;
    --btn-shadow: #1f4071;
}

.theng__your-plan .theng__button-x-1:nth-child(2):hover {
    --btn-gradient: #6c7fba, #1c53a1;
    --btn-shadow: #1f4071;
}

@media (max-width: 1366px) {
    .theng__your-plan .theng__button-x-1:nth-child(2) {
        margin-top: 10px;
    }
}

.theng__button-x-1[type="submit"] {
    height: 50px;
    --btn-gradient: #1c53a1, #6c7fba;
    --btn-shadow: #1f4071;
    background-image: linear-gradient(-45deg, var(--btn-gradient));
    box-shadow: 0 3px 0 0 var(--btn-shadow),
        0 4px 4px -1px rgba(0, 0, 0, 0.6),
        0 4px 6px 1px rgba(0, 0, 0, 0.3),
        0 1px 2px 1px rgba(0, 0, 0, 0) inset,
        0 18px 32px -2px rgba(255, 255, 255, 0.1) inset;
    transition: transform .15s ease, box-shadow .15s ease;
}

.theng__button-x-1[type="submit"]:hover {
    --btn-gradient: #6c7fba, #1c53a1;
    --btn-shadow: #1f4071;
    background-image: linear-gradient(-45deg, var(--btn-gradient));
    box-shadow: 0 3px 0 0 var(--btn-shadow),
        0 4px 4px -1px rgba(0, 0, 0, 0.6),
        0 4px 6px 1px rgba(0, 0, 0, 0.3),
        0 1px 2px 1px rgba(0, 0, 0, 0) inset,
        0 18px 32px -2px rgba(255, 255, 255, 0.1) inset;
    transition: transform .15s ease, box-shadow .15s ease;
}

#chart-credit .apexcharts-donut-slice-0 {
    fill: #6c7fba !important;
}

#chart-credit .apexcharts-legend-marker[rel="1"] {
    background: #1c53a1 !important;
    color: #1c53a1 !important;
    filter: brightness(0) saturate(100%) invert(19%) sepia(74%) saturate(747%) hue-rotate(179deg) brightness(94%) contrast(95%);
}

#chart-credit .apexcharts-legend-marker[rel="2"] {
    filter: brightness(0) saturate(100%) sepia(1) hue-rotate(10deg) brightness(1.5);
}

.theng__button-x-1[variant="ghost-shadow"][title="View Your Credits"] {
    color: white;
    --btn-gradient: #1c53a1, #6c7fba;
    --btn-shadow: #1f4071;
    background-image: linear-gradient(-45deg, var(--btn-gradient));
    box-shadow: 0 3px 0 0 var(--btn-shadow),
        0 4px 4px -1px rgba(0, 0, 0, 0.6),
        0 4px 6px 1px rgba(0, 0, 0, 0.3),
        0 1px 2px 1px rgba(0, 0, 0, 0) inset,
        0 18px 32px -2px rgba(255, 255, 255, 0.1) inset;
    transition: transform .15s ease, box-shadow .15s ease;
}

.theng__button-x-1[variant="ghost-shadow"][title="View Your Credits"]:hover {
    --btn-gradient: #6c7fba, #1c53a1;
    --btn-shadow: #1f4071;
}

.theng__button-x-1[href="https://genaivs.com/facebook/redirect"]{
    background-color: white;
}

.theng__button-x-1[href="https://genaivs.com/google/redirect"]{
    background-color: white;
}

.theng__button-x-1[onclick="resetWizard()"]{
    outline-style: none;
    color: white;
    --btn-gradient: #1c53a1, #6c7fba;
    --btn-shadow: #1f4071;
    background-image: linear-gradient(-45deg, var(--btn-gradient));
    box-shadow: 0 3px 0 0 var(--btn-shadow),
        0 4px 4px -1px rgba(0, 0, 0, 0.6),
        0 4px 6px 1px rgba(0, 0, 0, 0.3),
        0 1px 2px 1px rgba(0, 0, 0, 0) inset,
        0 18px 32px -2px rgba(255, 255, 255, 0.1) inset;
    transition: transform .15s ease, box-shadow .15s ease;
}


.page-dashboard-user-openai-generator-ai_video .openai-generator{
    display: flex;
    flex-wrap: nowrap;
    gap: 30px;
    padding: 15px 0; 
}

@media (max-width: 1024px) {
    .page-dashboard-user-openai-generator-ai_video .openai-generator {
      flex-wrap: wrap;
    }
  }

.page-dashboard-user-openai-generator-ai_video .openai-generator .lqd-card{
    width: 40%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    background-color: white;
}

@media (max-width: 1024px) {
    .page-dashboard-user-openai-generator-ai_video .openai-generator .lqd-card {
      width: 100%;
    }
}


.page-dashboard-user-openai-generator-ai_video .openai-generator .lqd-card .lqd-input-container{
    width: 100%;
}


.page-dashboard-user-openai-generator-post-title-generator-tLHqrP-workbook .lqd-generator-wrap{

}

@media (max-width: 1024px) {
    .page-dashboard-user-openai-generator-post-title-generator-tLHqrP-workbook .theng__button-x-1{
        position: relative; 
    }

    .page-dashboard-user-openai-generator-post-title-generator-tLHqrP-workbook .lqd-remaining-credit{
        align-items: start;
    }

    .page-dashboard-user-openai-generator-post-title-generator-tLHqrP-workbook .lqd-modal{
        padding-top: 10px;
    }
}

@media (max-width: 1024px) {
    .page-dashboard-user-openai-generator-ai_video .openai-generator .lqd-card {
      width: 100%;
    }

    .lqd-remaining-credit{
        align-items: start;
    }
}

@media (max-width: 767px) {
    .page-dashboard-user-openai-generator-post-title-generator-tLHqrP-workbook .lqd-generator-wrap{
        flex-direction: column;
    }

    .page-dashboard-user-openai-generator-post-title-generator-tLHqrP-workbook .lqd-generator-wrap .lqd-generator-options-container {
        max-width: 100% !important;
    }
}

.page-dashboard-user-openai-generator-ai_image_generator{
    
}
@media (max-width: 1280px) {
    .page-dashboard-user-openai-generator-ai_image_generator .lqd-titlebar-secondary{
        flex-direction: column;
    }

    .page-dashboard-user-openai-generator-ai_image_generator .theng__app-custom .container .grid {
        grid-template-columns: 1fr 1fr !important;
    }

    .page-dashboard-user-openai-generator-ai_image_generator .lqd-image-generator-dalle-form .w-full{
        width: 100% !important;
        justify-content: center;
    }

    .page-dashboard-user-openai-generator-ai_image_generator .mx-auto{
        margin: 0;
        width: 100%;
        max-width: 100%;
    }
}
@media (max-width: 767px) {
    .page-dashboard-user-openai-generator-ai_image_generator .lqd-image-generator-tabs-content div.hidden{
        display: block;
        width: 100%;
    }

    .page-dashboard-user-openai-generator-ai_image_generator .lqd-image-generator-dalle-form {
        
    }
}

.page-dashboard-user .theng__try-it-now{
    --btn-gradient: #1c53a1, #6c7fba;
    --btn-shadow: #1f4071;
    background-image: linear-gradient(-45deg, var(--btn-gradient));
    color: white;
    border: none;
    box-shadow: 0 3px 0 0 var(--btn-shadow), 0 4px 4px -1px rgba(0, 0, 0, 0.6), 0 4px 6px 1px rgba(0, 0, 0, 0.3), 0 1px 2px 1px rgba(0, 0, 0, 0) inset, 0 18px 32px -2px rgba(255, 255, 255, 0.1) inset;
    border-width: 0;
    border-style: solid;
    border-radius: 0.2666666667em;
    cursor: pointer;
    user-select: none;
    vertical-align: bottom;
    transition: box-shadow 0.2s, transform 0.2s, color 0.2s;
}

.page-dashboard-user .theng__button-x-1[variant="outline"][title="View Your Credits"]{
    outline-style: unset;
    color: white;
    --btn-gradient: #1c53a1, #6c7fba;
    --btn-shadow: #1f4071;
    background-image: linear-gradient(-45deg, var(--btn-gradient));
    box-shadow: 
        0 3px 0 0 var(--btn-shadow), 
        0 4px 4px -1px rgba(0, 0, 0, 0.6), 
        0 4px 6px 1px rgba(0, 0, 0, 0.3), 
        0 1px 2px 1px rgba(0, 0, 0, 0) inset, 
        0 18px 32px -2px rgba(255, 255, 255, 0.1) inset;
    transition: transform .15s ease, box-shadow .15s ease;
}

.page-dashboard-user .theng__button-x-1[variant="outline"][title="View Your Credits"]:hover{
    --btn-gradient: #6c7fba, #1c53a1;
    --btn-shadow: #1f4071;
}

.page-dashboard-user .theng__try-it-now:hover {
    --btn-gradient: #6c7fba, #1c53a1;
    --btn-shadow: #1f4071;
}

.page-dashboard-user .theng__dismiss{
    --btn-gradient: #e35d25, #e79064;
    --btn-shadow: #b75328;
    background-image: linear-gradient(-45deg, var(--btn-gradient));
    color: white;
    border: none;
    box-shadow: 0 3px 0 0 var(--btn-shadow), 0 4px 4px -1px rgba(0, 0, 0, 0.6), 0 4px 6px 1px rgba(0, 0, 0, 0.3), 0 1px 2px 1px rgba(0, 0, 0, 0) inset, 0 18px 32px -2px rgba(255, 255, 255, 0.1) inset;
    border-width: 0;
    border-style: solid;
    border-radius: 0.2666666667em;
    cursor: pointer;
    user-select: none;
    vertical-align: bottom;
    transition: box-shadow 0.2s, transform 0.2s, color 0.2s;
}

.page-dashboard-user .theng__dismiss:hover{
    --btn-gradient: #e79064, #e35d25;
    --btn-shadow: #b75328;
}

.page-dashboard-user-openai-documents-all .theng__button-x-1[type="submit"]{
    color: black;
    height: 25px;
    --btn-gradient: white;
    --btn-shadow: white;
    box-shadow: unset;
    border: 1px solid gray;
}

.page-dashboard-user-openai-documents-all .active{
    background-image: linear-gradient(-45deg, #6c7fba);
    color: white !important;
}

.page-dashboard-user-brand-create .lqd-form-step{
    background-color: #6c7fba;
    color: white;
}

.page-dashboard-user-brand-create .lqd-form-step-num {
    background-color: #1c53a1;
}

.page-dashboard-user-brand-create .theng__button-x-1{
    --btn-gradient: #1c53a1, #6c7fba;
    --btn-shadow: #1f4071;
    background-image: linear-gradient(-45deg, var(--btn-gradient));
    color: white;
    border: none;
    box-shadow: 0 3px 0 0 var(--btn-shadow), 0 4px 4px -1px rgba(0, 0, 0, 0.6), 0 4px 6px 1px rgba(0, 0, 0, 0.3), 0 1px 2px 1px rgba(0, 0, 0, 0) inset, 0 18px 32px -2px rgba(255, 255, 255, 0.1) inset;
    border-width: 0;
    border-style: solid;
    border-radius: 0.2666666667em;
    cursor: pointer;
    user-select: none;
    vertical-align: bottom;
    transition: box-shadow 0.2s, transform 0.2s, color 0.2s;
}

.page-dashboard-user-brand-create .theng__button-x-1:hover{
    --btn-gradient: #6c7fba, #1c53a1;
    --btn-shadow: #1f4071;
}

.announcement-img {
    padding: 0 25%;
}

.page-user-payment-subscription .theng__app-custom .lqd-card .lqd-card-body .lqd-btn-ghost-shadow.theng__button-x-1,
.page-user-payment-subscription .theng__app-custom .lqd-price-table .theng__button-x-1{
    --btn-gradient: #1c53a1, #6c7fba;
    --btn-shadow: #1f4071;
    background-image: linear-gradient(-45deg, var(--btn-gradient));
    color: white;
    margin: 10px 0 0 0;
    box-shadow: 0 3px 0 0 var(--btn-shadow), 
        0 4px 4px -1px rgba(0, 0, 0, 0.6), 
        0 4px 6px 1px rgba(0, 0, 0, 0.3), 
        0 1px 2px 1px rgba(0, 0, 0, 0) inset, 
        0 18px 32px -2px rgba(255, 255, 255, 0.1) inset;

}

.page-user-payment-subscription .theng__app-custom .lqd-card .lqd-card-body .lqd-btn-ghost-shadow.theng__button-x-1:hover,
.page-user-payment-subscription .theng__app-custom .lqd-price-table .theng__button-x-1:hover {
    --btn-gradient: #6c7fba, #1c53a1;
    --btn-shadow: #1f4071;
}

.page-dashboard-user-openai-articlewizard-new .keyword{
    background-color: #f3f4f6;
}


.page-user-openai-articlewizard-new #select_keywords .active{
    background-image: linear-gradient(-45deg, #1f539f);
    color: white;
}

.page-dashboard-user-openai-rewrite .theng__app-custom .lqd-generator-wrap{
    grid-template-columns: 30% 70%;
}
.page-dashboard-user-ai-realtime-image .lqd-realtime-image-home h1{
    color: #1c53a1;
}

.page-dashboard-user-ai-realtime-image .lqd-realtime-image-home h1 span{
    color: #1c53a1;
    opacity: 1;
}

.page-dashboard-user-ai-realtime-image .lqd-realtime-image-nav .theng__button-x-1:hover{
    outline-color: #1c53a1;
    background-color: #1c53a1;
}

.page-dashboard-user-openai-generator-ai_video_to_video .theng__generator{
    
}

.page-dashboard-user-openai-generator-ai_video_to_video .theng__app-custom .theng__generator div.flex{
    gap: 30px;
}

.page-dashboard-user-openai-generator-ai_video_to_video .theng__app-custom div.lqd-card {
    width: 28%;
    margin-top: 30px;
}

.page-dashboard-user-openai-generator-ai_video_to_video .theng__app-custom div:nth-child(2) {
    width: 69%;
    margin-top: 30px;
}

.page-dashboard-user-openai-generator-ai_voiceover .lqd-card-body .theng__button-x-1[type="button"]{
    --btn-gradient: #e35d25, #e79064;
    --btn-shadow: #b75328;
    color: white;
    background-image: linear-gradient(-45deg, var(--btn-gradient));
    box-shadow: 0 3px 0 0 var(--btn-shadow), 
        0 4px 4px -1px rgba(0, 0, 0, 0.6), 
        0 4px 6px 1px rgba(0, 0, 0, 0.3), 
        0 1px 2px 1px rgba(0, 0, 0, 0) inset, 
        0 18px 32px -2px rgba(255, 255, 255, 0.1) inset;
}

.page-dashboard-user-settings #user_edit_form .lqd-card-body button{
    --btn-gradient: #1c53a1, #6c7fba;
    --btn-shadow: #1f4071;
    background-image: linear-gradient(-45deg, var(--btn-gradient));
    color: white;
    box-shadow: 0 3px 0 0 var(--btn-shadow), 
        0 4px 4px -1px rgba(0, 0, 0, 0.6), 
        0 4px 6px 1px rgba(0, 0, 0, 0.3), 0
        1px 2px 1px rgba(0, 0, 0, 0) inset, 
        0 18px 32px -2px rgba(255, 255, 255, 0.1) inset;
    border-radius: 5px;
}

.page-dashboard-user-settings #user_edit_form .lqd-card-body button:hover{
    --btn-gradient: #6c7fba, #1c53a1;
    --btn-shadow: #1f4071;
}

.page-dashboard-user-settings #user_edit_form .lqd-card-body a{
    --btn-gradient: #1c53a1, #6c7fba;
    --btn-shadow: #1f4071;
    background-image: linear-gradient(-45deg, var(--btn-gradient));
    color: white;
    box-shadow: 0 3px 0 0 var(--btn-shadow), 
        0 4px 4px -1px rgba(0, 0, 0, 0.6), 
        0 4px 6px 1px rgba(0, 0, 0, 0.3), 0
        1px 2px 1px rgba(0, 0, 0, 0) inset, 
        0 18px 32px -2px rgba(255, 255, 255, 0.1) inset;
    border-radius: 5px;
}

.page-dashboard-user-settings #user_edit_form .lqd-card-body a:hover{
    --btn-gradient: #6c7fba, #1c53a1;
    --btn-shadow: #1f4071;
}

.page-dashboard-user-payment #monthly{

}

@media (max-width: 1366px) {
    .page-dashboard-user-payment .theng__app-custom  #monthly{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .page-dashboard-user-payment .theng__app-custom  #monthly{
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}