/* Custom Styling for the Guided Tour */
.driver-popover.driverjs-theme {
     background-color: #ffffff;
     color: #2d3436;
     border-radius: 16px;
     padding: 20px;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
     border: 1px solid rgba(0, 0, 0, 0.05);
     font-family: 'Poppins', sans-serif;
     max-width: 350px !important;
}

.driver-popover.driverjs-theme .driver-popover-title {
     font-weight: 700;
     font-size: 1.1rem;
     color: #1e3a8a;
     margin-bottom: 8px;
     display: flex;
     align-items: center;
}

.driver-popover.driverjs-theme .driver-popover-title:before {
     content: '💡';
     margin-right: 10px;
}

.driver-popover.driverjs-theme .driver-popover-description {
     font-size: 0.9rem;
     line-height: 1.6;
     color: #64748b;
}

.driver-popover.driverjs-theme .driver-popover-footer {
     border-top: 1px solid #f1f5f9;
     margin-top: 15px;
     padding-top: 12px;
}

.driver-popover.driverjs-theme button {
     border-radius: 20px !important;
     font-size: 0.8rem !important;
     font-weight: 600 !important;
     padding: 6px 15px !important;
     text-shadow: none !important;
     transition: all 0.2s ease !important;
}

.driver-popover.driverjs-theme .driver-popover-next-btn {
     background-color: #3b82f6 !important;
     color: #ffffff !important;
     border: none !important;
}

.driver-popover.driverjs-theme .driver-popover-next-btn:hover {
     background-color: #2563eb !important;
     transform: translateY(-1px);
}

.driver-popover.driverjs-theme .driver-popover-prev-btn {
     background-color: #f1f5f9 !important;
     color: #475569 !important;
     border: none !important;
}

.driver-popover.driverjs-theme .driver-popover-close-btn {
     color: #94a3b8 !important;
}

.driver-active-element {
     outline: 4px solid #3b82f6 !important;
     outline-offset: 4px !important;
     border-radius: 8px !important;
     transition: outline 0.3s ease !important;
}