.cardhov:hover {
  transform: translateY(-5px);
  transition: transform 0.6s ease;
  
}
.list-group {
  --bs-list-group-bg: none !important;
}
img:hover{
  filter: grayscale(100%); 
}
div a {
  text-decoration: none;
}
div a:hover {
  color:#000 !important;
}
.card-body .card-title{
  font-size: 1rem !important;
}
.gbchanger{
    background-image: linear-gradient(to right, #3CB54B , #B6D35E)
  }
  .gbchanger2{
    background-image: linear-gradient(to right, #ffb134 , #FF6E2A)
  }
  .card{
    background-color: #f8f8f8 !important;
  border: 2px solid #fff !important;
    box-shadow: 0 3px 9px 1px rgba(34,23,20,.1);
    border-radius: 4px;

   
  }
  body {
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif !important;
    /* background: linear-gradient(45deg,#00dbde,#fc00ff); */
    background-color: #F8F8F8 !important;

}
.containers{
    margin-top: 90px;
}

.active {
    color:rgb(179 0 0) !important;
    background-color: bisque !important;
    border-radius: 5px !important;
}
.btn{
  background: -webkit-linear-gradient(left,#00dbde,#fc00ff);
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out;
  border: none !important;
  color:white !important;
}
.btn:hover {
  background: linear-gradient(to right, #2196F3, #4CAF50);
}
.col-2{
  background-color: antiquewhite
}
@media (max-width: 768px) {
  .col-2 {
   width: 50% !important;
  }
}
#game-board {
  display: grid;
  grid-template-columns: repeat(4, 100px);
  gap: 10px;
}

.cards {
  width: 100px;
  height: 100px;
  background-color: hsl(50, 33%, 25%);
  
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  cursor: pointer;
  user-select: none;
}
.footer {
  background-color: #021324;
  color: #dbdbdb;
  padding: 40px 0;
}

.footer-logo {
  margin-bottom: 20px;
}

.quick-links,
.services,
.contact-details {
  margin-bottom: 20px;
}

.social-icons {
  font-size: 24px;
}
footer a{
  text-decoration: none !important;
  color: #fff !important;
}
footer a:hover{
  color: #adadad !important;
}

.card-img-tops {
  width: 100%;
  border-top-left-radius: calc(1.25rem - 1px);
  border-top-right-radius: calc(1.25rem - 1px);
}


.containerss {
  position: relative;
  /* max-width: 800px; */
  margin: 0 auto;
}
.containerss:hover {
  transform: translateY(-5px);
  transition: transform 2s ease;

}

.containerss a img {
  vertical-align: middle;

  }

.containerss .content {
  position: absolute;
  bottom: 0;
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  color: #f1f1f1;
  width: 100%;
  padding: 3px;
}
.containerss .content-top {
  position: absolute;
  top: 5px;
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  color: #f1f1f1;
  width: 30%;
  padding: 3px;
  border-radius: 4px;
  font-size: smaller;
  left: 5px;
}


.bottom-left {
  position: absolute;
  bottom: 0px;
  left: 14px;
  background-color: #1214166b;
width: 90%;
border-radius: 0px 0px 5px 5px;
}