/* Claim and Tooltip Custom CSS - 26-06-2026 Start Here */

#cat-tooltip-modal .cat-modal__close {
    display: flex;
    align-items: center;
    justify-content: center;
    /*padding-bottom: 4px;*/
}
.cat-mobile-order-btn {
    display: inline-block;
    padding: 6px 18px;
    background: #42a5dd;
    color: #ffffff !important;
    border-radius: 4px;
    font-weight: 600;
    font-size: 13px;
    text-decoration: none !important;
    letter-spacing: .5px;
    text-transform: uppercase;
    transition: all .3s;
}

.cat-mobile-footer-action {
    text-align: center;
	    padding-top: 18px;
}
@keyframes elementor-animation-pulse-grow {
    to {
        transform: scale(1.1)
    }
}
.cat-mobile-order-btn:active,.cat-mobile-order-btn:focus,.cat-mobile-order-btn:hover {
    background:#42a5dd;
    animation-name: elementor-animation-pulse-grow;
    animation-duration: .3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate
}

.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 }
}

/* Claim and Tooltip Custom CSS - 26-06-2026 End Here */