.become-member-header {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-body);
}

.become-a-member-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}

.become-a-member-container > div {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}

.become-member-wrapper {
    display: flex;
    align-items: center;
}

.go-pro-button-wrapper {
    display: flex;
    align-items: center;
}

.sub-feature-col-left {
    border-right: 1px solid var(--brand-black);
    border-bottom: 1px solid var(--brand-black);
}

.sub-feature-col-right {
    border-bottom: 1px solid var(--brand-black);
}

.pro-dealers-benefits-text {
    font-size: var(--font-size-body);
}

.become-a-member-content {
    font-weight: var(--font-weight-semibold);
}

.row-flex {
    display: flex;
    flex-wrap: nowrap;
}

.row-pro-plan-feature {
    min-height: 56px;
}

.row-pro-plan-feature i {
    font-size: x-large;
}

.row-pro-plan-feature i.fa-check {
    color: var(--green-500);
}

.col-content {
    padding: 8px 15px;
    align-content: center;
}

.pro-plan-application p {
    line-height: var(--line-height-relaxed);
    font-size: var(--font-size-body);
}

.pro-plan-application ul {
    list-style-type: none;
    padding-left: 15px;
}

.pro-plan-application i {
    width: 25px;
    font-size: larger;
}

.pro-plan-application a {
    text-decoration: underline;
}

i.fa-exclamation-circle {
    color: var(--color-warning);
    font-size: var(--font-size-h2);
    padding: 0px;
    display: table;
    margin: 0 0 0 auto;
}

.subscription-details-form {
    text-align: center;
    margin-top: -10px;
}

.subscription-details-form .col-md-12 {
    text-align: left;
}

.subscription-details-form .row {
    margin-top: 10px;
}

.subscription-details-form .row-flex {
    margin-top: 5px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.subscription-details-form .subscription-detail-row {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-top: 10px;
}

.subscription-details-form .subscription-icon-col {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 0 0 auto;
    padding-right: 8px;
}

.subscription-details-form .subscription-icon-col i {
    font-size: var(--font-size-h3);
    width: 24px;
    text-align: center;
    flex-shrink: 0;
}

.subscription-details-form .subscription-label-col {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-body);
    padding-right: 8px;
}

.subscription-details-form .subscription-label-col .subscription-label {
    margin-left: 0;
}

.subscription-details-form .subscription-value-col {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;
}

.subscription-details-form .subscription-value-col .subscription-value {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-body);
}

.subscription-details-form .subscription-value-col i {
    margin-left: 8px;
    flex-shrink: 0;
}

.subscription-details-form .subscription-value-col i.fa-check-circle {
    color: var(--color-success);
    font-size: var(--font-size-body);
}

.subscription-details-form .subscription-value-col i.fa-times-circle {
    color: var(--color-error);
    font-size: var(--font-size-body);
}

.subscription-details-form .subscription-icon-col i.fa-shopping-cart {
    color: var(--color-brand-accent);
}

.subscription-details-form .subscription-icon-col i.fa-info-circle {
    color: var(--neutral-900);
}

.subscription-details-form .subscription-icon-col i.fa-clock-o {
    color: var(--color-warning);
}

.subscription-details-form i.fa-refresh {
    color: var(--blue-600);
}

.subscription-details-form i.fa-list {
    color: var(--brand-black);
}

.subscription-details-form i.fa-line-chart {
    color: var(--green-500);
}

.subscription-details-form i.fa-mobile {
    color: var(--red-500);
    font-size: 24px;
}

.subscription-expired {
    color: var(--color-error);
}

.subscription-details-form .row.subscription-active-section {
    margin-top: 35px;
    margin-bottom: 50px;
}

.subscription-details-form .row-flex span {
    font-size: var(--font-size-body);
}

.subscription-details-form .row-flex.feature-row {
    margin-top: 10px;
}

.subscription-details-form .row-flex.feature-row.subscription-detail-row {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.subscription-details-form .row-flex.feature-row .subscription-icon-col,
.subscription-details-form .row-flex.feature-row .subscription-label-col {
    float: none;
}

.subscription-details-form .row-flex.feature-row .subscription-icon-col {
    flex: 0 0 auto;
    padding-right: 8px;
}

.subscription-details-form .row-flex.feature-row .subscription-label-col {
    flex: 1 1 auto;
    padding-left: 0;
}

.subscription-details-form .row-flex.feature-row .subscription-feature-text {
    font-size: var(--font-size-body);
    font-style: italic;
    margin-left: 0;
}

.subscription-details-form .col-md-12.subscription-text {
    font-size: var(--font-size-body);
}

.subscription-details-form p.subscription-paragraph {
    margin-bottom: 15px;
}

.subscription-details-form b.subscription-title {
    font-size: var(--font-size-h3);
    margin-left: 15px;
}

.subscription-details-form ul.subscription-list {
    list-style-type: none;
    padding-left: 0px;
}

.subscription-details-form a.subscription-link {
    font-weight: var(--font-weight-bold);
    text-decoration: underline;
}

.modal-dialog.subscription-modal {
    max-width: 560px;
}

.modal-content.subscription-modal-content {
    border: 0px;
    padding: 5px 25px;
    font-size: var(--font-size-body);
}

.modal-footer{
  display: flex;
  justify-content: center;
}

.modal-footer .col-md-12.text-center,
.modal-footer .col-md-6.text-center {
    text-align: center;
}

.pro-plan-application i.fa-check-circle {
    color: var(--color-success);
}

.pro-plan-application i.fa-exclamation-circle.inline {
    display: inline;
    font-size: large;
}

.pro-plan-application i.fa-info-circle.gray {
    color: var(--neutral-600);
    display: inline;
    font-size: large;
}

.pro-plan-application .row.margin-top-10 {
    margin-top: 10px;
}

#gopro_form {
    text-align: center;
    margin-top: -10px;
}

