.elementor-1687 .elementor-element.elementor-element-e879121{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:7px;--padding-left:0px;--padding-right:0px;}.elementor-1687 .elementor-element.elementor-element-0dace3f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1687 .elementor-element.elementor-element-abfafd9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1687 .elementor-element.elementor-element-0dace3f{--width:83%;}}/* Start custom CSS for shortcode, class: .elementor-element-d44577b */.sg-referral-table {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.sg-ref-row {
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 14px;
  padding: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.sg-ref-avatar img {
  border-radius: 50%;
}

.sg-ref-info {
  margin-left: 12px;
  flex: 1;
}

.sg-ref-info strong {
  font-size: 15px;
}

.sg-ref-info small {
  font-size: 12px;
  color: #666;
}

.sg-ref-extra {
  text-align: right;
  font-size: 12px;
}/* End custom CSS */