/* Styles of live-chat-ai-chatbot.php, linked at the end of its <head>. They were a <style> at the end of the page,
   applied after the first paint, so the content moved when they arrived (22/10/2026) */
#ai-chat-bot .ai-side-card {
    justify-content: center;
    align-items: flex-start;
    text-align: left;
}

#ai-chat-bot .ai-side-card-inner {
    align-items: flex-start;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.owc-boost-cards--2col {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 58px;
    column-gap: 28px;
}

.owc-boost-card-icon img {
    max-width: 28px;
    max-height: 28px;
    object-fit: contain;
    display: block;
}

.owc-boost-card-icon--img {
    background: transparent !important;
    box-shadow: none !important;
    width: 88px;
    height: 88px;
}

.owc-boost-card-icon--img img {
    max-width: 100%;
    max-height: 100%;
    width: 88px;
    height: 88px;
    object-fit: contain;
}

.ai-chatbot-heading-wrap {
    margin-bottom: 64px !important;
}


@media (max-width: 991px) {
    #ai-chat-bot .ai-chatbot-grid {
        grid-template-columns: 1fr !important;
    }

    #ai-chat-bot .ai-side-cards {
        grid-template-columns: 1fr !important;
    }


}




@media (max-width: 767px) {

    .ai-main-visual{
        zoom: 0.9;
    }

    .ai-chat-button-visual {
        top: 93px;
        left: 72px;
        width: 171px;
    }

    .owc-boost-cards--2col {
        grid-template-columns: 1fr;
    }

    .ai-main-visual {
        margin-bottom: 24px !important;
    }
}