.bg-badge-yellow {
  background: url("../img/static/bg-badge-yellow.png") no-repeat left center;
  background-size: cover;
  width: 50px;
  height: 50px;
}
.bg-badge-pink {
  background: url("../img/static/bg-badge-pink.png") no-repeat left center;
  background-size: cover;
  width: 50px;
  height: 50px;
}
.bg-badge-purple {
  background: url("../img/static/bg-badge-purple.png") no-repeat left center;
  background-size: cover;
  width: 85px;
  height: 85px;
}
.click-alphabet:hover{
  background: url("../img/static/bg-badge-pink.png") no-repeat left center;
  background-size: cover;
  width: 50px;
  height: 50px;
}

.lh-0{
  line-height: 0px;
}
.fs-40px{
  font-size: 40px;
}
.fs-32px{
  font-size: 32px;
}

.fs-64px{
  font-size: 64px;
}

/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  
}

/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
  .h-mobile-0{
    height: 0px !important;
  }
  .bg-badge-purple{
    width: 68px;
    height: 68px;
  }
  .fs-64px{
    font-size: 46px;
  }
  .fw-500{
    font-weight: 400;
  }
}

/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  
}

/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
  .div-fixed .col-12{
    max-width: 100%;
    overflow-x: auto;
  }

  .div-fixed .d-flex.flex-wrap{
    display: inline-flex !important;
    flex-wrap: nowrap !important;
  }

  .FloodStd.fs-40px{
    font-size: 32px;
  }
}

/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
  
}