.elementor-4513 .elementor-element.elementor-element-13a1f60{--display:flex;}.elementor-4513 .elementor-element.elementor-element-949adfd{--display:flex;}.elementor-4513 .elementor-element.elementor-element-4612acd{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--padding-top:40px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-4513 .elementor-element.elementor-element-4612acd.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-4513 .elementor-element.elementor-element-c6208b2 .elementor-heading-title{font-size:46px;}.elementor-4513 .elementor-element.elementor-element-13e3707{text-align:justify;}.elementor-4513 .elementor-element.elementor-element-af5c972{text-align:start;}.elementor-4513 .elementor-element.elementor-element-af5c972 .elementor-heading-title{font-size:30px;font-weight:700;}.elementor-4513 .elementor-element.elementor-element-e1343b6{text-align:justify;font-size:18px;}.elementor-4513 .elementor-element.elementor-element-d5e3ec5 .elementor-heading-title{font-size:30px;font-weight:700;}.elementor-4513 .elementor-element.elementor-element-c2cb5fd{text-align:justify;font-size:18px;}.elementor-4513 .elementor-element.elementor-element-37e36ca .elementor-heading-title{font-size:30px;}.elementor-4513 .elementor-element.elementor-element-996f81a{text-align:justify;}.elementor-4513 .elementor-element.elementor-element-1382858 .elementor-heading-title{font-size:29px;}.elementor-4513 .elementor-element.elementor-element-c952826{text-align:justify;}.elementor-4513 .elementor-element.elementor-element-b5542c8 .elementor-heading-title{font-size:30px;}.elementor-4513 .elementor-element.elementor-element-028bba6{text-align:justify;}.elementor-4513 .elementor-element.elementor-element-b3a0ac8 .elementor-heading-title{font-size:33px;}.elementor-4513 .elementor-element.elementor-element-6cab0aa{text-align:justify;}.elementor-4513 .elementor-element.elementor-element-4ab9591 .elementor-heading-title{font-size:27px;}.elementor-4513 .elementor-element.elementor-element-83e44b3{text-align:justify;}.elementor-4513 .elementor-element.elementor-element-22fc977 .elementor-heading-title{font-size:29px;}.elementor-4513 .elementor-element.elementor-element-7be9067 .elementor-heading-title{font-size:30px;}.elementor-4513 .elementor-element.elementor-element-9887f3f .elementor-heading-title{font-size:26px;}.elementor-4513 .elementor-element.elementor-element-866a8cf{margin:-53px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4513 .elementor-element.elementor-element-e52cfb1{margin:-13px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4513 .elementor-element.elementor-element-19e6ac5{text-align:start;}.elementor-4513 .elementor-element.elementor-element-19e6ac5 .elementor-heading-title{line-height:24px;}.elementor-4513 .elementor-element.elementor-element-a7ea6d6 .elementor-heading-title{font-size:33px;}.elementor-4513 .elementor-element.elementor-element-fcb3d88 .elementor-heading-title{font-size:30px;}.elementor-4513 .elementor-element.elementor-element-685b843{margin:-25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:justify;}.elementor-4513 .elementor-element.elementor-element-b72eaf6{margin:-51px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-4513 .elementor-element.elementor-element-4612acd{--width:65%;}}/* Start custom CSS for container, class: .elementor-element-4612acd *//* =========================================================
   AI BUBBLE 2026 — PROFESSIONAL ELEMENTOR ARTICLE
   ========================================================= */


/* =========================================================
   1. MAIN OUTER CONTAINER
   Single professional border ONLY
   ========================================================= */

.ai-bubble-main {
    width: 100%;
    max-width: 1100px !important;
    margin: 0 auto !important;

    padding: 50px 60px !important;

    background: #050505 !important;

    border: 1px solid #2a2a2a !important;
    border-radius: 14px !important;

    box-sizing: border-box !important;
}


/* =========================================================
   2. REMOVE UNWANTED INNER BORDERS
   ========================================================= */

.ai-bubble-main *,
.ai-bubble-main *::before,
.ai-bubble-main *::after {
    border-left: none;
    border-right: none;
}


/* =========================================================
   3. H1 — MAIN ARTICLE TITLE
   ========================================================= */

.ai-bubble-main h1 {
    margin: 0 0 25px !important;

    font-size: 48px !important;
    line-height: 1.15 !important;

    font-weight: 800 !important;
    letter-spacing: -1px !important;

    color: #ffffff !important;
}


/* =========================================================
   4. H2 — MAIN SECTIONS
   ========================================================= */

.ai-bubble-main h2 {
    margin: 60px 0 20px !important;

    font-size: 32px !important;
    line-height: 1.25 !important;

    font-weight: 700 !important;
    letter-spacing: -0.5px !important;

    color: #ffffff !important;
}


/* =========================================================
   5. H3 — SUB SECTIONS
   ========================================================= */

.ai-bubble-main h3 {
    margin: 42px 0 16px !important;

    font-size: 24px !important;
    line-height: 1.3 !important;

    font-weight: 700 !important;
    letter-spacing: -0.2px !important;

    color: #f5f5f5 !important;
}


/* =========================================================
   6. PARAGRAPHS
   ========================================================= */

.ai-bubble-main p {
    margin: 0 0 22px !important;

    font-size: 17px !important;
    line-height: 1.8 !important;

    font-weight: 400 !important;

    color: #c5c5c5 !important;
}


/* First paragraph after H1 */

.ai-bubble-main h1 + p {
    font-size: 18px !important;
    line-height: 1.75 !important;

    color: #bdbdbd !important;

    margin-bottom: 30px !important;
}


/* =========================================================
   7. LISTS
   ========================================================= */

.ai-bubble-main ul,
.ai-bubble-main ol {
    margin: 20px 0 28px !important;
    padding-left: 28px !important;
}

.ai-bubble-main li {
    margin-bottom: 10px !important;

    font-size: 17px !important;
    line-height: 1.7 !important;

    color: #c5c5c5 !important;
}


/* =========================================================
   8. LINKS
   ========================================================= */

.ai-bubble-main a {
    color: #b400ff !important;

    text-decoration: underline !important;
    text-underline-offset: 3px !important;

    transition: all 0.2s ease !important;
}

.ai-bubble-main a:hover {
    color: #ffffff !important;
}


/* =========================================================
   9. BOLD TEXT
   ========================================================= */

.ai-bubble-main strong,
.ai-bubble-main b {
    color: #ffffff !important;
    font-weight: 700 !important;
}


/* =========================================================
   10. BLOCKQUOTES
   No border — clean professional look
   ========================================================= */

.ai-bubble-main blockquote {
    margin: 30px 0 !important;
    padding: 20px 25px !important;

    background: #0d0d0d !important;

    color: #eeeeee !important;

    font-size: 18px !important;
    line-height: 1.7 !important;
}


/* =========================================================
   11. IMAGES
   ========================================================= */

.ai-bubble-main img {
    display: block !important;

    max-width: 100% !important;
    height: auto !important;

    margin: 30px auto !important;

    border-radius: 8px !important;
}


/* =========================================================
   12. IMAGE CAPTIONS
   ========================================================= */

.ai-bubble-main figcaption {
    margin: -15px 0 30px !important;

    text-align: center !important;

    font-size: 13px !important;
    line-height: 1.5 !important;

    color: #888888 !important;
}


/* =========================================================
   13. HORIZONTAL LINES
   ========================================================= */

.ai-bubble-main hr {
    border: 0 !important;
    border-top: 1px solid #252525 !important;

    margin: 50px 0 !important;
}


/* =========================================================
   14. FAQ / ACCORDION
   Clean — no big box around each text section
   ========================================================= */

.ai-bubble-main .elementor-widget-accordion {
    border: none !important;
    background: transparent !important;
}


/* Accordion items */

.ai-bubble-main .elementor-accordion-item {
    border: none !important;
    border-bottom: 1px solid #292929 !important;

    background: transparent !important;
}


/* Last item */

.ai-bubble-main .elementor-accordion-item:last-child {
    border-bottom: none !important;
}


/* FAQ question */

.ai-bubble-main .elementor-tab-title {
    padding: 20px 5px !important;

    border: none !important;

    background: transparent !important;

    font-size: 17px !important;
    line-height: 1.5 !important;

    font-weight: 600 !important;

    color: #ffffff !important;

    transition: background 0.2s ease !important;
}


/* FAQ hover */

.ai-bubble-main .elementor-tab-title:hover {
    background: #0c0c0c !important;
}


/* FAQ active */

.ai-bubble-main .elementor-tab-title.elementor-active {
    background: #0c0c0c !important;
}


/* FAQ answer */

.ai-bubble-main .elementor-tab-content {
    padding: 15px 5px 22px !important;

    border: none !important;

    background: transparent !important;

    color: #bdbdbd !important;

    font-size: 16px !important;
    line-height: 1.75 !important;
}


/* FAQ icon */

.ai-bubble-main .elementor-accordion-icon {
    color: #b400ff !important;
}


/* =========================================================
   15. TABLES
   ========================================================= */

.ai-bubble-main table {
    width: 100% !important;

    border-collapse: collapse !important;

    margin: 35px 0 !important;

    font-size: 16px !important;
}

.ai-bubble-main th,
.ai-bubble-main td {
    padding: 14px 16px !important;

    border: 1px solid #292929 !important;

    text-align: left !important;
}

.ai-bubble-main th {
    background: #101010 !important;
    color: #ffffff !important;
}

.ai-bubble-main td {
    color: #c5c5c5 !important;
}


/* =========================================================
   16. TEXT EDITOR WIDGET
   Don't add another border
   ========================================================= */

.ai-bubble-main .elementor-widget-text-editor {
    border: none !important;

    padding: 0 !important;

    background: transparent !important;

    max-width: 100% !important;
}


/* =========================================================
   17. HEADING WIDGETS
   ========================================================= */

.ai-bubble-main .elementor-widget-heading {
    border: none !important;

    background: transparent !important;
}


/* Elementor heading widget H1 */

.ai-bubble-main .elementor-heading-title {
    color: #ffffff !important;
}


/* =========================================================
   18. DESKTOP SPACING
   ========================================================= */

@media (min-width: 1025px) {

    .ai-bubble-main {
        padding: 55px 65px !important;
    }

}


/* =========================================================
   19. TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .ai-bubble-main {
        max-width: 95% !important;

        padding: 40px 40px !important;
    }

    .ai-bubble-main h1 {
        font-size: 42px !important;
    }

    .ai-bubble-main h2 {
        font-size: 30px !important;
    }

    .ai-bubble-main h3 {
        font-size: 23px !important;
    }

}


/* =========================================================
   20. MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .ai-bubble-main {
        width: calc(100% - 24px) !important;

        max-width: none !important;

        margin: 12px auto !important;

        padding: 30px 20px !important;

        border-radius: 10px !important;
    }


    /* H1 */

    .ai-bubble-main h1 {
        font-size: 32px !important;

        line-height: 1.15 !important;

        letter-spacing: -0.5px !important;

        margin-bottom: 20px !important;
    }


    /* H2 */

    .ai-bubble-main h2 {
        font-size: 27px !important;

        line-height: 1.25 !important;

        margin-top: 48px !important;

        margin-bottom: 17px !important;
    }


    /* H3 */

    .ai-bubble-main h3 {
        font-size: 22px !important;

        line-height: 1.3 !important;

        margin-top: 35px !important;
    }


    /* Paragraph */

    .ai-bubble-main p {
        font-size: 16px !important;

        line-height: 1.75 !important;

        margin-bottom: 19px !important;
    }


    /* First paragraph */

    .ai-bubble-main h1 + p {
        font-size: 16px !important;
    }


    /* Lists */

    .ai-bubble-main li {
        font-size: 16px !important;

        line-height: 1.7 !important;
    }


    /* FAQ */

    .ai-bubble-main .elementor-tab-title {
        font-size: 16px !important;

        padding: 18px 3px !important;
    }


    .ai-bubble-main .elementor-tab-content {
        font-size: 15px !important;

        line-height: 1.7 !important;
    }

}


/* =========================================================
   21. SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .ai-bubble-main {
        width: calc(100% - 16px) !important;

        padding: 25px 16px !important;
    }


    .ai-bubble-main h1 {
        font-size: 29px !important;
    }


    .ai-bubble-main h2 {
        font-size: 25px !important;
    }


    .ai-bubble-main h3 {
        font-size: 20px !important;
    }

}/* End custom CSS */