.help-circle-tooltip {opacity: 1 !important}

.help-circle-tooltip .tooltip-inner {background-color: #fff !important; color: #27282A !important; text-align: left !important; border: 1px solid #ccc; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
max-width: 400px; opacity: 1 !important; padding: 10px 15px; font-size: 1rem !important}

.help-circle-tooltip .tooltip-inner * {font-size: revert !important}

/* Bootstrap 5 arrow styles */
.help-circle-tooltip.bs-tooltip-top .tooltip-arrow::before {border-top-color: #CCC !important}
.help-circle-tooltip.bs-tooltip-bottom .tooltip-arrow::before {border-bottom-color: #CCC !important}
.help-circle-tooltip.bs-tooltip-start .tooltip-arrow::before {border-left-color: #CCC !important}
.help-circle-tooltip.bs-tooltip-end .tooltip-arrow::before {border-right-color: #CCC !important}

/* Bootstrap 4 arrow styles (fallback) */
.help-circle-tooltip.bs-tooltip-top .arrow::before {border-top-color: #CCC !important}
.help-circle-tooltip.bs-tooltip-bottom .arrow::before {border-bottom-color: #CCC !important}
.help-circle-tooltip.bs-tooltip-left .arrow::before {border-left-color: #CCC !important}
.help-circle-tooltip.bs-tooltip-right .arrow::before {border-right-color: #CCC !important}

.help-circle-trigger .orange {color: #FF4A11 !important}
.help-circle-trigger .light {color: #CCC}