body{
    font-family: "Montserrat", sans-serif !important;
}
.btn-primary{
    background-color: #a30dfd !important;
    border: none
}
.accordion-button:not(.collapsed){
    background-color: #a30dfd5e !important;
}
.feature-icon {
    font-size: 2.5rem;
    color: #a30dfd !important;
}
.hero {
    background: linear-gradient(120deg, #1a2740 70%, #3a4f79 100%);
    color: #fff;
    padding: 60px 0 40px 0;
    text-align: center;
    height: 80vh;
    display: flex;
    align-items: center;
  }
  .game-card img {
    height: 130px;
    object-fit: contain;
  }
  .feature-icon {
    font-size: 2.5rem;
    color: #1762ff;
  }
  .footer {
    background: #16203b;
    color: #fff;
    padding: 30px 0 10px 0;
    font-size: 0.95rem;
  }
  .hero {
background: url('img/hero.jpg') center center/cover no-repeat;
color: #fff;
padding: 80px 0 60px 0;
text-align: center;
position: relative;
}
.hero::after {
content: "";
display: block;
position: absolute;
inset: 0;
background: rgb(24 32 56 / 73%); 
z-index: 1;
}
.hero > .container {
position: relative;
z-index: 2;
}

.game-card img{
    padding: 0rem !important;
    object-fit: unset !important;
    height: 150px !important
}
iframe{
    width: 100%;
    height: 80vh;
}
.card-body{
    background-color: #a30dfd;
    color: white;
}
.btn-outline-primary{
    background-color: #ffc008;
    border-radius: 20px;
    color: black;
    border: none;
    width: 50% !important;
}
#games .text-secondary {
    --bs-text-opacity: 1;
    color: rgb(237 239 241) !important;
}
#about-numbers .counter {
    font-size: 2.2rem;
    line-height: 1.1;
  }
  #about-numbers i {
    vertical-align: middle;
  }
  
  .accordion-button:not(.collapsed) {
    color: #ffffff;}