.driver-popover.common-tour-popover {
    background: linear-gradient(145deg, #ffffff 0%, #f8faff 100%) !important;
    border-radius: 18px !important;
    box-shadow: 0 25px 60px rgba(59, 93, 201, 0.15), 0 8px 20px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(59, 93, 201, 0.08) !important;
    padding: 28px !important;
    max-width: 480px;
    width: 380px;
    min-width: 280px;
    height: auto !important;
    max-height: none !important;
    border: 1.5px solid rgba(59, 93, 201, 0.1) !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    font-family: 'Open Sans', system-ui, -apple-system, sans-serif !important;
    transition: box-shadow 280ms ease !important;
    animation: tourFadeIn 350ms cubic-bezier(0.4, 0, 0.2, 1) !important;
}

@media (max-width: 767px) {
    .driver-popover.common-tour-popover {
        width: 310px !important;
        min-width: unset !important;
        max-width: 92vw !important;
        padding: 16px 20px !important;
        margin: 0 !important;
    }

    .driver-popover.common-tour-popover .driver-popover-title {
        font-size: 17px !important;
        padding: 0 24px 0 0 !important;
        margin-bottom: 10px !important;
    }

    .driver-popover.common-tour-popover .driver-popover-description {
        font-size: 13.5px !important;
        margin-bottom: 14px !important;
        line-height: 20px !important;
    }
}

.driver-popover.common-tour-popover .driver-popover-title {
    background: transparent !important;
    color: #1a1a2e !important;
    margin: 0 0 14px 0 !important;
    padding: 0 32px 0 0 !important;
    border-radius: 0 !important;
    /* font-size: 21px !important;
    font-weight: 800 !important; */
    line-height: 1.3 !important;
    letter-spacing: -0.3px !important;

    font-size: 20px !important;
    font-weight: 700 !important;
}

.driver-popover.common-tour-popover .driver-popover-description {
    padding: 0 !important;
    font-size: 14.5px !important;
    line-height: 25px !important;
    color: #4b5563 !important;
    margin-bottom: 22px !important;
    font-weight: 400 !important;
}

.driver-popover.common-tour-popover .driver-popover-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 !important;
    background-color: transparent !important;
    border-top: none !important;
    min-height: 40px !important;
}

.driver-popover.common-tour-popover .driver-popover-navigation-btns {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
}

.driver-popover.common-tour-popover .driver-popover-footer button {
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    padding: 9px 22px !important;
    cursor: pointer !important;
    transition: all 200ms ease !important;
}

.driver-popover.common-tour-popover .driver-popover-prev-btn {
    background-color: #f1f5f9 !important;
    color: #475569 !important;
    border: 1.5px solid #e2e8f0 !important;
}

.driver-popover.common-tour-popover .driver-popover-prev-btn:hover {
    background-color: #e2e8f0 !important;
    border-color: #cbd5e1 !important;
}

.driver-popover.common-tour-popover .driver-popover-next-btn {
    background: linear-gradient(135deg, #3B5DC9 0%, #4f6fdb 100%) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(59, 93, 201, 0.35) !important;

    text-shadow: none !important;
}

.driver-popover.common-tour-popover .driver-popover-next-btn:hover {
    background: linear-gradient(135deg, #2d4eb8 0%, #3b5dc9 100%) !important;
    box-shadow: 0 6px 16px rgba(59, 93, 201, 0.45) !important;
    transform: translateY(-1px) !important;
}

.driver-popover.common-tour-popover .driver-popover-close-btn {
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
    width: 30px !important;
    height: 30px !important;
    border: none !important;
    border-radius: 8px !important;
    /* background: #f1f5f9 !important;
    color: #64748b !important; */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 15px !important;
    cursor: pointer !important;
    transition: all 150ms ease !important;


    background: #e3eef9 !important;
    color: #1e293b  !important;
}

.driver-popover.common-tour-popover .driver-popover-close-btn:hover {
    background: #e2e8f0 !important;
    color: #1e293b !important;
}

.driver-popover.common-tour-popover .driver-popover-progress-text {
    position: static !important;
    transform: none !important;
    font-size: 13px !important;
    /* font-weight: 600 !important;
    color: #94a3b8 !important; */
    pointer-events: none !important;
    letter-spacing: 0.3px !important;

    font-weight: 500;
}

.driver-popover.common-tour-popover-center,
.driver-popover.driver-popover-center,
.driver-popover-center {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
}

.driver-popover.common-tour-popover-center .driver-popover-arrow,
.driver-popover.driver-popover-center .driver-popover-arrow,
.driver-popover-center .driver-popover-arrow {
    display: none !important;
}

.driver-popover.common-tour-popover .driver-popover-arrow-none {
    display: block !important;
}



body.driver-active .driver-active-element,
body.driver-active .driver-highlighted-element {
    transition: box-shadow 400ms cubic-bezier(0.4, 0, 0.2, 1) !important;
}

@keyframes tourFadeIn {
    from {
        opacity: 0;
        transform: scale(0.96) translateY(6px);
    }

    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

.driver-overlay {
    transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.driver-stage {
    transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1) !important;
}

body.driver-active #chat-box,
body.driver-active #chat-header,
body.driver-active .chat-header-menu {
    overflow: visible !important;
}

#chat-header-menu-dropdown.driver-active-element,
#chat-header-menu-dropdown.driver-highlighted-element,
.chat-header-menu-dropdown.driver-active-element,
.chat-header-menu-dropdown.driver-highlighted-element {
    position: absolute !important;
    top: 34px !important;
    right: 0 !important;
    width: 190px !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25) !important;
    padding: 8px !important;
    z-index: 1000000005 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

#chat-header-menu-dropdown button,
#chat-header-menu-dropdown.driver-active-element button,
#chat-header-menu-dropdown.driver-highlighted-element button,
.chat-header-menu-dropdown.driver-active-element button,
.chat-header-menu-dropdown.driver-highlighted-element button,
#menu-new-conversation,
#menu-all-conversations,
#menu-new-conversation.driver-active-element,
#menu-all-conversations.driver-active-element,
#menu-new-conversation.driver-highlighted-element,
#menu-all-conversations.driver-highlighted-element {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    border: 0 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    text-align: left !important;
    padding: 10px 12px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #222222 !important;
    cursor: pointer !important;
}

#chat-header-menu-dropdown button:hover,
#chat-header-menu-dropdown.driver-active-element button:hover,
#chat-header-menu-dropdown.driver-highlighted-element button:hover,
.chat-header-menu-dropdown.driver-active-element button:hover,
.chat-header-menu-dropdown.driver-highlighted-element button:hover,
#menu-new-conversation:hover,
#menu-all-conversations:hover,
#menu-new-conversation.driver-active-element,
#menu-all-conversations.driver-active-element {
    background: #f3f3f3 !important;
    background-color: #f3f3f3 !important;
    color: #222222 !important;
}

.tg-dialog .tg-dialog-footer .tg-dialog-footer-sup {
    margin: 0;
    padding: 0;
}

.tg-dialog .tg-dialog-footer .tg-dialog-footer-sup .tg-dialog-dots+.tg-step-progress {
    margin-top: 0;
    font-size: 18px;
    font-weight: 400;
    opacity: 1;
}





.driver-popover .driver-popover-arrow {
    border-width: 8px;
}

.driver-popover.common-tour-popover .driver-popover-description p {
    line-height: 1.5 !important;
}

.driver-popover .driver-popover-footer .driver-popover-btn-disabled {
    opacity: .7;   
}