.bgcp {
  position: absolute;
  top: 0%;
  left: 0%;
  height: 100%;
  width: 100%;
}
.eachblock {
  width: 12%;
  height: 30%;
  background: #f0fffe;
  border: none;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s ease;
  /* border-radius: 5vmin; */
  margin: 1%;
  font-size: 1.7vw;
  cursor: pointer;
}
.spark {
  position: absolute;
  width: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
  display: none;
}
.toptxt {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  text-align: center;
  font-size: 2.5vw;
  background-color: #e1be6a;
  padding: 2% 1% 1% 1%;
  z-index: 9;
}
.flexblock {
  width: 82%;
  height: 50%;
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  top: 14%;
  left: 10%;
}
.hovered {
  background: #e2c395;
}
.extraf {
  width: 80%;
  height: 28%;
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  left: 10%;
  bottom: 3%;
  align-items: center;
  justify-content: center;
  background-color: #89c1bd;
}
.extra {
  background: #fcfcfc;
  height: 40%;
    width: 9%;
    margin: 9px;
    background: #f0fffe;
    border: none;
    border-radius: 5px;
    color: #3e6c94;
    transition: none;
}
.extra:hover{
  transform: scale(1.1);
}
.eachblock:nth-child(7n + 0) {
  /* border-right: 2px solid #ffca78; */
  border: none;
}
.extra:nth-child(7n + 0) {
  border-right: 1px solid #3e6c94;
}
@media(max-width:786px){
  .flexblock{
    width: 80%;
    height: 26%;
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    top: 16%;
    left: 12.5%;
  }
  .eachblock{
    margin: 2%;
    width: 9%;
    height: 38%;
  }
  .extra:hover{
    transform: scale(1.5);
  }
  .extraf{
    width: 80%;
    height: 34%;
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    left: 8.5%;
    bottom: 2%;
    align-items: center;
    justify-content: center;
    background-color: #89c1bd;
  }
  .extra{
    margin: 2%;
    width: 9%;
    height: 34%;
  }
}

.jheelimili{
  box-shadow: 0px 1px 10px 0px rgb(87 82 82 / 76%);
    -webkit-box-shadow: 0px 1px 4px -1px rgb(87 82 82 / 76%);
    -moz-box-shadow: 0px 1px 10px 0px rgba(87,82,82,0.76);
  animation: jhilimili 2s ease-in-out infinite;
}
@keyframes jhilimili{
  0%{
    background-color:rgb(179 211 80 / .5);
  }
  50%{
    background-color:rgb(179 211 80 / 1);
  }
  100%{
    background-color:rgb(179 211 80 / .5);
  }
}

@media (min-aspect-ratio: 4/3) {
  .eachblock{
    font-size: 6vh;
  }
}@media (max-aspect-ratio: 4/3) {
  .eachblock{
    font-size: 4vw;
  }
}

.eachblock>span:lang(np), .eachblock:lang(np) {
    font-family: 'kalimati' !important;
}