body {
    background: #fafafa;
    color: #333333;
  }
  
  ul {
    margin: 0;
  }

  /* Custom CSS to limit container's maximum width */
  .container {
    max-width: 912px;
  }


  .team-name-row .col-4 {
    display: flex;
    align-items: center;
  }

  .team-name-row .col-2 {
    display: flex;
    align-items: center;
  }


  img {
    max-width: 250px;
  }

  .team-name-row img {
    max-width: 40px;
  }
  
    /* Custom CSS to set max font size to 1rem for text in specific rows */
  .team-name {
    /* Use Bootstrap's responsive typography classes to set max font size to 1rem */
    font-size: 0.75rem;
  }

  @media (min-width: 992px) {
    /* Apply the 1rem font size for larger screens (width >= 992px) */
    .team-name {
      font-size: 1rem;
    }

    .team-name-row img {
      max-width: 100px;
    } 
  }

  .content-section {
    background: #ffffff;
    padding: 10px 20px;
    border: 1px solid #dddddd;
    border-radius: 3px;
    margin-bottom: 20px;
  }
  
  .account-img {
    height: 125px;
    width: 125px;
    margin-right: 20px;
    margin-bottom: 16px;
  }
  
  .account-heading {
    font-size: 2.5rem;
  }

  .card-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: 20px;
}

.card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.card:hover {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}

.card-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}


.round-card ul {
    list-style-type: disc;
    margin-left: 2rem;
}
.round-card ul li {
    list-style-type: disc;
}

.radio-tile-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;

  
  .input-container {
    position: relative;
    height:  12rem;
    width:  12rem;
    margin: 0.2rem;

    .radio-button {
      opacity: 0;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      margin: 0;
      cursor: pointer;
    }


    .radio-tile {
      /* display: flex; */
      /* flex-direction: column; */
      /* align-items: center; */
      /* justify-content: center; */
      width: 100%;
      height: 100%;
      /* transition: transform 300ms ease; */
    }
    .radio-tile-label {
      text-align: center;
      font-size: 0.75rem;
      font-weight: 600;
      letter-spacing: 1px;
      color: #0d6efd;
    }

    .radio-button:checked + .radio-tile {
      background-color: #0d6efd;
      border: 2px solid #0d6efd;
      color: white;
      transform: scale(1.1, 1.1);
      
      .radio-tile-label {
        color: white;
        background-color: #0d6efd;
      }
    }
  }
}