:root  {
    --min-viewport: 360;
    --max-viewport: 1600;
    --base-font: 10;
    --clamp-unit: 1vw;
  
}
.fr-accent-heading  {
    margin-bottom: 0;
    font-size: var(--text-s);
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: .095em;
    text-transform: uppercase;
    order: -1;
  
}
.cta-section-tango__content-wrapper  {
    row-gap: var(--content-gap);
    justify-content: center;
  
}
.image-group-tango__image  {
    width: 100%;
    height: 100%;
    aspect-ratio: 16/9;
    border-radius: var(--radius);
    object-fit: cover;
  
}
.fr-profile-card-echo  {
    display: grid;
    grid-template-columns: var(--grid-2-3);
    align-items: stretch;
    background-color: var(--bg-light);
  
}
.fr-profile-card-echo__body  {
    display: flex;
    flex-direction: column;
    row-gap: var(--space-m);
    justify-content: center;
    padding-top: var(--space-l);
    padding-right: var(--space-xl);
    padding-bottom: var(--space-l);
    padding-left: var(--space-xl);
  
}
.fr-social-charlie  {
    display: flex;
    row-gap: 1em;
    column-gap: 1em;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
  
}
.fr-social-charlie  {
    --icon-size: 2em;
    --icon-fill-color: transparent;
    --icon-stroke-color: var(--text-dark);
    --icon-fill-color-hover: transparent;
    --icon-stroke-color-hover: var(--text-dark-muted);
    list-style-type: none;
  
}
.fr-social-charlie__icon-wrapper  {
    display: flex;
    align-items: center;
    text-decoration: none;
    transition: transform 0.2s ease;
  
}
.fr-social-charlie__icon-wrapper:hover  {
    transform: translateY(-.15em);
  
}
.fr-social-charlie__icon-wrapper :is(svg,
 i)  {
    height: var(--icon-size);
    width: var(--icon-size);
    fill: var(--icon-fill-color);
    color: var(--icon-stroke-color);
  
}
.fr-social-charlie__icon-wrapper is:(svg,
 i):hover  {
    fill: var(--icon-fill-color-hover);
    color: var(--icon-stroke-color-hover);
  
}
.fr-social-charlie__icon  {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    align-self: center;
    padding-top: .25em;
    padding-right: .25em;
    padding-bottom: .25em;
    padding-left: .25em;
    background-color: var(--bg-light);
  
}

/* Color Scheme Styles */
.fr-profile-card-echo.color-scheme-neutral .fr-social-charlie__icon {
    background-color: var(--white);
}

.fr-profile-card-echo.color-scheme-action {
    background-color: var(--action-ultra-light);
}

.fr-profile-card-echo.color-scheme-action .fr-social-charlie__icon {
    color: var(--action);
}

.fr-profile-card-echo.color-scheme-primary {
    background-color: var(--primary-ultra-light);
}

.fr-profile-card-echo.color-scheme-primary .fr-social-charlie__icon {
    color: var(--primary);
}

.fr-profile-card-echo.color-scheme-accent {
    background-color: var(--accent-ultra-light);
}

.fr-profile-card-echo.color-scheme-accent .fr-social-charlie__icon {
    color: var(--accent);
}

.fr-profile-card-echo.color-scheme-secondary {
    background-color: var(--secondary-ultra-light);
}

.fr-profile-card-echo.color-scheme-secondary .fr-social-charlie__icon {
    color: var(--secondary);
}
.fr-social-charlie__list-item  {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    width: fit-content;
  
}
/* Image alignment - default is left (image first, content second) */
.fr-profile-card-echo.image-align-left .fr-profile-card-echo__media-wrapper {
    order: 1;
}

.fr-profile-card-echo.image-align-left .fr-profile-card-echo__body {
    order: 2;
}

.fr-profile-card-echo.image-align-right {
    grid-template-columns: var(--grid-3-2);
}

.fr-profile-card-echo.image-align-right .fr-profile-card-echo__media-wrapper {
    order: 2;
}

.fr-profile-card-echo.image-align-right .fr-profile-card-echo__body {
    order: 1;
}
.fr-profile-card-echo__avatar  {
    width: 100%;
    object-fit: cover;
    margin: 0;
  
}
.fr-profile-card-echo__avatar img {
    border-radius: 0;
}
@media (max-width: 478px)  {
    .fr-profile-card-echo  {
      
  }

}
@media (max-width: 767px)  {
    .fr-profile-card-echo  {
        grid-template-columns: var(--grid-1);
      
  }

}