@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root {
  --color-primary-blue: #007CC3;
  --color-forest-green: #2A6B32;
  --color-forest-green-rgb: 42, 107, 50;
  --color-lime-green: #A3C901;
  --color-charcoal: #3A3A3A;
  --color-soft-sky-blue: 179, 214, 227;
 
  --color-bright-red: #C9252C;
  --color-white: #FFFFFF;
  --color-light-gray: #F3F3F3;
  --color-slate-gray: #6D6E71;
  --bs-body-color:#545454;
  --bs-font-sans-serif:"Poppins", sans-serif, system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --bs-body-font-family:var(--bs-font-sans-serif);
}


body {
  font-family: sans-serif;
  border: 2px solid #425b19;
  margin: 0;
  padding: 0;
  font-family: var(--bs-body-font-family);
  background-color:rgba(var(--color-soft-sky-blue), .05);
}
.playerchoice {
  display: flex;
  flex-direction: row;
  gap: 10rem; 
  justify-content: center;
  align-items: stretch;
}

.playerchoice label {
  flex: 1 1 0;
}
.card{
  
}
.playerchoice label{
  transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
  cursor: pointer;

  input{
    appearance: none;
    inline-size: 18px;
    block-size: 18px;
    border-radius: 4px;
    box-shadow: 0 0 0 1px var(--color-slate-gray);
    position: relative;
    margin-bottom: 1rem;
    &:is(:checked){
      background-color: #fafafa;
      box-shadow: 0 0 0 1px var(--color-forest-green);
      &:after{
        content: '';  
        width: 8px;
        height: 8px;
        background-color: var(--color-forest-green);
        display: block;
        border-radius: 2px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        box-shadow: 0 0 0 1px var(--color-forest-green);
      }
    }
  }
}
.flight-number{
  font-size: 18px;
  font-style: normal;
  font-weight: semibold;
}
.playerchoice label:has(input:checked) {
  background-color:rgba(var(--color-forest-green-rgb), .5);
  border-color:var(--color-forest-green);
  color: white;
  box-shadow: 0 4px 14px 0 #6D6E71;
}
.player-info-card {
  border-radius: .75rem;
  border: none; 
}
.custom-btn {
  background-color: var(--color-forest-green);
  border-color:var(--color-forest-green);
  color: white;
  box-shadow: 0 4px 14px 0 #6D6E71;
}
.custom-btn:hover {
  background-color: var(--color-forest-green); 
  border-color: var(--color-forest-green);
  color: white;
  box-shadow: 0 6px 18px 0 #6D6E71;
}

.btn-icon{
      width: 34px;
      height: 34px;
      display: flex;
      justify-content: center;
      align-items: center;
      &.btn-sm{
        width: 24px;
        height: 24px;
      }
      &.btn-xs{
        width: 16px;
        height: 16px;
      }
}
.banner2{

  border-radius: 0;
  overflow: hidden;
  >img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
  }
}