.chat-popup { position: fixed; bottom: 100px; right: 70px; max-width: 290px; background-color: #fffff5; border: 1px solid #ccc; padding: 15px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 5px; display: none; z-index: 998; font-size: 16px; cursor: pointer; transition: opacity 0.3s ease; opacity: 0; color: #333333; line-height: 160%; } .chat-popup.show { display: block; opacity: 1; } @media (max-width: 480px) { .chat-popup.show { display: none; } } .close-popup { position: absolute; top: 0px; right: 10px; font-size: 20px; cursor: pointer; color: #888; z-index: 1010; pointer-events: auto; } .chat-header { display: flex; align-items: flex-start; margin-bottom: 7px; } .chat-header img { width: 25px; height: 25px; margin-right: 10px; } .chat-header .chat-title { font-size: 18px; font-weight: bold; color: #515151; line-height: 1; display: flex; align-items: center; margin-top: 3.5px; } .chat-fc-form-outer div.fc-form p { font-size: 14px; line-height: 1.6 !important; font-weight: 400; margin-bottom: 30px; margin-top: revert-layer; } .chat-fc-form-outer div.fc-form a.fc-button { text-decoration: none; background-color: rgb(70, 140, 240); color: rgb(255, 255, 255); } .chat-fc-form-outer div.fc-form { margin-left: 0px !important; } .chat-fc-form-outer div.fc-form ul li input { padding: 10px !important; box-sizing: border-box; } .chat-fc-form-outer p.fc-header { background-color: rgb(70, 140, 240); color: rgb(255, 255, 255); } .chat-fc-form-outer p.fc-header .fc-minimize { margin-left: 10px !important; } .unread-badge { position: absolute; top: 0px; right: 0px; width: 20px; height: 20px; border-radius: 50%; background-color: rgb(187, 29, 29); color: white; font-size: 14px; display: flex; justify-content: center; align-items: center; } #fc_widget { position: relative; } #fc_widget .fc-mobile-close.minimize { opacity: 1 !important; } #fc_frame.fc-mobile-view.h-open-container { max-height: calc(100svh - 70px) !important; }