.center{
	text-align: center;
	width:100%;}
	
[type="radio"]{
  display: none;
}
label{
	padding:10px 20px;
border-radius:20px;
  cursor: pointer;
  transition: 0.25s;
   width:25%;
border:1px solid #d4af37;
margin:5px 10px;
}

[type="radio"]:checked + label{
  color: #fff;
    background-color: #d4af37;
    border-color: #d4af37;
	text-align:center;
	padding:10px 20px;
	width:100%;
	border-radius:20px; 
 width:25%;
margin:5px 10px;
	
}
[type="radio"]:nth-of-type(2):checked ~ .gallery .card:not(.facilities),
[type="radio"]:nth-of-type(3):checked ~ .gallery .card:not(.facilities2)
{
  display: none;
}
.gallery{
  display: grid;
	justify-content: center;
  grid-template-columns: repeat(auto-fit, 23%);
  grid-auto-rows: 1fr;
  grid-gap: 25px;
  padding: 0rem;
  margin-top: 60px;
}
.card{
  margin: 0;
  background:#fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 10px silver;
  transition: box-shadow 0.35s;
}
.card:hover{
  box-shadow: 0 0 25px #0009;
}
.card__image{
  width: 100%;

}
.card__caption{
	font-weight: bold;
  font-variant: small-caps;
  padding: 0.5rem;
  text-align: center;
  color: gold;
}
@media (max-width: 991px) {
label{
   width:60%;

}

[type="radio"]:checked + label{
 width:60%;

}
.gallery{
  grid-template-columns: repeat(auto-fit, 45%);
}
}
@media (max-width: 720px) {
label{
   width:70%;

}

[type="radio"]:checked + label{
 width:70%;

}
.gallery{
  grid-template-columns: repeat(auto-fit, 45%);
}
}
@media (max-width: 460px) {
label{
   width:80%;

}

[type="radio"]:checked + label{
 width:80%;

}
.service .service-item .mb10, .service .service-item .mb20{
min-height:350px;}
.gallery{
  grid-template-columns: repeat(auto-fit, 100%);
}
}