.numcircle2 {cursor: pointer;height: 20px;width: 36px;border-radius: 10%;border: 1.0px solid green;display: inline-block;transition: background-color 0.6s ease;font-size: 0.9rem;line-height: 1.2rem;font-family: "OpenSans-Semibold",sans-serif;margin: 0px;padding: 0px;}
.active, .numcircle2:hover {background-color: #717100;color:white;;font-size: 1.0rem;}
.numcircle3 {cursor: pointer;height: 20px;width: 24px;margin: 0 2px;border-radius: 50%;border: 1px solid green;display: inline-block;transition: background-color 0.6s ease;font-size: 0.9rem;line-height: 1.3rem;font-family: "OpenSans-Semibold",sans-serif;margin: 0px;padding: 0px;}
.active, .numcircle3:hover {background-color: #717100;color:white;;font-size: 1.0rem;}