/* Tabs */
.tab {
  background:#EEEEEE; width:24%;padding:5px;border-radius:16px;height:100%;
}


.admission-rules-tab{width:100%;padding:5px;border-radius:16px;height:auto;  display:flex; gap:20px;}
.admission-rules-tab button {display:flex;position:relative; background-color: inherit;border-radius:12px; align-items:center; justify-content: center; gap:0px;color: black;padding:14px;width: 100%;font-size:18px; border: inherit;  border:2px solid #4445; outline: none;cursor: pointer;margin-bottom:7px;letter-spacing: 0.01em;color:#00205A;box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.10);}
.admission-rules-tab button:hover::before {filter: brightness(0) invert(1);}
.admission-rules-tab button img{width:40px;  height:40px;}
.admission-rules-tab button.active {background:#00205A; color:#fff; border-radius:8px;}
.admission-rules-tab button:hover{background:#1f91ce; color:#fff; border-radius:8px;}



.health-tab{width:100%;padding:5px;border-radius:16px;height:auto;}
.health-tab button {display:flex;position:relative; background-color: inherit;border-radius:12px; align-items:center; gap:20px;color: black;padding:14px;width: 100%;font-size:18px; border: inherit;  border:2px solid #4445; outline: none;cursor: pointer;margin-bottom:7px;letter-spacing: 0.01em;color:#00205A;box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.10);}
.health-tab button::before {content: '';    background-image: url(plus1-icon.png); width: 22px;   height: 22px;    background-size: 15px;    background-repeat: no-repeat;    position: absolute;  top:12px;  right:10px; padding:14px; border-radius:12px;background-position:50% 50%; border:2px solid #4445;  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.10);}

.health-tab button.active::before {filter: brightness(0) invert(1);  background-image: url(plus-icon.png);}
.health-tab button:hover::before {filter: brightness(0) invert(1);}
.health-tab button img{width:40px;  height:40px;}
.health-tab button.active {background:#00205A; color:#fff; border-radius:8px;}
.health-tab button:hover{background:#1f91ce; color:#fff; border-radius:8px;}
 


/* Style the buttons inside the tab */
.tab button {
  display: block;position:relative; 
  background-color: inherit;border-radius:12px;
  color: black;
  padding:14px;
  width: 100%;font-size:16px; font-weight:bold;
  border: inherit;
  outline: none;
  text-align: left;
  cursor: pointer;
    margin-bottom: 0px;
letter-spacing: 0.01em;
  color:#8B8B8B;
}

 
.tab button img{width:24px; height:auto; position:absolute; right:20px; top:33px; display:none;}
/* Change background color of buttons on hover */
.tab button:hover {color:#222222;} 
.tab button:hover img{display:block;}
.tab button.active img{display:block;}
/* Create an active/current "tab button" class */
.tab button.active {background:#fff; color:#222222;}

/* Style the tab content */
.tabcontent {
  float: left;
  padding: 0px 12px;
  width: 70%;
  border-left: none;
  height: 100%;
  display: none;
}
.tab1{display:none;}


.packagesbox{padding: 0px;border:0px solid #ccc;width:100%;border-left: none; padding:0px;height:auto; }
.storiesbox{padding: 0px;border:0px solid #ccc;width:100%;border-left: none; padding:0px;height:100%;  display: none;}
.centrebox{padding: 0px;border:0px solid #ccc;width:100%;border-left: none; padding:0px;height:100%;  display: none;}
.patientbox{padding: 0px;border:0px solid #ccc;width:100%;border-left: none; padding:0px;height:100%; }


@media screen and (max-width:880px) {
.health-tab button{text-align:left; font-size:15px;}
.admission-rules-tab{gap:10px;  flex-direction: column;}
.admission-rules-tab button{font-size:14px; margin-bottom:0px;}

}