/* INDEX MODULAR POPUP / FLOATING CONTROLS CSS */

/* =========================================================
   PREVENTA / SWAASTHCARE
   FLOATING WHATSAPP + PAGE-UP CONTROLS
   ========================================================= */

a#back-to-top {
    position: fixed !important;
    right: 24px !important;
    bottom: 18px !important;
    z-index: 2147483000 !important;

    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    min-height: 58px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;

    border: 3px solid #fff !important;
    border-radius: 50% !important;

    background: #6495ED !important;
    color: #fff !important;

    text-decoration: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;

    box-shadow: 0 5px 18px rgba(0,0,0,.5) !important;
    transition: transform .2s ease, background .2s ease,
                box-shadow .2s ease !important;
}

a#back-to-top i {
    display: block !important;
    color: #fff !important;
    font-size: 31px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

a#back-to-top:hover,
a#back-to-top:focus-visible {
    background: #f9851c !important;
    color: #fff !important;
    transform: scale(1.08) !important;
    box-shadow: 0 7px 22px rgba(0,0,0,.55) !important;
    outline: none !important;
}

/* WhatsApp: round icon above the Page Up button */
a#whatsapp-float {
    position: fixed !important;
    right: 24px !important;
    bottom: 94px !important;
    z-index: 2147483001 !important;

    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    min-height: 58px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;

    border: 3px solid #fff !important;
    border-radius: 50% !important;

    background: #25D366 !important;
    color: #fff !important;

    text-decoration: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;

    box-shadow: 0 5px 18px rgba(0,0,0,.35) !important;
    cursor: pointer !important;

    transition: transform .2s ease, box-shadow .2s ease !important;
}

a#whatsapp-float i {
    display: block !important;
    color: #fff !important;
    font-size: 28px !important;
    line-height: 1 !important;
}

a#whatsapp-float .whatsapp-label {
    position: absolute !important;
    right: 67px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    white-space: nowrap !important;
    padding: 8px 12px !important;
    border-radius: 6px !important;

    background: #212529 !important;
    color: #fff !important;

    font: 600 13px/1.2 "Segoe UI", sans-serif !important;

    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;

    transition: opacity .2s ease, visibility .2s ease !important;
}

a#whatsapp-float .whatsapp-label::after {
    content: "" !important;
    position: absolute !important;
    right: -6px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    border-width: 6px 0 6px 6px !important;
    border-style: solid !important;
    border-color: transparent transparent transparent #212529 !important;
}

a#whatsapp-float:hover,
a#whatsapp-float:focus-visible {
    color: #fff !important;
    transform: scale(1.08) !important;
    box-shadow: 0 7px 22px rgba(0,0,0,.45) !important;
    outline: none !important;
}

a#whatsapp-float:hover .whatsapp-label,
a#whatsapp-float:focus-visible .whatsapp-label {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Mobile: same vertical arrangement, round icons only */
@media (max-width: 600px) {
    a#whatsapp-float {
        right: 16px !important;
        bottom: 78px !important;
        width: 52px !important;
        height: 52px !important;
        min-width: 52px !important;
        min-height: 52px !important;
    }

    a#whatsapp-float i {
        font-size: 25px !important;
    }

    a#whatsapp-float .whatsapp-label {
        display: none !important;
    }

    a#back-to-top {
        right: 16px !important;
        bottom: 14px !important;
        width: 52px !important;
        height: 52px !important;
        min-width: 52px !important;
        min-height: 52px !important;
    }

    a#back-to-top i {
        font-size: 28px !important;
    }
}


/* ================================================================
   SOURCE: css/sections/19-custom-overrides.css - floating controls
   ================================================================ */
