/* circular tab css start */



@media(max-width:640px){
    .visible {
        display: block !important;
        position: absolute !important;
        margin: 524px 5px 0 102px !important;
        width: 95% !important;
    }
    
    .circle .circle-lbl {
        font-weight: 700 !important;
        line-height: 4 !important;
    }
    
    }
    
    .circle, .circle:before, .circle:after { border-radius: 50%; }
    .menunav {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: auto;
      height: 100%;
      max-width: 420px;
      position: relative;
          transform: rotate(138deg);
    }
    .menunav ul {
      position: relative;
      padding: 50%;
      max-width: 0; 
      max-height: 0;
      list-style: none;
      border: 10px solid #d2f1ff;
    }
    .menunav li {
      position: absolute;
    }
    .slice {
      overflow: hidden;
      position: absolute;
      top: 0; left: 0;
      width: 50%; height: 50%;
      transform-origin: 100% 100%;
    }
    /* Cell orientation */
    .circle-tab-1 { transform: rotate(-65deg) skewX(19deg); }
    .circle-tab-2 { transform: rotate(7deg) skewX(19deg); }
    .circle-tab-3 { transform: rotate(79deg) skewX(19deg); }
    .circle-tab-4 { transform: rotate(151deg) skewX(19deg); }
    .circle-tab-5 { transform: rotate(223deg) skewX(19deg); }
