body {
  background-color: #ffffff;
  
}

.content{
  height: 96vh;
}

a{
  color: #222;
}

a:hover{
  color: #222;
  text-decoration: none;
}

.f18{
  font-size: 18px;
}

.home-content p{
  font-size: 18px;
  text-align: justify;
}

.pageContent{
  margin: 0 auto;
  outline: 4px solid #558a86;
  padding: 3%;
}

.panel {
    background: #f0f0f0;
    padding: 3em 2em;
    border-radius: 1em;
}

.panel{
  background:#f0f0f0;
  padding:3em 2em;
  border-radius:1em;
}

.panel-heading{
  font-weight:700;
  font-size:2em;
  letter-spacing: -.025em;
}

.form-grid{
  display:grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap:1em;
  padding-block:1em;
}

.form-grid > input:not(.inline){
  grid-column: span 2;
}

.cta-btn{
  font-weight:700;
  font-size:1.25em;
  padding:1em;
  border-radius:99em;
  letter-spacing: -.025em;
  margin-top:1rem;
}

.check-terms{
  font-weight:400;
  color:#606060;
  letter-spacing: -.05em;
  font-size:.8em;
  cursor: pointer;
  line-height:1.5em;
}

.check-terms input{
  cursor: pointer;
}

.terms-wrap{
  padding-block:1.5em;
}

.item-display{
  display:block;
  width:100%;
  aspect-ratio: 4/3;
  object-fit: contain;
}

.price-ribbon{
  font-size:1.5em;
  font-weight:700;
  aspect-ratio:1/1;
  position: absolute;
  width:8em;
  top:2em;
  right:2em;
  background:var(--c1);
  display:flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius:99em;
  letter-spacing: -.05em;
}

.price-info{
  font-size:4em;
  display:flex;
  align-items: flex-start;
  line-height:.75em;
}

.price-info span{
  font-size:.5em;
}



.btn-primary {
  padding: 12px 18px;
  border-radius: 5px;
  background-color: rgb(0, 149, 246);
  border-color: rgb(0, 149, 246);
}

.price-ribbon{
  font-size:1.5em;
  font-weight:700;
  aspect-ratio:1/1;
  position: absolute;
  width:7em;
  top:2em;
  right:0em;
  background:var(--c1);
  display:flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius:99em;
  letter-spacing: -.05em;
}

.price-info{
  font-size:4em;
  display:flex;
  align-items: flex-start;
  line-height:.75em;
}

.price-info span{
  font-size:.5em;
}