.lqd-remaining-credit .lqd-legend:nth-of-type(2) {
    display: none;
}

.lqd-remaining-credit .lqd-progress-bar:nth-of-type(1) {
  width: 100% !important;
}

.lqd-remaining-credit .lqd-progress-bar:nth-of-type(2) {
  display: none;
}

.prepaid-plan-card {
    box-shadow: 0 2px 5px #00000012;
    border-width: 0;
    border-radius: 30px;
}

.prepaid-plan-card a {
    padding: 20px 10px;
    font-size: 16px;
}
.custom-prepaid-plan-card{

    border: 2px solid #c698fb;
}

.custom-prepaid-plan-card a{
    background: #c698fb;
}

.hide, .lqd-light-dark-switch{
    display:none !important;
}

.lqd-navbar-ul .lqd-navbar-item .lqd-nav-link-letter-icon{
    background: #878787;
}

.apexcharts-series[seriesName="Remaining"] path{
    fill: rgb(198 152 251) !important;
}

.apexcharts-canvas .apexcharts-legend-series[seriesname="Remaining"] .apexcharts-legend-marker,
.apexcharts-tooltip{
    background: #c698fb !important;
}
.apexcharts-canvas .apexcharts-legend-series[seriesname="Used"] {
    display:none !important;
}

.lqd-article-wizard #select_title .text-heading-foreground,
.lqd-article-wizard #select_outline .text-heading-foreground{
    box-shadow: 0 2px 5px #00000012;
    border-width: 0;
    border-radius: .625rem;
}

#user_chat_area .conversation-area .lqd-chat-head .overflow-ellipsis{color:#fff;}

.conversation-area p {margin-bottom: 0;}



/* Optional: Add some hover effect for the card */
.prepaid-plan-card.custom-prepaid-plan-card {
    position: relative;
    overflow: hidden; /* Ensures the ribbon is properly clipped */
    transition: transform 0.3s, box-shadow 0.3s;
}

.prepaid-plan-card.custom-prepaid-plan-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.coupon-card, .summary-card, .border-card-border, #payment-form{
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    /* base background and no border */
    border: none;
    /* darker drop-shadow plus subtle purple glow */
    box-shadow:
            0 4px 8px rgba(0, 0, 0, 0.1),
            0 0 15px rgba(198, 153, 251, 0.25);
}

.coupon-card:hover,
.summary-card:hover,
.border-card-border:hover,
#payment-form:hover {
    box-shadow:
            0 6px 12px rgba(0, 0, 0, 0.15),
            0 0 20px rgba(198, 153, 251, 0.4);
}

.coupon-card {
    padding: 8px 24px;
}

.fa,.fa-brands,.fa-duotone,.fa-light,.fa-regular,.fa-solid,.fa-thin,.fab,.fad,.fal,.far,.fas,.fat {
    line-height:inherit;
}

/*move to scss*/



.it-signup-input input, .it-contact-input-box input
{
    text-transform: none!important;
}


.lqd-navbar,.lqd-navbar .lqd-navbar-dropdown,
.lqd-navbar .lqd-navbar-dropdown .qd-navbar-link span{
    background:#03030f !important;
}
.lqd-navbar-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}
.lqd-navbar .lqd-navbar-item {color:#fff;}
.lqd-navbar .lqd-navbar-item .lqd-nav-link-icon{
    padding: 0.5em;
    border-radius: 50%;
}


.lqd-navbar #dashboard .bg-navbar-icon-background {
    background: #c698fb;
    color:#fff;
}

.lqd-navbar .lqd-navbar-link .lqd-nav-link-icon:hover {color:#03030f;}

.lqd-navbar .lqd-nav-link-expander{
    display:none !important;
}

.lqd-navbar .lqd-navbar-inner {
    overflow-x: hidden;
}

.lqd-navbar .lqd-nav-link-label{
    color: #c698fb;
}

.lqd-navbar .lqd-navbar-dropdown .lqd-nav-link-label{
    color: #fff;
}

.lqd-navbar .lqd-navbar-dropdown,
.lqd-navbar .lqd-navbar-dropdown .lqd-navbar-link span{
    background: #03030f;
}

/*admin menu*/
.admin-menu .lqd-nav-link-label{
    color: #fff;
}
.admin-menu .lqd-nav-link-label:hover{
    color: #c698fb;
}

.admin-menu .lqd-navbar-inner {
    display: block;
    height: inherit;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 1rem 1.5rem 1rem 0;
}

.admin-menu .lqd-nav-link-expander{
    display:inline-block !important;
    margin-right: 5px;
}


.fixed-seo-chat-icon{
    width: 60px;
    height: 60px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #c698fb;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    z-index: 9999;
}
/* When the screen is narrow (or when you expect many items), switch to top alignment with padding */
@media (max-height: 600px) {
    .lqd-navbar-inner {
        justify-content: flex-start;
        padding-top: 20px;
    }
}

@media (min-width: 992px) {
    .lqd-navbar .lqd-navbar-dropdown {

        margin-top: -45px;

    }

    .admin-menu  .lqd-navbar-dropdown {

        margin-top: 0px;

    }
}
@media  all and (max-width: 991px)
{

.lqd-navbar{
    border-radius: 16px;
    background: hsl(218, 16%, 12%);
    margin: 20px;
    max-width: calc(100% - 40px);
    box-sizing: border-box;
    padding: 16px 8px;
}

.lqd-navbar-inner {
    height: auto; /* Ensures full height */
    align-items: stretch;

}

}



/*new design*/

#toast-container>div{
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
.toast-message{
    font-family: "Krona One", Arial, Helvetica, sans-serif;
    padding: 0.4em 1em;
    font-size: 1em;
}

.toast-error {
    background-color: #BD362F !important;
}

.toast-success {
    background-color: #51A351 !important;
}

.lqd-header-wrapper{
        background: #06080f;
        color: #fff;

}
.header-actions-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 0;
    max-height: 45px;
}

