body {
    background-color: #957dad;
    color: #fff;
  }
  .form-control {
    background-color: #fff;
    color: #aaa;
    border: none;
  }
  ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #ccc !important;
    opacity: 1 !important; /* Firefox */
  }
  .bg-green{background-color: #4bd657}
  .bg-green:hover{background-color: #20c997}
  .bg-dark2{background-color:rgba(32,33,35,.8) !important}
  .badge{cursor: pointer}
  .badge::after{content:" x"}
  @keyframes dot-show {
    0%, 20% {
      content: " ";
    }
    40% {
      content: " .";
    }
    60% {
      content: " ..";
    }
    80% {
      content: " ...";
    }
  }

  .dot-anim::after {
    content: " ...";
    animation: dot-show 1s infinite;
    font-size: 32px;
  }
  .hidden {
    display: none !important;
  }

  #cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #f1f1f1;
    padding: 10px;
    text-align: center;
  }
  #adsense-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .modal-content {
    background-color: #fff;
    padding: 20px;
    text-align: center;
  }