.cat-tooltip.cat-tooltip--active[data-style-type="custom"],
.tooltip_borderclass.cat-tooltip--active[data-style-type="custom"] {
	padding: 0 1px;
	border-radius: 2px;
	transition: background-color .15s ease, border-color .15s ease;
	display: inline;
}
.cat-tooltip.cat-tooltip--active[data-style-type="custom"]:hover,
.tooltip_borderclass.cat-tooltip--active[data-style-type="custom"]:hover {
	background: transparent;
}

.cat-tooltip.cat-tooltip--active[data-style-type="inherit"],
.tooltip_borderclass.cat-tooltip--active[data-style-type="inherit"] {
	border-bottom: 1px dotted currentColor;
	padding: 0 1px;
	display: inline;
	color: inherit !important;
}
.cat-tooltip.cat-tooltip--active[data-style-type="inherit"]:hover,
.tooltip_borderclass.cat-tooltip--active[data-style-type="inherit"]:hover {
	background: transparent;
}

.cat-tooltip.cat-tooltip--active[data-style-type="custom"]:hover,
.tooltip_borderclass.cat-tooltip--active[data-style-type="custom"]:hover {
	background: transparent;
}

/* Remove styling from inactive tooltips */
.cat-tooltip:not(.cat-tooltip--active),
.tooltip_borderclass:not(.cat-tooltip--active),
.tetingclass:not(.cat-tooltip--active) {
	border: none !important;
	background: none !important;
	padding: 0 !important;
	margin: 0 !important;
	color: inherit !important;
	text-decoration: none !important;
	font-weight: inherit !important;
	font-style: inherit !important;
	text-transform: inherit !important;
	letter-spacing: inherit !important;
	line-height: inherit !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	transition: none !important;
}