.become-a-member-content.margin-top-10 {
    margin-top: 10px;
}

.sub-feature-col-right.border-bottom-black {
    border-bottom: 1px solid var(--brand-black);
}

.row-flex span.unlimited-text {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-body);
    color: var(--color-info);
}

.row-flex.padding-top-10 {
    padding-top: 10px;
}

.pro-dealers-benefits-text.font-weight-semibold {
    font-weight: var(--font-weight-semibold);
}

hr.border-black {
    border-top: 1px solid var(--brand-black);
}

.col-md-10.padding-vertical-2 {
    padding: 2px 0px;
}

.btn.display-table {
    display: inline-block;
}

.subscription-details-form .col-md-8 i.fa-check-circle {
    font-size: var(--font-size-body);
    color: var(--color-success);
}

.subscription-details-form .col-md-8 i.fa-times-circle {
    font-size: var(--font-size-body);
    color: var(--color-error);
}

.subscription-details-form .col-md-8 i.fa-minus-circle {
    color: var(--color-error);
}

.subscription-details-form .row-flex span b {
    font-weight: var(--font-weight-bold);
}


.subscription-details-form .row-flex span.subscription-label {
    margin-left: 8px;
}

.subscription-details-form .col-md-8 span.subscription-value {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-body);
}

.subscription-details-form .row-flex span.subscription-feature-text {
    font-size: var(--font-size-body);
    font-style: italic;
    margin-left: 8px;
}

.subscription-details-form .row-flex span.subscription-description {
    font-size: var(--font-size-body);
}

.subscription-details-form .row-flex span.subscription-description b {
    font-weight: var(--font-weight-bold);
}

.become-member-text {
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-semibold);
}


@media(max-width: 768px) {
  .subscription-details-form .subscription-detail-row {
    flex-wrap: wrap;
  }
  
  .subscription-details-form .subscription-icon-col {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
    padding-right: 4px;
  }
  
  .subscription-details-form .subscription-label-col {
    flex: 0 0 25%;
    max-width: 25%;
    padding-right: 4px;
    font-size: var(--font-size-small);
  }
  
  .subscription-details-form .subscription-value-col {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  
  .subscription-details-form .subscription-icon-col i {
    font-size: var(--font-size-h3);
    width: 24px;
  }
  
  .subscription-details-form .row-flex.feature-row.subscription-detail-row {
    flex-wrap: nowrap !important;
    display: flex !important;
    align-items: center;
  }
  
  .subscription-details-form .row-flex.feature-row .subscription-icon-col {
    flex: 0 0 auto !important;
    padding-right: 8px !important;
    width: auto !important;
    max-width: none !important;
    float: none !important;
  }
  
  .subscription-details-form .row-flex.feature-row .subscription-label-col {
    flex: 1 1 auto !important;
    font-size: var(--font-size-small);
    width: auto !important;
    max-width: none !important;
    float: none !important;
  }
  
  .subscription-details-form .row-flex.feature-row .subscription-feature-text {
    font-size: var(--font-size-small);
    white-space: normal;
  }
  
  .become-a-member-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }
  
  .become-member-text {
    font-size: var(--font-size-body);
    white-space: nowrap;
  }
  
  .become-a-member-container .btn {
    white-space: nowrap;
    padding: 8px 15px;
  }
}

