.elementor-2492 .elementor-element.elementor-element-598400a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2492 .elementor-element.elementor-element-97c3c67{--spacer-size:150px;}.elementor-2492 .elementor-element.elementor-element-dafc3f2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2492 .elementor-element.elementor-element-6499781{text-align:center;}.elementor-2492 .elementor-element.elementor-element-6499781 .elementor-heading-title{font-family:"Basic", Sans-serif;font-size:50px;font-weight:500;color:#FFF300;}.elementor-2492 .elementor-element.elementor-element-2d0b3e4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2492 .elementor-element.elementor-element-65727e1{--spacer-size:150px;}.elementor-2492 .elementor-element.elementor-element-59d55b8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for shortcode, class: .elementor-element-9d66662 *//*
=================================================================
== Custom Styles for Panchu AI Company Subscription Plans v2
== (Based on user-provided color identity example)
=================================================================
*/

/* --- Main Container --- */
.company-subscription-container-grid {
    background-color: #1a1a1a;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    padding: 40px;
    border-radius: 12px;
    max-width: 1200px;
    margin: 40px auto;
}

.company-subscription-container-grid .glow-title {
    color: #FFF300;
    text-align: center;
    font-size: 2.5em;
    margin-bottom: 3rem;
}

/* --- Billing Cycle Toggle Switch --- */
.billing-cycle-switch {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 3rem;
    gap: 15px;
    color: #ffffff;
}

.billing-cycle-switch input:checked + .slider {
    background-color: #FFF300;
}

/* --- Main Grid for Plans --- */
.plan-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px; /* Increased gap to accommodate glows */
}

/* --- Base Plan Card Style --- */
.plan-card {
    background: #111; /* User-specified dark background */
    color: #FFF300; /* User-specified text color */
    padding: 30px 25px;
    border-radius: 10px;
    border: 1px solid #333; /* Default subtle border */
    box-shadow: 0 0 10px rgba(255, 243, 0, 0.1); /* Default subtle glow */
    transition: all 0.3s ease-in-out;
    text-align: center;
    display: flex;
    flex-direction: column;
}

/* --- Plan Card Content --- */
.plan-card h3 {
    font-size: 1.8em;
    margin-top: 0;
    margin-bottom: 20px;
    transition: color 0.3s ease;
}

.plan-card .price {
    font-size: 3em;
    font-weight: 700;
    margin: 10px 0;
}

.plan-card .price span {
    font-size: 0.4em;
    color: #aaa;
    display: block;
    margin-top: -10px;
}

.plan-card .fleet {
    color: #c0c0c0;
    margin-top: 20px;
    flex-grow: 1;
}

.plan-card .btn-subscribe {
    background-color: #FFF300;
    color: #111;
    font-weight: bold;
    padding: 15px;
    border: none;
    border-radius: 5px;
    width: 100%;
    cursor: pointer;
    margin-top: 30px;
    transition: background-color 0.3s ease;
}

.plan-card .btn-subscribe:hover {
    background-color: #ffffff;
}

/* 
=================================================================
== Plan-Specific Color Identities
== This section maps your .glow-* classes to the desired styles.
== You can change the colors here.
=================================================================
*/

/* --- Plan 1 (Free Plan Style) --- */
/* Assumes first plan is .glow-yellow */
.plan-card.glow-yellow h3 { color: #00ffaa; }
.plan-card.glow-yellow:hover {
    border-color: #00ffaa;
    box-shadow: 0 0 25px rgba(0, 255, 170, 0.6);
}

/* --- Plan 2 (Lite Plan Style) --- */
/* Assumes second plan is .glow-cyan */
.plan-card.glow-cyan h3 { color: #00aaff; }
.plan-card.glow-cyan:hover {
    border-color: #00aaff;
    box-shadow: 0 0 25px rgba(0, 170, 255, 0.6);
}

/* --- Plan 3 (Basic Plan Style) --- */
/* Assumes third plan is .glow-magenta */
.plan-card.glow-magenta h3 { color: #ffa500; }
.plan-card.glow-magenta:hover {
    border-color: #ffa500;
    box-shadow: 0 0 25px rgba(255, 165, 0, 0.6);
}

/* --- Plan 4 (Pro Plan Style) --- */
/* Assumes fourth plan is .glow-orange */
.plan-card.glow-orange h3 { color: #ff5050; }
.plan-card.glow-orange:hover {
    border-color: #ff5050;
    box-shadow: 0 0 25px rgba(255, 80, 80, 0.7);
}

/* --- Plan 5 (Add more if needed) --- */
/* Assumes fifth plan is .glow-lime */
.plan-card.glow-lime h3 { color: #cc00ff; } /* Example: Purple */
.plan-card.glow-lime:hover {
    border-color: #cc00ff;
    box-shadow: 0 0 25px rgba(204, 0, 255, 0.6);
}/* End custom CSS */