.chart-mobile-main{ display:none;}
.content.panel.pn-1 {
	translate: none !important;
	rotate: none !important;
	scale: none !important;
	opacity: 1 !important;
	transform: translate(0px, 0px) !important;
}
.box.int-name-img.int-ch-ij1 {
	opacity: 1 !important;
}

.box.int-name-img.int-ch-ij1  .int-chart-name {
	translate: none !important;
	rotate: none !important;
	scale: none !important;
	transform: translate(0px, 0px) !important;
	opacity: 1 !important;
}
.int-chart-image {
	animation: pulse-animation 1.5s infinite;
}
.int-chart-image img{
	animation: zoom-in-zoom-out 1.5s ease infinite;
}

@keyframes pulse-animation {
	0% {
		box-shadow: 0 0 0 0px rgba(0, 176, 240, 0.7);
	}
	100% {
		box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
	}
}
@keyframes zoom-in-zoom-out {
	0% {
		transform: scale(0.9, 0.9);
	}
	50% {
		transform: scale(1, 1);
	}
	100% {
		transform: scale(0.9, 0.9);
	}
}
.curv-image {
	position: absolute;
	top: -364px;
}


/* Ensure panels are positioned correctly and have overflow hidden */
.panel {
	height: 100px; /* Initial collapsed height */
	overflow: hidden; /* Hide content that exceeds the height */
	transition: height 0.3s ease; /* Smooth transition for height changes */
	/* Add other styling as needed */
	background: lightgray; /* Just for visibility, adjust as needed */
	margin-bottom: 20px; /* Space between panels */
}
.image-last {left: 452px; position: relative; top: -834px; }
.content.panel.pn-2 {
	top: 20px !important;
}
.content.panel.pn-3 {
	top: 40px !important;
}
.content.panel.pn-4 {
	top: 60px !important;
}
.content.panel.pn-5 {
	top: 80px !important;
}



.int-chart-parent {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	position:relative;
}

.int-chart-image {
	border: 15px solid #00B0F0;
	width: 152px;
	padding: 39px 26px;
	text-align: center;
	border-radius: 50%;
	height: 152px;
	display: flex;
	align-items: center;
	justify-content: center;
	position:relative;
	background-color: #fff;
	margin-top: 45px;
}

.int-chart-image .triangle {
	display: block;
	border-bottom: 24.75px solid #00b0f0;
	border-left: 14.29px solid transparent;
	border-right: 14.29px solid transparent;
	content: "";
	display: block;
	height: 0;
	left: 50%;
	position: absolute;
	top: -50px;
	transform: translateX(-50%);
	width: 0;
}

.int-name-img.int-ch-ij2 {
	position: relative;
	top: -21px;
}

.int-name-img.int-ch-ij3 {
	position: relative;
	top: -62px;
}

.int-name-img.int-ch-ij4 {
	position: relative;
	top: -153px;
}

.int-name-img.int-ch-ij5 {
	left: -39px;
	position: relative;
	top: -308px;
}
/* 
.int-chart-mod {
padding-top: 370px;
} */

.int-name-img .int-chart-image:after {
	height: auto;
	padding: 8px;
	left: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -1;
	position: absolute;
	content: "";
}

