.referral-banner .wp-block-group__inner-container{
  max-width:900px;
  margin:0 auto;
}
.referral-banner p{
  font-size:18px;
}
.referral-button-group a{
  padding: 10px 15px;
  font-size: 16px;
  background-color: #FBDD24;
  color: #201F29;
  border-radius: 10px;
}

.referral-button-group a{
  padding: 10px 15px;
  font-size: 16px;
  background-color: #FBDD24;
  color: #201F29;
  border-radius: 10px;
  border:2px solid #FBDD24;
}
.referral-button-group a:hover{
  background-color: #201F29;
  color: #FBDD24;
  border-color:#201F29;
}
.referral-button-group .is-style-outline a{
  background-color: transparent;
  color: #201F29;
  border-color:#201F29;
}
.referral-button-group .is-style-outline a:hover{
  background-color: #201F29;
  color: #FBDD24;
  border-color:#201F29;
}
.reward-structure{
  padding: 1.5rem;
  border-radius: 10px;
}
.reward-structure p{
  margin:0;
}
.reward-structure-1{
  border: 2px solid #bfdbfe;
  background-color: #eff6ff;
}
.reward-structure-2{
  border: 2px solid #bbf7d0;
  background-color: #effdf4;
}
.reward-structure-3{
  border: 2px solid #fbd829;
  background-color: #fffbec;
}
.reward-structure-4{
  border: 2px solid #e9d5ff;
  background-color: #faf5ff;
}

.text-center{
  text-align: center!important;
}
.full-height{
  min-height: calc(100vh - 220px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.rc-container{
  width: 800px;
  margin: 0 auto;
  text-align: center;
}
.rc-container h4{
  margin:0;
}
.rc-container h2{
  font-weight: bold;
  margin-top: 10px;
}
.rc-container .btn{
  border-radius: 10px;
  color: #201f29;
  background-color: #fbdd24;
  padding: 15px 30px;
  display: inline-block;
  text-decoration: none;
  font-size: 20px;
}
.rc-container .btn:hover{
  color: #fbdd24;
  background-color: #201f29;
}
.rc-container .previous-step{
  text-align: left;
}
.rc-container .form-buttons{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5em;
  margin-bottom: 30px;
}
.rc-container .form-buttons .form-button{
  flex: 1 1 calc(50% - 0.5em);
  margin-bottom: 10px;
}
.rc-container .form-buttons .form-button .btn-outlined {
  border-radius: 10px;
  color: #201f29;
  display: block;
  text-decoration: none;
  padding: 15px 30px;
  border: 2px solid #201f29;
  font-size: 18px;
}
.rc-container .form-buttons .form-button .btn-outlined:hover {
  background-color: #fbdd24;
}
.rc-container .form-buttons .form-button .btn-outlined.active {
  background-color: #fbdd24;
}
.rc-container .error{
  font-size: 14px;
  margin: 15px 0;
  color: #b00f0f;
}

.no-margin{
  margin:0!important;
}
form.klaviyo-form{
  margin-top:40px!important;
}

.single-landing .site-marketing .landing .info__card .info__key__large{
font-size:28px;
width:150px;
}
    
@media (max-width: 990px) {
    .referral-banner .wp-block-group__inner-container{
      max-width:90%;
      margin:0 auto;
    }
    .hide-tablet{
      display:none;
    }
    .reward-structure{
      flex-basis:100%!important;
    }
    .referral-terms ul{
      margin-left:0;
    }
    .referral-form{
      flex-basis:100%!important;
    }
}
@media (max-width: 768px) {
    .hide-mobile{
      display:none;
    }
    .mobile-left{
      text-align:left;
    }
    form.klaviyo-form{
      padding:15px!important;
      margin-top:0!important;
    }
    .referral-terms ul{
      margin-left:0;
    }
}

@media (max-width: 600px) {
    .rc-container{
      width: 100%;
    }
    .rc-container .form-buttons .form-button{
      flex: 1 1 calc(100% - 0.5em);
      margin-bottom: 10px;
    }
    .single-landing .site-header .site-branding img{
      max-width:9.25rem
    }
    .referral-banner .wp-block-group__inner-container{
      max-width:100%;
    }
    .referral-section-title{
      font-size:16px;
    }
    .single-landing .wp-block-spacer.mobile-visible{
      display:block!important;
    }
    .postid-1007.single-landing .site-marketing .medium__heading{
      font-size:22px;
    }
    .postid-1007.single-landing .site-marketing .landing .process-section .wp-block-column{
      margin:0;
    }
    .postid-1007.single-landing .process-section .wp-block-column.info__card .wp-block-group{
      align-items:center;
    }
    .postid-1007.single-landing .process-section .wp-block-column.info__card .wp-block-group p{
      text-align:center;
      margin: 0 auto;
    }
    .single-landing .site-header .site-tradeaction{
		display:none;
    }
    .single-landing .site-branding{
		margin:0 auto;
    }
}