/*==============================
 *  FLOOXTOOL WHATSAPP LEADS CSS
 * ==============================*/

@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;600;700;800;900&display=swap');

:root {
  --color-one: #07162d;
  --color-two: #9e1428;
  --color-three: #ffc857;

  --wa-success: #25D366;
  --wa-accent: #128C7E;
}

#whatsappLeadModal,
#whatsappLeadModal * {
  font-family: 'Barlow', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

#wa-modal-body {
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow: hidden !important;
}

#wa-modal-body::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

.floox-brand-power {
  color: #07162d !important;
  font-weight: 900 !important;
  font-family: 'Barlow', sans-serif !important;
}

.floox-brand-floox {
  color: #9e1428 !important;
  font-weight: 900 !important;
  font-family: 'Barlow', sans-serif !important;
}

/* GUARANTEE FORM VIEW ON CELLPHONES (MAX-WIDTH 640PX) */
@media (max-width: 640px) {
  #wa-qr-state {
    display: none !important;
  }
  #wa-form-state {
    display: block !important;
    opacity: 1 !important;
    transform: none !important;
  }
  #wa-back-qr-btn {
    display: none !important;
  }
}