.int-name-img.int-ch-ij1 .int-chart-image:after{
	background-image: url(https://www.keonahealth.com/hubfs/intractive%20graph/Vector%203.svg);
}

.int-name-img.int-ch-ij2 .int-chart-image:after{
	background-image: url(https://www.keonahealth.com/hubfs/Vector%204.svg);
}

.int-name-img.int-ch-ij3 .int-chart-image:after{
	background-image: url(https://www.keonahealth.com/hubfs/Vector%205.svg);
}

.int-name-img .int-chart-image:after {
	display: none;
}

.int-name-img {
	flex-grow: 1;
	position: relative;
	width: 20%;
	z-index: 100;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	padding-left: 30px;
}

.int-name-img .int-chart-name {
	position: relative;
	left: -45px;
}

.int-name-img .int-chart-name > h5 {
	text-align: center;
	font-size: 25px;
	line-height: 1.4;
	margin-bottom: 0px;
	color: #0A3380;
}

.int-chart-image .triangle.repttri1 {
	transform: translateX(-50%) rotate(-17.56deg);
	left: calc(50% - 17.56%);
	/* 	left: calc(50% - 24.75%); */
}

.int-chart-image .triangle.repttri2 {
	transform: translateX(-50%) rotate(-9.08deg);
	left: calc(50% - 9.08%);
}

.int-chart-image .triangle.repttri3 {
	transform: translateX(-50%) rotate(-24.36deg);
	left: calc(50% - 24.36%);
}

.int-chart-image .triangle.repttri4 {
	transform: translateX(-50%) rotate(-31.45deg);
	left: calc(50% - 31.45%);
}

.int-chart-image .triangle.repttri5 {
	transform: translateX(-50%) rotate(-29.92deg);
	left: calc(50% - 29.92%);
}


.int-chart-mod .top-part .content {
	background-color: #f3f5f9; border: 1px solid #dce2ed; border-radius: 10px; /* bottom: 0; */ margin-right: auto; max-width: 630px; position: absolute; width: 100%; display: flex; z-index: 1; height: 100%; top: 0; left: 0; /* border: 2px solid #fff; */ border-radius: 40px 0 40px 40px; box-shadow: 0 30px 40px rgb(0 88 155 / 15%); align-items: center;
}
.int-chart-mod .top-part .content .conten-in:before { content: ""; position: absolute; height: 100%; width: 7px; left: -1px; background: linear-gradient(92.43deg, #0A3380 3.09%, #082966 81.29%); top: 0; }
.int-chart-mod .top-part .content .conten-in:after { position: absolute; content: ""; background: url(https://www.keonahealth.com/hubfs/Website%202023/images/Group%2012605.svg); height: 140px; width: 135px; bottom: -45px; right: -8px; background-repeat: no-repeat; background-position: center; background-size: contain; }
.int-chart-mod .top-part .content .conten-in{
	padding: 40px;
	position: relative;
}
.int-chart-mod .top-part .content .conten-in > h5 {
	font-size: 25px;
	line-height: 1.4;
	margin-bottom: 20px;
}

.int-chart-mod .top-part .content .conten-in > p {
	line-height: 1.625;
}

.int-chart-mod .curvebr {
	content: "";
	display: block;
	height: 12px;
	left: 100%;
	position: absolute;
	top: 65%;
	width: 100%;
	z-index: -1;
	transform: translate(-45%, -50%);
}

/* .int-chart-mod .curvebr > img {
width: 100%;
} */

.int-chart-mod .curvebr.line2 {
	top: 55%;
	transform: translate(-37%, -50%);
}

.int-chart-mod .curvebr.line3 {
	top: 35%;
	transform: translate(-31%, -50%);
}

.int-chart-mod .curvebr.line4 {
	top: 25%;
	transform: translate(-21%, -50%);
}

.int-chart-mod .curvebr.line5 {
	top: 2%;
	transform: translate(-27%, -50%);
}

.int-chart-mod .top-part {
	display: flex;
	align-items: flex-start;
	margin-bottom: 170px;
}

.int-chart-mod {
	padding: 107px 0px 100px 0px;
}

.int-chart-mod .top-part .imagewrp {
	position: relative;
	bottom: 107px;
	width: calc(100% - 630px);
	text-align: end;
}

.int-chart-mod .top-part .imagewrp img {
	width: 250px;
}

.p-wrap {
	position: relative;
	height: 368px;
	width:100%;
}

.panel {
	position: absolute;
	left: 0%;
	top: 0%;
	right: 0%;
	bottom: 0%;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-image: url(../images/5ed1217…_5.jpg);
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	box-shadow: rgba(0, 0, 0, 0.15) -2px -4px 20px 0px;
}

.panel-text {
	position: absolute;
	left: 0%;
	top: 0%;
	right: 0%;
	bottom: 0%;
	z-index: 1;
	width: 100%;
	height: 100%;
	font-size: 40px;
	text-transform: uppercase;
	font-weight: 900;
	text-align: center;
	background-color: #070707;
	transform: translateY(100%);
	opacity: 0;
	text-align: end;
}

{#.int-name-img.int-ch-ij1::before {
	background-image: url(https://www.keonahealth.com/hubfs/Group%20427319299.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	content: "";
	display: block;
	height: 60px;
	left: 20px;
	top: 63%;
	position: absolute;
	width: 181px;
	transform: translate(-50%, -50%);
	overflow: hidden;
} #}



@media (max-width: 1440px) {	
	.int-chart-image { width: 130px; height: 130px;}
	.int-chart-mod.black { padding-top: 25px !important;}
	.image-last { left: 442px; position: relative; top: -833px; max-width: 200px; }
}

@media (max-width: 1366px) {	
	.int-chart-mod .top-part .content .conten-in{
		padding: 20px;
	}
	.int-chart-mod .top-part .content {
		height: 90%;
	}
	.int-chart-mod .top-part {
		margin-bottom: 101px;	
		position: relative;
	}
	.image-last {
		left: 513px;
		top: -738px;
		max-width: 181px;
	}

}
@media (max-width: 1200px) {
	.int-name-img.int-ch-ij1:before {
		left: 62px;
		top: 66%;
	}
	.image-last {
		left: 400px;
		position: relative;
		top: -920px;
	}

}



@media only screen and (max-width: 1920x), 
	only screen and (max-height: 1080px) { 
		section.int-chart-mod.black {
			margin-top: -50px !important;
		}

}

@media only screen and (max-width: 1280x), 
	only screen and (max-height: 900px) { 
		.content.panel.pn-2 {
			top: 10px !important;
		}
		.content.panel.pn-3 {
			top: 20px !important;
		}
		.content.panel.pn-4 {
			top: 30px !important;
		}
		.content.panel.pn-5 {
			top: 40px !important;
		}
		.int-chart-mod .top-part {
			margin-bottom: 50px !important;  }
		.image-last { left: 431px; top: -619px; max-width: 127px; }
		.curv-image { position: absolute; top: -434px; }
		.int-name-img .int-chart-name > h5 { font-size: 19px; }
		.int-chart-image { width: 110px; height: 110px; }
		.int-chart-mod .top-part .content .conten-in > p {  margin-bottom: 17px; }
		.int-chart-mod .top-part .content .conten-in > h5 { font-size: 15px; margin-bottom: 8px; }
		.int-chart-mod .top-part .content {
			height: 85%;
		}
		.int-name-img.int-ch-ij5 {
			left: -61px;
			position: relative;
			top: -309px;
		}
		.int-chart-image .triangle.repttri5 {
    left: calc(50% - 56.92%);
}

}


@media only screen and (max-height: 768px) {
	.p-wrap {
    position: relative;
    height: 276px;
    width: 100%;
}
	    .int-chart-mod .top-part {
        margin-bottom: 73px !important;
    }
}


@media (max-height: 769px) {
	section.int-chart-mod.black {
		margin-top: -35px !important;
	}
} 


@media(max-width:1200px){

	.desktop{ display:none;}
	.chart-mobile-main{ display:block;padding:0 15px;}
	.chart-mobile-main .chart-box .left-part{ width: calc(190px);}
	.chart-mobile-main .chart-box .right-part { width: calc(100% - 235px);}
	.chart-mobile-main .left-part .left-round-box { width: 152px; height: 152px; border: 16px solid #00B0F0; border-radius: 50%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
	.chart-mobile-main .left-part .left-round-box .icon { width: 70px; height: 60px; }
	.chart-mobile-main .left-part .left-round-box .icon img { height: 100%!important; width: 100%; object-fit: contain; object-position: center; }
	.chart-mobile-main .chart-box-wrapper .top-part { display: flex; flex-wrap: wrap; align-items: center; column-gap: 45px; margin-bottom: 20px!important; } 
	.chart-mobile-main .chart-box { margin-bottom: 80px; } 
	.chart-mobile-main .chart-box .right-part h5 { margin: 0;font-size:25px; }
	.chart-mobile-main .chart-box-wrapper .card-content { background-color: #F3F5F9; border: 1px solid #DCE2ED; border-radius: 10px; padding: 20px; }
	.chart-mobile-main .left-part .left-round-box{ position: relative;}
	.chart-mobile-main .left-part .left-round-box:after { content: ''; background-image: url('https://www.keonahealth.com/hubfs/Healthcare_V3_LP_2024/Polygon%201.png'); width: 28px; height: 28px; position: absolute; right: -52px; background-position: center center; background-repeat: no-repeat; background-size: contain; }
	.chart-mobile-main .left-part .left-round-box:before { content: ''; width: 13px; height: 6px; background: #0A3380; position: absolute; left: -28px; }
	.chart-mobile-main .chart-box-wrapper { position: relative; } 
	.chart-mobile-main .chart-box-wrapper:before { content: ''; width: 6px; height: 100%; position: absolute; left: -17px; top: 73px; background: #0A3380; }
	.chart-mobile-main .bottom-image .image { height: 355px; } 
	.chart-mobile-main .bottom-image .image img { width: 100%; height: 100% !important; object-fit: contain; }
	.chart-mobile-main .chart-box-wrapper:after { content: '';background-image: url('https://www.keonahealth.com/hubfs/Healthcare_V3_LP_2024/Polygon%206.svg'); width: 24px; height: 25px; position: absolute; bottom: -85px; left: -25px; }

}
@media(max-width:767px){
	.chart-mobile-main .chart-box .left-part { width: calc(180px);}
	.chart-mobile-main .chart-box .right-part { width: calc(100% - 225px);}
}
@media(max-width:400px){
	.chart-mobile-main .left-part .left-round-box { width: 100px; height: 100px; border: 10px solid #00B0F0;}
	.chart-mobile-main .chart-box-wrapper:before{ top:47px;}
	.chart-mobile-main .left-part .left-round-box:before { left:-22px;}
	.chart-mobile-main .left-part .left-round-box:after { width: 22px; height: 22px;right: -40px;}
	.chart-mobile-main .left-part .left-round-box .icon { width: 50px; height: 46px; }
	.chart-mobile-main .chart-box .right-part h5 { font-size:22px; }
	.chart-mobile-main .chart-box-wrapper .top-part{column-gap: 15px;}
	.chart-mobile-main .chart-box .left-part { width: calc(130px);}
	.chart-mobile-main .chart-box .right-part { width: calc(100% - 145px);}
	.chart-mobile-main .chart-box-wrapper:after{ bottom:-60px;}
}