.floating-whatsapp-button { position: fixed; right: 15px; bottom: 15px; z-index: 999; pointer-events: none; transition: all 0.35s ease; }

.floating-whatsapp-button .vita-video { width: 200px; border-radius: 50%; width: 100px; }

.floating-whatsapp-button > .wa-button { padding: 8px 25px; margin-top: 5px; color: white; background: #33a527; border-radius: 5px; font-size: 14px; user-select: none; pointer-events: auto; cursor: pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; display: flex; align-items: center; }

.floating-whatsapp-button > .wa-button i { margin-left: 10px; font-size: 16px; }

.floating-whatsapp-button > .wa-button:hover { color: #1e5231; background: #e58e1a; }

.floating-whatsapp-button.open .number-container { display: block; pointer-events: auto; opacity: 1; transform: scale(1); }

.floating-whatsapp-button .number-container { position: absolute; bottom: 60px; right: 0; box-shadow: 0 8px 25px -5px rgba(45, 62, 79, 0.15); pointer-events: none; background: #f5f9ff; color: #6c757d; width: 380px; opacity: 0; transform: scale(0.5); transform-origin: bottom right; border-radius: 5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.floating-whatsapp-button .number-container:before { content: ""; position: absolute; bottom: -6px; right: 24px; width: 13px; height: 13px; transform: rotate(45deg); background: white; }

.floating-whatsapp-button .number-container .end { text-align: left; padding: 15px 30px; background: white; color: #6a6a6a; font-size: 11px; }

.floating-whatsapp-button .number-container .end a { color: #6a6a6a; }

.floating-whatsapp-button .number-container .end a:hover { color: #1e5231; }

.floating-whatsapp-button .number-container .close-button { position: absolute; right: 0; top: 0; padding: 15px; color: white; cursor: pointer; font-size: 18px; line-height: 1; }

.floating-whatsapp-button .number-container .top-heading { padding: 15px 30px; background: #1e5231; color: white; font-size: 12px; border-radius: 5px 5px 0 0; line-height: 1.7; font-family: "Roboto"; }

.floating-whatsapp-button .number-container .top-heading .title { font-weight: bold; display: flex; align-items: center; font-size: 18px; }

.floating-whatsapp-button .number-container .top-heading .title i { margin-right: 12px; }

.floating-whatsapp-button .number-container .top-heading a { color: white; }

.floating-whatsapp-button .number-container .top-heading a:hover { color: #e58e1a; }

.floating-whatsapp-button .number-container .single-number { font-size: 13px; display: flex; padding: 15px 30px; align-items: center; border: 1px solid #eeeeee; }

.floating-whatsapp-button .number-container .single-number:hover { background: #fefefe; }

.floating-whatsapp-button .number-container .single-number .logo-container { flex: 0 0 150px; margin-right: 15px; position: relative; }

.floating-whatsapp-button .number-container .single-number .logo-container > img { max-height: 30px; object-fit: contain; }

.floating-whatsapp-button .number-container .single-number .whatsapp-icon { justify-content: center; align-items: center; margin-right: 5px; }

.floating-whatsapp-button .number-container .single-number .whatsapp-icon img { width: 16px; }

.floating-whatsapp-button .number-container .single-number .text { flex: 1 1 100%; }

.floating-whatsapp-button .number-container .single-number .text .name { font-size: 16px; color: #e58e1a; font-weight: bold; line-height: 1.5; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.floating-whatsapp-button .number-container .single-number .text .number { color: #6c757d; font-size: 12px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; white-space: nowrap; }

.floating-whatsapp-button .number-container .single-number .text:hover .number { color: #1e5231; }

.floating-whatsapp-button .number-container .single-number img { width: 100%; margin: 0 auto; }

.floating-whatsapp-button .number-container .single-number:last-child { margin-bottom: 0; border-bottom: 0; }

.floating-whatsapp-button .number-container .customer-service { display: flex; align-items: center; padding: 15px 30px; width: 100%; }

.floating-whatsapp-button .number-container .customer-service .image { flex: 0 0 70px; margin-right: 15px; }

.floating-whatsapp-button .number-container .customer-service .image img { height: 70px; width: 70px; border-radius: 50%; }

.floating-whatsapp-button .number-container .customer-service .text { color: #6c757d; line-height: 1; }

.floating-whatsapp-button .number-container .customer-service .text .location { font-size: 14px; margin-bottom: 10px; }

.floating-whatsapp-button .number-container .customer-service .text .name { font-size: 20px; font-weight: bold; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.floating-whatsapp-button .number-container .customer-service:hover .text .name { color: #1e5231; }