/* Floating Contact Hub v3 Premium Glass UI NOTE: This starter stylesheet replaces previous .fc-* rules. Customize further as needed. */ .floating-contact {
  position:fixed;
  right:22px;
  bottom:22px;
z-index:99999}

/*.fc-overlay {
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.08);
  backdrop-filter:blur(2px);
  opacity:0;
  visibility:hidden;
transition:.3s}

*/ 
.fc-overlay {
  position:fixed;
  inset:0;
  background:transparent;
  backdrop-filter:none;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:.3s;
}

.fc-overlay.active {
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}

.fc-overlay.active {
  opacity:1;
visibility:visible}

.fc-toggle {
  position:relative;
  width:58px;
  height:58px;
  border:0;
  background:none;
cursor:pointer}

.fc-circle {
  width:58px;
  height:58px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#4F46E5,#0EA5E9);
  color:#fff;
  font-size:22px;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 12px 32px rgba(14,165,233,.35);
transition:.35s}

.fc-toggle:hover .fc-circle {
transform:translateY(-3px) scale(1.05)}

.fc-ring {
  position:absolute;
  inset:-5px;
  border:1px solid rgba(56,189,248,.25);
  border-radius:50%;
animation:pulse 2.5s infinite}

.fc-actions {
  position:absolute;
  right:6px;
  bottom:74px;
  display:flex;
  flex-direction:column;
  gap:10px;
pointer-events:none}

.fc-item {
  position:relative;
  display:flex;
  align-items:center;
  gap:12px;
  width:225px;
  min-height:60px;
  padding:10px 14px;
  border-radius:18px;
  background:rgba(13,18,33,.72);
  backdrop-filter:blur(22px);
  border:1px solid rgba(255,255,255,.08);
  text-decoration:none;
  color:#fff;
  opacity:0;
  transform:translateY(20px) scale(.92);
  transition:.35s;
overflow:hidden}

.fc-top-line {
  position:absolute;
  top:0;
  left:16px;
  width:70%;
  height:2px;
background:linear-gradient(90deg,transparent,#57a6ff,transparent)}

.fc-icon {
  width:40px;
  height:40px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
flex-shrink:0}

.fc-content {
  display:flex;
flex-direction:column}

.fc-content h5 {
  margin:0;
  color:#fff;
  font-size:14px;
font-weight:600}

.fc-content p {
  margin:2px 0 0;
  color:rgba(255,255,255,.72);
font-size:11px}

.fc-arrow {
  margin-left:auto;
color:#9ecbff}

.fc-item:hover {
  transform:translateX(-6px) scale(1.02);
box-shadow:0 16px 36px rgba(0,0,0,.3),0 0 18px rgba(87,166,255,.2)}

.floating-contact.active .fc-item {
  opacity:1;
  pointer-events:auto;
transform:translateY(0) scale(1)}

.floating-contact.active .fc-item:nth-child(1) {
transition-delay:.05s}

.floating-contact.active .fc-item:nth-child(2) {
transition-delay:.12s}

.floating-contact.active .fc-item:nth-child(3) {
transition-delay:.18s}

.floating-contact.active .fc-circle {
transform:rotate(135deg)}

@keyframes pulse {
  from {
    transform:scale(1);
  opacity:1}

  to {
    transform:scale(1.45);
  opacity:0}

}

@media(max-width:768px) {
  .fc-item {
    width:56px;
    height:56px;
    padding:0;
    justify-content:center;
  border-radius:50%}

  .fc-content,.fc-arrow,.fc-top-line {
  display:none}

  .fc-icon {
    background:none;
  border:none}

}