.header-credits-container {
    display: flex;
    align-items: center;
    gap: 10px;
    color:#fff;
}

.header-actions-container .button {
    padding: 8px 16px;
    border-radius: 4px;
    background-color: #c698fb;
    color: #fff;
    transition: background-color 0.3s ease;
}

.header-actions-container .button:hover {
    background-color: #c698fb;
}



.hover\:bg-primary\/90:hover{
    background: transparent;
    border: 1px solid #c698fb;
    color: #c698fb;
}

.lqd-page-content-container .chats-sidebar-wrap #chats-list-container,
.lqd-page-content-container #load_chat_area_container{
    border: 2px solid #c698fb;
}

.lqd-page-content-container{
    margin-bottom: 0px;
}

/*custom chat landing page*/
.chat-hero-section {
    position: relative;
    left: 50%;
    width: 100vw;
    margin-left: -50vw; /* Offset half the viewport width */
}

.chat-hero-section .banner-section .slide-item .content-box{
    padding: 0px;
    height: 600px;
}
.chat-hero-section .auto-container{
    padding:0px;
}
.chat-hero-section .banner-section .slide-item .banner-image{
    top:0px;
}

.chat-hero-section .banner-section .slide-item .links-box{
    padding:0px;
}
.chat-hero-section .banner-section .slide-item .links-box .link{
    margin-right: 1em;
}

@media all and (max-width: 1200px) {

    .chat-hero-section{
        width: 100%;
        margin: 0 auto;
        left: auto;
    }
}

@media all and (max-width: 991px) {
    .chat-hero-section .banner-section .slide-item h2 {
        font-size: 2.2rem;
    }

    .chat-hero-section .banner-section .slide-item .content-box{
        height: auto;
        padding: 60px 10px;
    }

    .chat-hero-section .banner-section .slide-item .links-box .link{
        margin-right: 0;
        width: 100%;
        margin-bottom: .5em;
    }
    .chat-hero-section .banner-section .slide-item .links-box .link .theme-btn {
        width:100%;
    }

    .lqd-table .lqd-badge{background: none!important;}

}


/*NEW*/
.site-main {
    position: relative;
    width: 100vw;               /* full viewport width */
    left: 50%;
    right: 50%;
    margin-left: -50vw;         /* shift left by half viewport */
    margin-right: -50vw;        /* shift right by half viewport */
    box-sizing: border-box;     /* ensure padding doesn’t add extra width */
}

/* Remove any side‐padding added by parent containers */
.hero-fullwidth .prt-row-wrapper-bg-layer,
.hero-fullwidth .container-fluid {
    padding-left: 0;
    padding-right: 0;
    max-width: 100%;
}

/* Optional: adjust text color/spacing if needed */
.hero-fullwidth .section-title .title-header h3,
.hero-fullwidth .section-title .title-header h2,
.hero-fullwidth .section-title .title-desc p {
    color: #ffffff; /* ensure it stands out over bg-base-dark */
}

/* Override default container max-width on large screens */
@media (min-width: 1200px) {
    .hero-fullwidth .container-fluid {
        max-width: 100%;
    }
}

#quick-templates {margin-top: 4em;}

.lqd-chat-form .lqd-chat-form-inputs-container {
    border-radius: 8px;
}

.lqd-chat-form .lqd-chat-form-inputs-container textarea{
    border-radius: 8px;
    padding-top: 1.2em !important;
    padding-bottom: 1.2em !important;
}

.chats-sidebar-wrap .lqd-btn{
    border-radius: 8px !important;
}

#custom-chat-dashboard{
    position: relative;
    width: 100vw;               /* full viewport width */
    left: 50%;
    right: 50%;
    margin-left: -50vw;         /* shift left by half viewport */
    margin-right: -50vw;        /* shift right by half viewport */
    box-sizing: border-box;     /* ensure padding doesn’t add extra width */
    background-image: url(/public/homepage/images/single-img-10-1299x450.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#custom-chat-dashboard h2, #custom-chat-dashboard h3, #custom-chat-dashboard h5, #custom-chat-dashboard p,
#custom-chat-dashboard .apexcharts-legend-text{
    color:#fff !important;
    text-align: center;
}

#lqd-titlebar{
    background: #06080f;
    margin-bottom: 3em;
}

#lqd-titlebar p a, #lqd-titlebar h1 {color:#fff !important;}

.small-custom-btn{
    padding: 0.8em 1em !important;
    font-size: 12px !important;
    border-radius: 4px !important;
}

.small-custom-btn svg{
    display:inline-block; !important;
}

.site-branding-clean {
    display: flex;
    align-items: center;
    gap: 1rem;                /* space between logo and link */
}

.back-home-link {
    color: #ffffff;
    font-family: "Poppins", sans-serif;
    font-size: 0.9rem;
    text-decoration: none;
    white-space: nowrap;
}

.back-home-link:hover {
    text-decoration: underline;
}