html, body { overflow-x: hidden; /* Prevent scroll on narrow devices */ }  @media (max-width: 991.98px) { .offcanvas-collapse { position: fixed; bottom: 0; left: 100%; width: 100%; padding-right: 1rem; padding-left: 1rem; overflow-y: auto; visibility: hidden; background-color: #343a40; transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out; } .offcanvas-collapse.open { visibility: visible; transform: translateX(-100%); } }  .nav-scroller .nav { color: rgba(255, 255, 255, 0.75); }  .nav-scroller .nav-link { padding-top: 0.75rem; padding-bottom: 0.75rem; font-size: 0.875rem; color: #6c757d; }  .nav-scroller .nav-link:hover { color: #007bff; }  .nav-scroller .active { font-weight: 500; color: #343a40; } .form-floating > label { left: 0.75rem; } .carousel-item img { height: 100%; width: 100%; background-size: cover; background-position: center; } .blog-post { margin-bottom: 4rem; } .blog-post-meta { margin-bottom: 1.25rem; color: #727272; }  main { margin-top: 50px; }  .live-chat { position: fixed; bottom: 20px; right: 20px; z-index: 9999; font-family: inherit; display: flex; flex-direction: column-reverse; align-items: flex-end; gap: 12px; pointer-events: none; }  .live-chat-trigger { pointer-events: auto; } .live-chat-trigger { display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border-radius: 999rem; border: none; font-weight: 600; background: var(--bs-primary); color: #fff; cursor: pointer; box-shadow: 0 12px 25px rgba(47, 128, 237, 0.35); transition: transform 0.2s ease, box-shadow 0.2s ease; }  .live-chat-trigger:hover { transform: translateY(-2px); box-shadow: 0 16px 30px rgba(47, 128, 237, 0.4); }  .live-chat-trigger i { font-size: 1.1rem; }  .live-chat-window { width: 320px; height: 75vh; max-height: 75vh; background: #ffffff; border-radius: 20px; box-shadow: 0 16px 40px rgba(15, 23, 42, 0.2); overflow: hidden; display: flex; flex-direction: column; opacity: 0; visibility: hidden; transform: translateY(100%); transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease; pointer-events: none; }  .live-chat-window.visible { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; }  .live-chat-header { padding: 16px; background: var(--bs-primary); color: #fff; display: flex; align-items: center; justify-content: space-between; gap: 12px; }  .live-chat-header strong { display: block; font-size: 1rem; }  .live-chat-header small { font-size: 0.75rem; opacity: 0.85; }  .live-chat-header-actions { display: inline-flex; gap: 8px; align-items: center; }  .live-chat-end { border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.4); background: transparent; color: #fff; padding: 6px 14px; font-size: 0.78rem; font-weight: 600; cursor: pointer; transition: background 0.2s ease, transform 0.2s ease; white-space: nowrap; pointer-events: auto; }  .live-chat-end:hover, .live-chat-end:focus-visible { background: rgba(255, 255, 255, 0.25); transform: translateY(-1px); }  .live-chat-close { background: transparent; border: none; color: #fff; font-size: 1.25rem; cursor: pointer; line-height: 1; }  .live-chat-details { display: none; flex-direction: column; gap: 10px; padding: 16px; border-top: 1px solid rgba(15, 23, 42, 0.08); border-bottom: 1px solid rgba(15, 23, 42, 0.08); background: #fff; flex: 1; overflow-y: auto; scrollbar-width: thin; }  .live-chat-details::-webkit-scrollbar { width: 6px; }  .live-chat-details::-webkit-scrollbar-thumb { background-color: rgba(47, 128, 237, 0.4); border-radius: 999px; }  .live-chat-details.visible { display: flex; }  .live-chat-details-description { font-size: 0.85rem; margin: 0; color: #334155; }  .live-chat-details-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 12px; }  .live-chat-details-field { display: flex; flex-direction: column; gap: 4px; font-size: 0.75rem; color: #475569; }  .live-chat-details-field input, .live-chat-details-field select { border-radius: 8px; border: 1px solid #cbd5f5; padding: 8px 10px; font-size: 0.9rem; font-family: inherit; background: #f8fafc; }  .live-chat-details-field input:focus, .live-chat-details-field select:focus { outline: 2px solid rgba(47, 128, 237, 0.5); }  .live-chat-details-submit { margin-top: 6px; border: none; border-radius: 10px; padding: 10px 16px; font-weight: 600; background: #2f80ed; color: #fff; cursor: pointer; }  .live-chat-details-submit:disabled { opacity: 0.6; cursor: not-allowed; }  .live-chat-body { padding: 16px; flex: 1; overflow-y: auto; display: flex; flex-direction: column; gap: 10px; background: #f6f8fa; min-height: 220px; } .live-chat-body.hidden { display: none; }  .live-chat-message { padding: 10px 14px; border-radius: 12px; font-size: 0.9rem; line-height: 1.4; max-width: 90%; }  .live-chat-message-support { background: #fff; align-self: flex-start; border: 1px solid rgba(15, 23, 42, 0.08); }  .live-chat-message-user { background: #0d6efd; color: #fff; align-self: flex-end; }  .live-chat-form { border-top: 1px solid rgba(15, 23, 42, 0.08); padding: 12px 16px 16px; background: #fff; display: flex; gap: 8px; }  .live-chat-form input { flex: 1; padding: 10px 12px; border-radius: 10px; border: 1px solid #ced4da; font-size: 0.95rem; }  .live-chat-form button { border-radius: 10px; border: none; padding: 10px 16px; font-size: 0.9rem; font-weight: 600; background: #2f80ed; color: #fff; cursor: pointer; }  .live-chat-form button:disabled { opacity: 0.6; cursor: not-allowed; }  @media (max-width: 640px) { .live-chat { right: 12px; bottom: 12px; }  .live-chat-window { width: 270px; } }  @media (min-width: 1200px) { .live-chat-window { width: 420px; } }