.cat-front-tooltip{
	position:absolute;
	display:none;
	z-index: 999999;
	width: min(520px, calc(100vw - 32px));
	color: #0f172a;
	padding: 16px 18px;
	border-radius: 16px;
	box-shadow: 0 16px 42px rgba(2,6,23,.22);
	border: 1px solid #cbd5e1;
	background: #ffffff;
}
.cat-front-tooltip::after{
	content:'';
	position:absolute;
	width: 12px; 
	height: 12px;
	background: #ffffff;
	border: 1px solid #cbd5e1;
	top: -7px;
	left: var(--cat-arrow-left, 50%);
	transform: translateX(-50%) rotate(45deg);
}
.cat-front-tooltip__section{margin-bottom:5px}
.cat-front-tooltip__section:last-child{margin-bottom:0}
.cat-front-tooltip__label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#64748b;margin-bottom:14px;font-weight:700;display:flex;align-items:center;gap:8px;}
.cat-front-tooltip__label::after{content:'';flex:1;height:1px;background:#e2e8f0;}
.cat-front-tooltip__title{
	font-weight: 600;
    font-size: 18px;
    color: #101828;
    letter-spacing: .2px; 
	} 
.cat-front-tooltip__desc{    color: #4A5565;
    margin-bottom: 12px;
    line-height: 1.6;
    font-size: 15px;}
.cat-claim-list{margin:0;padding-left:18px;color:#0f172a}
.cat-claim-list li{margin-bottom:4px}
.cat-claim-list li:last-child{margin-bottom:0}
.cat-claim-link{
	color:#0f172a; 
	font-weight:700;
	text-decoration:underline;
	text-underline-offset:2px;
}

.cat-claim-link__meta{
	margin-top:2px;
	color:#1f2937;
	font-weight:400;
}
.cat-supported-empty{
	font-size: 12px;
	opacity: .8;
}

.cat-mobile-overlay{
	position:fixed;
	inset:0;
	background: rgba(17,24,39,.55);
	z-index: 999990;
}
.cat-mobile-modal{
	position:fixed;
	left:50%;
	bottom: 12px;
	top: auto;
	transform: translateX(-50%);
	width: min(560px, calc(100vw - 20px));
	background: #fff;
	border-radius: 18px 18px 14px 14px;
	box-shadow: 0 20px 60px rgba(0,0,0,.28);
	z-index: 999991;
	padding: 14px 14px 16px;
	max-height: calc(100vh - 24px);
	overflow: auto;
}
.cat-mobile-close{
	position:absolute;
	right: 10px;
	top: 8px;
	border:none;
	background: transparent;
	font-size: 22px;
	cursor:pointer;
	color: #6b7280;
}
.cat-mobile-section{margin-bottom:6px}
.cat-mobile-section:last-child{margin-bottom:0}
.cat-mobile-label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#64748b;margin-bottom:8px;font-weight:700;padding-bottom:8px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:8px;}
.cat-mobile-label::after{content:'';flex:1;height:1px;background:#e2e8f0;}
.cat-mobile-title{font-size:16px;font-weight:800;color:#111827;padding-right:28px}
.cat-mobile-desc{color:#334155;line-height:1.5}


#cat-tooltip-modal .cat-modal__close {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 4px;
}
.cat-tooltip{
/* 	 
	border-bottom: 2px solid #2563eb;
	padding: 0 1px;
	border-radius: 2px;
	transition: background-color .15s ease, border-color .15s ease;
	background: rgba(37, 99, 235, .06); */
	        
    border-bottom: 1px solid;
    /* padding: 2px 4px; */
    /* border-radius: 2px; */
    transition: background-color .15s ease, border-color .15s ease;
    background: transparent;
    color: #444;
    /* background: #E7F0F6; */
    color: #317FA6;
}
.cat-tooltip:hover{
	cursor:pointer !important;
	 background: rgb(66 165 221 / 16%);
}

/* .cat-front-tooltip{
	position:absolute;
	display:none;
	z-index: 999999;
	width: min(520px, calc(100vw - 32px));
	color: #0f172a;
	padding: 16px 18px;
	border-radius: 14px;
	box-shadow: 0 14px 38px rgba(2,6,23,.18);
	border: 1px solid #E8ECEF;
	background: #FAFDFF;
}
.cat-front-tooltip::after{
	content:'';
	position:absolute;
	width: 12px;
	height: 12px;
	background: #FAFDFF;
	border: 1px solid #E8ECEF;
	top: -7px;
	left: var(--cat-arrow-left, 50%);
	transform: translateX(-50%) rotate(45deg);
} */
.cat-front-tooltip__desc span {
   color: #585E65 !important;
    font-family: "SF-PRO", Sans-serif !important;
    font-size: 14px !important;
    line-height: 24px;
}
.cat-mobile-label {
    color: #2e2e2e;

}

.cat-front-tooltip__title{
	font-weight: 600;
    /* margin-bottom: 4px; */
    font-size: 18px;
    color: #101828;
    letter-spacing: .2px;
 /*   text-transform: capitalize;*/
}
.cat-front-tooltip__label:before{
	content:unset;
}
.cat-front-tooltip__desc, .cat-mobile-desc{
	    color: #444444;
    margin-bottom: 12px;
    line-height: 1.6;
    font-size: 14px;
}
.cat-front-tooltip__label{    color: #3b3b3b;    position: relative;text-align:left}

.cat-claim-link {
    font-size: 13px;
    color: #317FA6;
    font-weight: 400;
}
 
.cat-claim-list {
/*     margin: 0;
    padding-left: 0; */
      color: #317FA6;
/* 	list-style:none; */
}

.cat-front-tooltip__supported{
	    font-size: 12px;
    opacity: .85;
    margin-bottom: 6px;
    color: #0a0a0a;
    border-top: 1px solid #e5e5e5;
    padding-top: 8px;
}
.cat-front-tooltip__supported::before{
	content:unset;
	display:inline-block;
	width:10px;
	height:2px;
	background:#0ea5e9;
	margin-right:8px;
	border-radius:999px;
	vertical-align:middle;
}
.cat-chips{
	display:flex;
	flex-wrap: wrap;
	gap: 12px;
}

/* .cat-chip {
    font-size: 12px;
    background: #F1F5F9;
    border: 1px solid #E2E8F0;
    color: #444;
    padding: 4px 10px;
    border-radius: 999px;
} */
.cat-chip{
	font-size: 12px;
    background: #42a5dd0d;
    border: 1px solid #42a5dd;
    color: #368dbe;
    padding: 4px 10px;
    border-radius: 999px;
/* 	background: #f3f4f6; */
/*     border-color: #e5e7eb; */
/*     color: #111827; */
}
.cat-chip:hover{
	border-color: rgba(14,165,233,.9);
}
.cat-supported-empty{
	font-size: 12px;
	opacity: .8;
}

.cat-mobile-overlay{
	position:fixed;
	inset:0;
	background: rgba(17,24,39,.25);
	z-index: 999990;
}
.cat-mobile-modal{
/* 	position: fixed;
    bottom: 0; */
    /* top: 50%; */
    /* transform: translate(-50%, -50%); */
    /* width: min(560px, calc(100vw - 28px)); */
/*     background: #fff;
    border-radius: 16px;
    box-shadow: 64px 21px 80px 34px rgb(94 91 91 / 28%);
    z-index: 999991;
    padding: 30px 24px 30px;
    transform: translateY(0%);
       left: 0;
    width: 100%;
    height: auto;
    top: unset; */
}
.cat-mobile-close, .cat-mobile-close button {
    position: absolute;
    right: 8px;
    top: 8px;
    border: none;
    background: transparent;
    font-size: 18px;
    cursor: pointer;
    border-radius: 23px;
    width: 24px;
    height: 24px;
    padding: 0px 3px;
    border: 0 !important;
    border-radius: 0;
    color: #000000 !important;
    line-height: 0;
    font-size: 25px;
}
.cat-front-tooltip__label span {
    padding: 5px 14px;
    background: #f0f0f0;
    border-radius: 20px;
}
.cat-mobile-title{
	     font-weight: 600;
    margin-bottom: 12px;
    font-size: 16px;
    color: #1d1d1d;
    letter-spacing: .5px;
	text-transform: capitalize;
}
.cat-mobile-desc{
	color: #374151;
	margin-bottom: 16px;
}
.cat-mobile-supported{
	    font-size: 12px;
    opacity: .85;
    margin-bottom: 6px;
    color: #0a0a0a;
    border-top: 1px solid #e5e5e5;
    padding-top: 8px;
}
.cat-mobile-modal .cat-chip{
	background: #f3f4f6;
	border-color: #e5e7eb;
	color: #111827;
}

.cat-front-tooltip {
    position: absolute;
    display: none;
    z-index: 999999;
    width: min(520px, calc(100vw - 32px));
    padding: 20px 22px;
    color: #0f172a;
    background: #FAFDFF;
    border: 1px solid #E8ECEF;
    border-radius: 14px;
    box-shadow: 0 14px 38px rgba(2, 6, 23, .18);
    overflow: visible; 
}

#cat-front-tooltip.cat-front-tooltip::after {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    background: #FAFDFF;
    top: -8px;
    left: var(--cat-arrow-left, 50%);
    transform: translateX(-50%) rotate(45deg);
	border:0;
    border-top: 1px solid #E8ECEF;
    border-left: 1px solid #E8ECEF;
    z-index: 1;
}
.cat-claim-list li a {
    display: flex;
    justify-content: space-between;
    text-decoration: none;
    align-items: center;
    color: #317fa6;
}

.cat-claim-list li i {
    transform: rotate(
334deg);
    color: #42a5dd;
    font-size: 12px;
}
.cat-claim-list li {
/*     margin-bottom: 10px;
    border: 1px solid #DBEAFE;
    padding: 4px 10px;
    border-radius: 8px;
    background: #EFF6FF; */
}
.elementor-widget-container .cat-tooltip, .elementor-widget-container .tooltip_borderclass, .tetingclass{
	background:transparent !important;
}
.cat-mobile-modal {
    position: fixed;
    bottom: unset;
    top: 50%;
    transform: translate(-50%, -50%);
    width: min(560px, calc(100vw - 28px));
    background: #fff;
    border-radius: 16px;
    box-shadow: 64px 21px 80px 34px rgb(94 91 91 / 28%);
    z-index: 999991;
    padding: 30px;
    /* transform: translateY(0%); */
    /* left: 0; */
    width: 100%;
    height: auto;
    /* top: unset; */
    width: 95%;
}
.cat-tooltip:hover{
	background:transparent !important;
}
@media(max-width:767px){
	#cat-mobile-modal .cat-mobile-label{border:0 }
}



/* background is now controlled entirely by the global settings inline CSS */
@media (max-width: 767px){
	.cat-front-tooltip{
		width: calc(100vw - 16px);
		padding: 12px;
		border-radius: 12px;
	}
	.cat-front-tooltip__title{
		font-size:15px;
	}
	.cat-front-tooltip{
		padding: 14px;
	}
	.cat-mobile-modal{
		left: 50%;
		width: calc(100vw - 12px);
		bottom: 6px;
		border-radius: 14px 14px 12px 12px;
		padding: 12px 12px 14px;
	}
	.cat-mobile-title{
		font-size:15px;
	}
}