/*     .circle-tab-6 { transform: rotate(254.57deg) skewX(40deg); } */
    
    .menunav .circle-lbl { cursor: pointer; }
    .slice .circle-lbl {
      display: block;
      width: 200%;
      height: 200%;
      transform: skew(-19deg) rotate(-56deg);
      line-height: 1.9;
      color:#fff;
      text-align: center;
    }
    .slice .circle-lbl span {
        display: block;
    }
    .slice .circle-lbl:hover {
        color: white;
/*         border: 2px solid black; */
/* background: #097867 !important; */
/* 		background: #4e6b43 !important; */
        transition: all 0.5s ease;
    }
    .circle .menuname:hover {
        color: white;
        transition: color 0.5s ease;
    }
    
    .menudesc {
        width: 180px;
    }
    
    /* Cell background colors */
    .circle-tab-1 .circle-lbl, .ocircle-tab-1:checked ~ nav .unsel { background: #00483d; }
    .circle-tab-2 .circle-lbl, .ocircle-tab-2:checked ~ nav .unsel { background: #00483d; }
    .circle-tab-3 .circle-lbl, .ocircle-tab-3:checked ~ nav .unsel { background: #00483d; }
    .circle-tab-4 .circle-lbl, .ocircle-tab-4:checked ~ nav .unsel { background: #00483d; }
    .circle-tab-5 .circle-lbl, .ocircle-tab-5:checked ~ nav .unsel { background: #00483d; }
    .cherry .circle-lbl, .ocherry:checked ~ nav .unsel { background: #3688cd; }
    
    
    .slice .circle-lbl { font-weight: 700; line-height: 5; }
    .circle .circle-lbl { font-weight: 700; line-height: 5; }
    
    .slice p{
      width: 100px;
      margin-left: 185px;
    }
    
    .unsel {
      z-index: 2;
      top: 34%; left: 34%;
      width: 32%; height: 32%;
      text-align: center;
        background-color: #276aa3;
        color: #fff;
    }
    .unsel .circle-lbl{
      display: block;
      width: 100%; height: 100%;
      line-height: 9;
    }
    .middle {
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 150px;
    height: 150px;
    text-align: center;
    background-color: white;
    position: absolute;
}
    .visible{
        display: block;
        position: absolute;
/*         margin: 250px 0 0 250px; */
        width:30%;
    }
    
    
    .hidden{
      display: none;
    }
    .visible ul{
      list-style-type: none;
    }
    .visible details ul{
      list-style-type: square;
    }
    .visible a{
      font-size: 120%;
      text-decoration: none;
      color: purple;
    }
    .Reseau a{
      font-size: 160%;
    }
    .Reseau a:hover{
      color: red;
    }
    .circle .circle-lbl span {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    position: relative;
    font-size: 14px;
}
    
   .circle.nav-tabs{
   	border: none !important;
   }
	.middle.circle {
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(90deg, #00C0FF 0%, #FFCF00 49%, #FC4F4F 100%);
    transform: translate(-50%, -50%) rotate(-138deg) !important;
}
.middle.circle:before {
    content: '';
    position: absolute;
    height: 90%;
    width: 90%;
    border-radius: 50%;
    background-color: #fff;
    animation: 1.5s pulse infinite ease-in-out;
    z-index: -1;
}
.m-circle-img {
    display: flex;
    padding: 8px;
    align-items: center;
    justify-content: center;
}
.m-circle-img p{
   	margin-bottom: 0;
   	font-size: 15px;
   	font-weight: 500;
   	color: #000 !important;
}
	.circle-lbl .title{
	background: red !important;
	}
	
	.circle-tab-1 .circle-lbl{
/* 	    background: #176bb3; */
	    background: linear-gradient(to bottom, #6aaafd 0%, #ffffff 100%);
	}
	.circle-tab-2 .circle-lbl{
/* 	    background: #4798a1; */
	    background: linear-gradient(to bottom, #45d5d3 0%, #ffffff 100%);
	}
	.circle-tab-3 .circle-lbl{
/* 	    background: #beaa42; */
	    background: linear-gradient(to bottom, #ead358 0%, #ffffff 100%);
	}
	.circle-tab-4 .circle-lbl{
/* 	    background: #b34056; */
		background: linear-gradient(to bottom, #ff945b 0%, #ffffff 100%);
	}
	.circle-tab-5 .circle-lbl{
/* 	    background: #52661b; */
	    background: linear-gradient(to bottom, #86dd89 0%, #ffffff 100%);
	}

.circle-tab-1:hover,
.circle-tab-1.active {
    transform: rotate(-65deg) skewX(19deg);
    left: -10px;
    top: 5px;
    transition-duration: 300ms;
}
.circle-tab-2:hover,
.circle-tab-2.active{
	transform: rotate(7deg) skewX(19deg);
    left: -10px;
    top: -10px;	
    transition-duration: 300ms;
}

.circle-tab-3:hover,
.circle-tab-3.active{
	transform: rotate(79deg) skewX(19deg);
    left: 5px;
    top: -10px;
    transition-duration: 300ms;
}

.circle-tab-4:hover,
.circle-tab-4.active {
	left: 10px;
	transition-duration: 300ms;
}
.circle-tab-5:hover,
.circle-tab-5.active{
	top: 10px;	
	transition-duration: 300ms;
}

/* circular tab css end */

/* .circle li .over::before{ */
/* 	position: absolute; */
/*     top: -15px; */
/*     left: 50%; */
/*     transform: translateX(-50%); */
/*     font-family: 'FontAwesome'; */
/*     font-size: 26px; */
/*     line-height: normal; */
/* } */
/* .circle-tab-1 .over::before { */
/*     content: '\f0ac'; */
/* } */
/* .circle-tab-2 .over::before { */
/*     content: '\1F91D'; */
/* } */
/* .circle-tab-3 .over::before { */
/*     content: '\f4d8'; */
/* } */
/* .circle-tab-4 .over::before { */
/* 	content: '\e4f3';	 */
/* } */
/* .circle-tab-5 .over::before { */
/*     content: '\f1ad'; */
/* } */

.circle .slice.active .circle-lbl:before, .circle .slice .circle-lbl:hover:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.1);
    top: 0;
    left: 0;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 #fff;
  }

  100% {
    box-shadow: 0 0 0 14px #69ffa800;
  }
}
/* .circle li.active .over::before { */
/*     height: 40px; */
/*     width: 40px; */
/*     border-radius: 50%; */
/*     display: flex; */
/*     align-items: center; */
/*     justify-content: center; */
/*     font-size: 20px; */
/*     bottom: -25px; */
/* 	box-shadow: rgb(255 255 255 / 35%) 0px 5px 15px; */
/* } */
/* .circle li.active.circle-tab-1 .over::before { */
/*     background: #edfdff; */
/*     color: #1d5a9e; */
/*     top: -25px; */
/* } */
/* .circle li.active.circle-tab-2 .over::before { */
/*     background: #edfdff; */
/*     color: #3d8890; */
/*     top: -25px; */
/* } */
/* .circle li.active.circle-tab-3 .over::before { */
/*     background: #fffceb; */
/*     color: #aa9c44; */
/*     top: -25px; */
/* } */
/* .circle li.active.circle-tab-4 .over::before { */
/*     background: #ffe6eb; */
/*     color: #a33a4e; */
/*    	top: -25px; */
/* } */
/* .circle li.active.circle-tab-5 .over::before { */
/*     background: #f7ffe6; */
/*     color: #485d1f; */
/*     top: -25px; */
/* } */
.circle li.active .circle-lbl span {
    font-size: 15px;
    text-shadow: 0px 0px 20px #fff;
}


/* circle tab svg style start  */
.svg-wrapper {
    width: 40px;
    height: 40px;
    position: absolute !important;
     top: -25px;
    left: 50%;
    transform: translateX(-50%) !important;
}
.circle li.active .svg-wrapper {
    border-radius: 4px;
    font-size: 20px;
    box-shadow: rgb(255 255 255 / 35%) 0px 5px 15px;
        background: var(--bg-light);
}
.circle li.active .svg-wrapper.AYURGYAN {
    padding: 0px 2px 4px 4px;
}
.svg-wrapper.AYURGYAN .s0 { fill: #ffd5bf } 
.svg-wrapper.AYURGYAN .s1 { fill: #353535 } 
.svg-wrapper.AYURGYAN .s2 { fill: #3b3b3b } 
.svg-wrapper.AYURGYAN .s3 { fill: #1d1d1d } 
.svg-wrapper.AYURGYAN .s4 { fill: #131313 } 
.svg-wrapper.AYURGYAN .s5 { fill: #ff5800 } 
.svg-wrapper.AYURGYAN .s6 { fill: #dfe1e3 } 
.svg-wrapper.AYURGYAN .s7 { fill: #ffffff } 
.svg-wrapper.AYURGYAN .s8 { fill: #a6a6a6 } 
.svg-wrapper.AYURGYAN .s9 { opacity: .5;fill: #a6a6a6 } 
.svg-wrapper.AYURGYAN .s10 { fill: #3179af;stroke: #3179af;paint-order:stroke fill markers;stroke-linejoin: round;stroke-width: 4 } 
.svg-wrapper.AYURGYAN .s11 { fill: #af5d32 } 
.svg-wrapper.AYURGYAN .s12 { fill: #ecf0f1 } 
.svg-wrapper.AYURGYAN .s13 { fill: #6abdfb } 
.svg-wrapper.AYURGYAN .s14 { fill: #9cd3fc } 
.svg-wrapper.AYURGYAN .s15 { fill: #3179af } 
.svg-wrapper.AYURGYAN .s16 { fill: #4893cc } 
.svg-wrapper.AYURGYAN .s17 { fill: #cde9fe } 
.svg-wrapper.AYURGYAN .s18 { fill: #265e87 } 
.svg-wrapper.AYURGYAN .s19 { fill: #f8d707 } 
.svg-wrapper.AYURGYAN .s20 { fill: #fbe76a } 
.svg-wrapper.AYURGYAN .s21 { fill: #dfc206 } 

.svg-wrapper.AYURSWASTHYA .s0 { fill: #a0d5a1 } 
.svg-wrapper.AYURSWASTHYA .s1 { fill: #b9eeba } 
.svg-wrapper.AYURSWASTHYA .s2 { fill: #87bc88 } 
.svg-wrapper.AYURSWASTHYA .s3 { fill: #73a874 } 
.svg-wrapper.AYURSWASTHYA .s4 { fill: #457a46 } 
.svg-wrapper.AYURSWASTHYA .s5 { fill: #1976d2 } 
.svg-wrapper.AYURSWASTHYA .s6 { fill: #558761 } 
.svg-wrapper.AYURSWASTHYA .s7 { fill: #47ab7d } 
.svg-wrapper.AYURSWASTHYA .s8 { fill: #4fc3f7 } 
.svg-wrapper.AYURSWASTHYA .s9 { fill: #1e88e5 } 
.svg-wrapper.AYURSWASTHYA .s10 { fill: #1565c0 } 
.svg-wrapper.AYURSWASTHYA .s11 { fill: #95d835 } 
.svg-wrapper.AYURSWASTHYA .s12 { fill: #3d7f58 } 
.svg-wrapper.AYURSWASTHYA .s13 { fill: #ffffff } 
.svg-wrapper.AYURSWASTHYA .s14 { fill: #696969 } 
.svg-wrapper.AYURSWASTHYA .s15 { fill: #4d5a4b } 
.svg-wrapper.AYURSWASTHYA .s16 { fill: #293b4e } 
.svg-wrapper.AYURSWASTHYA .s17 { fill: #445b69 } 
.svg-wrapper.AYURSWASTHYA .s18 { fill: #506c72 } 
.svg-wrapper.AYURSWASTHYA .s19 { fill: #fcd66f } 

.svg-wrapper.CDSM .s0 { fill: #aa5d3f } 
.svg-wrapper.CDSM .s1 { fill: #cc7a4e } 
.svg-wrapper.CDSM .s2 { fill: #75bc48 } 
.svg-wrapper.CDSM .s3 { fill: #58962f } 

.svg-wrapper.IC .s0 { fill: #3ab9b7 } 
.svg-wrapper.IC .s1 { fill: #2c2c2c } 
.svg-wrapper.IC .s2 { fill: url(#g1) } 
.svg-wrapper.IC .s3 { fill: url(#g2) } 
.svg-wrapper.IC .s4 { fill: url(#g3) } 
.svg-wrapper.IC .s5 { opacity: .2;fill: #2c2c2c } 
.svg-wrapper.IC .s6 { fill: #484c55 } 
.svg-wrapper.IC .s7 { fill: #dbaa86 } 
.svg-wrapper.IC .s8 { fill: #fdcfae } 
.svg-wrapper.IC .s9 { fill: #202e75 } 

.svg-wrapper.IEC .s0 { fill: #c0eaff } 
.svg-wrapper.IEC .s1 { fill: #e2f5ff } 
.svg-wrapper.IEC .s2 { fill: #0f50a6 } 
.svg-wrapper.IEC .s3 { fill: #507ebb } 
.svg-wrapper.IEC .s4 { fill: #fff2d8 } 
.svg-wrapper.IEC .s5 { fill: #b9c1c9 } 
.svg-wrapper.IEC .s6 { fill: #fed198 } 
.svg-wrapper.IEC .s7 { fill: #15bdb1 } 
.svg-wrapper.IEC .s8 { fill: #ffffff } 
.svg-wrapper.IEC .s9 { fill: #aab4bd } 
.svg-wrapper.IEC .s10 { fill: #ff7069 } 
.svg-wrapper.IEC .s11 { fill: #000000 } 
.svg-wrapper.IEC .s12 { fill: #ecf0f1 } 
.svg-wrapper.IEC .s13 { fill: #f0b97d } 
.svg-wrapper.IEC .s14 { fill: #596366 } 
.svg-wrapper.IEC .s15 { fill: #807d7d } 
.svg-wrapper.IEC .s16 { fill: #c8cacc } 
.svg-wrapper.IEC .s17 { fill: #cccccc } 
.svg-wrapper.IEC .s18 { fill: #0e5e9a } 
.svg-wrapper.IEC .s19 { fill: #434343 } 
/* circle tab svg style end  */


@media only screen and (max-width: 991px) {
.menunav {
    transform: rotate(152deg);
}
}