.formButtonGrid{
    display: flex;
    /*grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));*/
    gap: 10px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    font: 1em sans-serif;
    flex-wrap: wrap;
}

.formContentItem{
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border-radius: 20px;
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
    animation: fadeInUp 1s ease-out both, itemFloat 6s ease-in-out both;
    margin: 0 auto;
    width: 100%;
    text-align: left;
    text-transform: lowercase;
    flex-basis: 33.33%;
    flex: 0 0 calc(33.33% - 6.7px);
    box-sizing: border-box;
}

.radioContent{
  border: 0;
  margin: 0 1em;
  padding: 0;
}

.radioContent label{
    padding: 1em;
  font-size: 0.8rem;
  text-transform: capitalize;
  color: #fff;
  -webkit-text-stroke: 0.04rem #858e47;
  paint-order: stroke;
    
}



.radioGrid{
    display:flex;
    flex-direction: column;
    /*grid: auto auto / auto auto auto auto;*/
    /* grid-template-columns: 1fr 1fr 1fr;  Three equal columns */
    gap: 1rem;  /*Space between rows and columns */
    margin: 1% 0;
}

.radioSelection {
    background: rgba(226, 64, 64, 0.532);
    color: white;
    font-size: 0.8rem;
    font-weight: 500;
    border-radius: 15px;
    margin: 0;
    padding: 2%;
    border: 1px solid rgba(244, 82, 147, 0.8);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    width:100%;
    z-index: 1;
    text-transform: capitalize;
}

.radioSelectionCheckbox {
    background: rgba(226, 64, 64, 0.532);
    color: white;
    font-size: 0.8rem;
    font-weight: 500;
    border-radius: 15px;
    margin: 0;
    padding: 2%;
    border: 1px solid rgba(255, 255, 255, 0.8);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    width:100%;
    z-index: 1;
    text-transform: capitalize;
}

/*form { 

  border: 1px solid #cc56a5; 
  border-radius: 5px; 
  font: 14px/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif; 
  overflow: hidden; 
  width:auto; 
} */
 
*, 
*:before, 
*:after { 
   box-sizing: border-box; 
} 
form { 
  border: 1px solid #c6c7cc; 
  border-radius: 5px; 
  font: 14px/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif; 
  overflow: hidden; 
  width: 100%; 
} 
fieldset { 
  border: 0; 
  margin: 0; 
  padding: 0; 
} 
input { 
  border-radius: 5px; 
  font: 14px/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif; 
  margin: 0; 
} 
.account-info { 
  padding: 0 20px; 
} 
/* .account-info label { 
  color: #395870; 
  display: block; 
  font-weight: bold; 
  padding: 1em 0 0 0; 
}  */


.account-info input { 
  background: #fff; 
  border: 1px solid #c6c7cc; 
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1); 
  color: #636466; 
  padding: 6px; 
  margin-top: 6px; 
  width: 100%; 
} 
.account-action { 
  background: #f0f0f2; 
  border-top: 1px solid #c6c7cc; 
  padding: 20px; 
} 
.account-action .btn { 
  background: linear-gradient(#49708f, #293f50); 
  border: 0; 
  color: #fff; 
  cursor: pointer; 
  font-weight: bold; 
  float: left; 
  padding: 8px 16px; 
} 
.account-action label { 
  color: #7c7c80; 
  font-size: 12px; 
  float: left; 
  margin: 10px 0 0 20px; 
}