.container_full_width{
    width:100%;
    display:table;
    background-color:#f0f0f0;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:13px;
}
#center_h{
  font-size:1.2rem
}
.circle_tab{
		display:table;
		width:100%;
		max-width:768px;
		margin:100px auto;
		position:relative;
		height:460px;
	}
	.circle_tab .center_cricle{
		display:table;
		width:calc(100% - 200px);
		/* background-color:#0077cc; */
    background: linear-gradient(5deg, rgb(82 92 196 / 13%) 4.13%, rgba(255, 255, 255, 0.6) 80.29%);
    border: 1px solid #FFFFFF; /* Added border */
    backdrop-filter: blur(19px); /* Added backdrop filter */
    box-shadow: 0px 34px 40px 0px #4A55BC23; /* Added box shadow */
		max-width:320px;
		height:320px;
		/* margin:0 auto; */
		border-radius:50%;
    margin-top:-5rem;
    margin-left:14rem
	}
	.circle_tab .center_cricle .center_content{
		max-width:220px;
		width:100%;
		margin:0 auto;
		text-align:center;
		display:table;
		color:#630a0a;
		margin-top:40px;
	}
	.circle_tab .center_cricle .center_content h1{
		margin-bottom:25px;
		/* line- */
	}
	.circle_tab .center_cricle .center_content p{
		margin:0 auto;
	}
	.circle_tab .circle_cri .cricle_bg svg{
		width:45px;
		height:45px;
		margin-top: 12px;
		transition:0s;
	}
	.circle_tab .circle_cri .cricle_bg{
		width:70px;
		height:70px;
		border-radius:50%;
		/* background-color:#fff; */
    background: linear-gradient(112.17deg, #E740EB 7.16%, #3B199C 98.02%);
    border-image-source: linear-gradient(87.32deg, #E740EB 3.35%, #3B199C 85.86%);
		text-align:center;
		display:flex;
    justify-content: center;
    align-items: center;
		transition: width 0.3s ease, height 0.3s ease, border 0.3s ease;
	}
	.circle_tab .circle_cri{
		display:table;
		position: absolute;
		transition:0s;
	}
	.circle_tab .circle_cri:hover .cricle_bg{
		width:80px;
		height:80px;
		border:2px solid #5f0478;
	}
	.circle_tab .circle_cri:hover .cricle_bg svg{
		width:40px;
		height:40px;
		margin-top: 18px;
	}
	.circle_tab .circle_cri.circle_cri_1{
		top: 100px;
    	left: 130px;
	}
	.circle_tab .circle_cri.circle_cri_1:hover{
		top: 102px;
		left: 125px;
	}
	.circle_tab .circle_cri.circle_cri_2{
		top: 210px;
    	left: 175px;
	}
	.circle_tab .circle_cri.circle_cri_2:hover{
		top: 212px;
		left: 170px;
	}
	.circle_tab .circle_cri.circle_cri_3{
		top: 260px;
    	left: 280px;
	}
	.circle_tab .circle_cri.circle_cri_3:hover{
		top: 262px;
		left: 275px;
	}
	.circle_tab .circle_cri.circle_cri_4{
		top: 260px;
    	left: 420px;
	}
	.circle_tab .circle_cri.circle_cri_4:hover{
		top: 262px;
		left: 415px;
	}
	.circle_tab .circle_cri.circle_cri_5{
		top: 210px;
    	left: 520px;
	}
	.circle_tab .circle_cri.circle_cri_5:hover{
		top: 212px;
		left: 515px;
	}
	.circle_tab .circle_cri.circle_cri_6{
		top: 100px;
    	left: 565px;
	}
	.circle_tab .circle_cri.circle_cri_6:hover{
		top: 102px;
		left: 560px;
	}
	.circle_tab .circle_cri .cri_text{
		text-align:center;
		width:100%;
		display:table;
		line-height:12px;
		/* font-size:12px; */
    font-size:0.9rem;
		margin-top:12px;
	}
	.circle_tab .circle_cri:hover .cri_text{
		/* color:#0077cc; */
		font-weight:bold;
	}

/* Extra Small Devices */
@media (max-width: 575.98px) {
    .circle_tab {
        height: auto; /* Adjust height for smaller screens */
        margin: 30px auto; /* Reduced margin for better spacing */
    }
    .circle_tab .center_cricle {
        width: calc(100% - 20px); /* Adjust width for better fit */
        height: 200px; /* Adjust height for smaller screens */
        margin-left: 1rem; /* Center align with less margin */
        margin-top:1rem; /* Adjusted margin-top */
    }
    .circle_tab .circle_cri {
        width: 80%; /* Increased size for better visibility */
        height: auto; /* Allow height to adjust */
    }
}

/* Small Devices */
@media (min-width: 576px) and (max-width: 767.98px) {
    .circle_tab {
        height: auto; /* Adjust height for small devices */
        margin: 50px auto; /* Adjusted margin for better spacing */
    }
    .circle_tab .center_cricle {
        width: calc(100% - 50px); /* Adjust width for better fit */
        height: 250px; /* Adjust height for small devices */
    }
}

/* Medium Devices */
@media (min-width: 768px) and (max-width: 991.98px) {
    .circle_tab {
        height: 460px; /* Maintain original height */
        margin: 100px auto; /* Maintain original margin */
    }
    .circle_tab .center_cricle {
        width: calc(100% - 150px); /* Adjust width */
        height: 320px; /* Maintain original height */
    }
}