@media(max-width: 480px) {
  .subscription-details-form .subscription-detail-row {
    flex-wrap: wrap;
  }
  
  .subscription-details-form .subscription-icon-col {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
    padding-right: 4px;
  }
  
  .subscription-details-form .subscription-label-col {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    padding-right: 4px;
    font-size: var(--font-size-small);
  }
  
  .subscription-details-form .subscription-value-col {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
    font-size: var(--font-size-small);
  }
  
  .subscription-details-form .subscription-icon-col i {
    font-size: var(--font-size-h3);
    width: 24px;
  }
  
  .subscription-details-form .subscription-value-col .subscription-value {
    font-size: var(--font-size-small);
  }
  
  .subscription-details-form .row-flex.feature-row.subscription-detail-row {
    flex-wrap: nowrap !important;
    display: flex !important;
    align-items: center;
  }
  
  .subscription-details-form .row-flex.feature-row .subscription-icon-col {
    flex: 0 0 auto !important;
    padding-right: 8px !important;
    width: auto !important;
    max-width: none !important;
    float: none !important;
  }
  
  .subscription-details-form .row-flex.feature-row .subscription-label-col {
    flex: 1 1 auto !important;
    font-size: var(--font-size-small);
    padding-left: 0;
    width: auto !important;
    max-width: none !important;
    float: none !important;
  }
  
  .subscription-details-form .row-flex.feature-row .subscription-feature-text {
    font-size: var(--font-size-small);
    margin-left: 0;
    white-space: normal;
  }
  
  .become-a-member-container {
    gap: 8px;
  }
  
  .become-a-member-container .btn {
    padding: 6px 12px;
    font-size: var(--font-size-extra-small);
  }
  
  .become-a-member-content {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
  }
  
  .become-a-member-content > .col-md-12,
  .become-a-member-content > .col-xs-12 {
    overflow-x: auto;
    min-width: 600px;
  }
  
  .become-a-member-content .row-flex {
    display: flex;
    flex-wrap: nowrap;
    min-width: 600px;
    width: 100%;
  }
  
  .become-a-member-content .row-flex > div {
    flex-shrink: 0;
  }
  
  .become-a-member-content .col-content {
    font-size: var(--font-size-small);
    padding: 6px 8px;
  }
  
  .become-a-member-content .sub-feature-col-left,
  .become-a-member-content .sub-feature-col-right {
    font-size: var(--font-size-small);
    padding: 8px 5px;
    text-align: center;
  }
  
  .become-a-member-content .row-pro-plan-feature {
    min-height: 50px;
  }
  
  .become-a-member-content .row-pro-plan-feature i {
    font-size: var(--font-size-body);
  }
  
  .become-a-member-content .unlimited-text {
    font-size: var(--font-size-extra-small);
  }
  
  .become-a-member-content .btn {
    font-size: var(--font-size-extra-small);
    padding: 6px 12px;
    white-space: nowrap;
  }
  
  .become-a-member-content .sub-feature-col-left,
  .become-a-member-content .sub-feature-col-right {
    border-right: 1px solid var(--brand-black);
    border-bottom: 1px solid var(--brand-black);
  }
  
  .become-a-member-content .sub-feature-col-right.border-bottom-black {
    border-bottom: 1px solid var(--brand-black);
  }
  
  #gopro_form > .col-md-12 > .row-flex:last-child {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding: 10px 5px;
  }
  
  #gopro_form > .col-md-12 > .row-flex:last-child .fa-exclamation-circle {
    font-size: var(--font-size-body);
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-warning);
  }
  
  #gopro_form > .col-md-12 > .row-flex:last-child .pro-dealers-benefits-text {
    font-size: var(--font-size-small);
    line-height: var(--line-height-normal);
    text-align: center;
  }
  
  #gopro_form > .col-md-12 > .row-flex:last-child .col-xs-1 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
  }
  
  #gopro_form > .col-md-12 > .row-flex:last-child .col-xs-10 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
  }
}

@media(max-width: 480px) {
  .become-a-member-container {
    gap: 8px;
  }
  
  .become-member-text {
    font-size: var(--font-size-body);
  }
  
  .become-a-member-container .btn {
    padding: 6px 12px;
    font-size: var(--font-size-extra-small);
  }
  
  .become-a-member-content .col-content {
    font-size: var(--font-size-small);
    padding: 5px 6px;
  }
  
  .become-a-member-content .sub-feature-col-left,
  .become-a-member-content .sub-feature-col-right {
    font-size: var(--font-size-small);
    padding: 6px 4px;
  }
  
  .become-a-member-content .row-pro-plan-feature {
    min-height: 45px;
  }
  
  .become-a-member-content .row-pro-plan-feature i {
    font-size: var(--font-size-body);
  }
  
  .become-a-member-content .unlimited-text {
    font-size: var(--font-size-extra-small);
  }
  
  .become-a-member-content .btn {
    font-size: var(--font-size-extra-small);
    padding: 5px 10px;
  }
  
  #gopro_form > .col-md-12 > .row-flex:last-child .fa-exclamation-circle {
    font-size: var(--font-size-h2);
  }
  
  #gopro_form > .col-md-12 > .row-flex:last-child .pro-dealers-benefits-text {
    font-size: var(--font-size-body);
    line-height: var(--line-height-normal);
  }
  
  #gopro_form > .col-md-12 > .row-flex:last-child .col-xs-1 {
    padding: 0 3px;
  }
  
  #gopro_form > .col-md-12 > .row-flex:last-child .col-xs-10 {
    padding: 0 3px;
  }
}