/* ===== Extracted inline CSS block 9 ===== */
/* ===== WHATSAPP FLOATING BUTTON - HOME/INDEX ===== */
#whatsapp-float{
  position:fixed !important;
  right:24px !important;
  bottom:86px !important;
  z-index:2147483001 !important;
  width:58px !important;
  height:58px !important;
  min-width:58px !important;
  min-height:58px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
  padding:0 !important;
  margin:0 !important;
  border:3px solid #ffffff !important;
  border-radius:50% !important;
  background:#25D366 !important;
  color:#ffffff !important;
  text-decoration:none !important;
  opacity:1 !important;
  visibility:visible !important;
  overflow:visible !important;
  pointer-events:auto !important;
  box-shadow:0 5px 18px rgba(0,0,0,.45) !important;
}
#whatsapp-float i.fa-whatsapp{
  display:block !important;
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  color:#ffffff !important;
  font-family:FontAwesome !important;
  font-size:31px !important;
  line-height:1 !important;
  opacity:1 !important;
  visibility:visible !important;
}
#whatsapp-float:hover{
  background:#20bd5a !important;
  color:#ffffff !important;
  transform:scale(1.08) !important;
}
#whatsapp-float .whatsapp-label{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}

/* ===== STRONG, ALWAYS-VISIBLE FLOATING ACTION BUTTONS ===== */

/* Drop us a message / envelope button */
a.drop-msg{
  position:fixed !important;
  right:24px !important;
  bottom:86px !important;
  z-index:2147483000 !important;
  width:58px !important;
  height:58px !important;
  min-width:58px !important;
  min-height:58px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  margin:0 !important;
  border:3px solid #ffffff !important;
  border-radius:50% !important;
  background:#c43f00 !important;
  color:#ffffff !important;
  text-decoration:none !important;
  opacity:1 !important;
  visibility:visible !important;
  box-shadow:0 5px 18px rgba(0,0,0,.45) !important;
  transition:transform .2s ease, background .2s ease, box-shadow .2s ease !important;
}
a.drop-msg i{
  display:block !important;
  color:#ffffff !important;
  font-size:27px !important;
  line-height:1 !important;
  opacity:1 !important;
  visibility:visible !important;
}
a.drop-msg:hover{
  background:#8f2d00 !important;
  color:#ffffff !important;
  transform:scale(1.08) !important;
  box-shadow:0 7px 22px rgba(0,0,0,.55) !important;
}

/* Go-to-top button */
a#back-to-top{
  position:fixed !important;
  right:24px !important;
  bottom:18px !important;
  z-index:2147483000 !important;
  width:58px !important;
  height:58px !important;
  min-width:58px !important;
  min-height:58px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  margin:0 !important;
  border:3px solid #ffffff !important;
  border-radius:50% !important;
  background:#111111 !important;
  color:#ffffff !important;
  text-decoration:none !important;
  opacity:1 !important;
  visibility:visible !important;
  box-shadow:0 5px 18px rgba(0,0,0,.5) !important;
  transition:transform .2s ease, background .2s ease, box-shadow .2s ease !important;
}
a#back-to-top i{
  display:block !important;
  color:#ffffff !important;
  font-size:31px !important;
  font-weight:900 !important;
  line-height:1 !important;
  opacity:1 !important;
  visibility:visible !important;
}
a#back-to-top:hover{
  background:#f9851c !important;
  color:#ffffff !important;
  transform:scale(1.08) !important;
  box-shadow:0 7px 22px rgba(0,0,0,.55) !important;
}

/* Make the two actions clearly identifiable */
a.drop-msg::after{
  content:"" !important;
  position:absolute !important;
  inset:-5px !important;
  border:2px solid rgba(196,63,0,.45) !important;
  border-radius:50% !important;
  pointer-events:none !important;
}
a#back-to-top::after{
  content:"" !important;
  position:absolute !important;
  inset:-5px !important;
  border:2px solid rgba(17,17,17,.35) !important;
  border-radius:50% !important;
  pointer-events:none !important;
}

@media(max-width:600px){
  a.drop-msg{
    right:16px !important;
    bottom:78px !important;
    width:52px !important;
    height:52px !important;
    min-width:52px !important;
    min-height:52px !important;
  }
  a.drop-msg i{font-size:24px !important;}

  a#back-to-top{
    right:16px !important;
    bottom:14px !important;
    width:52px !important;
    height:52px !important;
    min-width:52px !important;
    min-height:52px !important;
  }
  a#back-to-top i{font-size:28px !important;}
}

