.distributer-acro-livebystyle__wrapper{ display:flex; align-items:center; justify-content:space-between; gap:60px;  }
.distributer-acro-livebystyle__content{ flex:0 0 48%;}
.distributer-acro-livebystyle__image{ flex:0 0 48%; text-align:center;}
.distributer-acro-livebystyle__image img{  max-width:100%; height:auto; display:block; margin:auto;}
.distributer-acro-livebystyle__group{ margin-top:34px;}
.distributer-acro-livebystyle__label{display:flex; align-items:center; gap:10px; margin-bottom:18px; font-family:var(--font-subheading); font-size:15px; font-weight:600; color:var(--text-dark); text-transform:uppercase; letter-spacing:.4px;}
.distributer-acro-livebystyle__label::before{content:""; width:9px; height:9px; border-radius:50%; background:var(--primary);}
.distributer-acro-livebystyle__label--active::before{ background:#5f8a68;}
.distributer-acro-livebystyle__states{  display:flex; flex-wrap:wrap; gap:10px;}
.distributer-acro-livebystyle__pill{  display:inline-flex; align-items:center;justify-content:center; padding:4px 12px; border-radius:3px; border:1px solid var(--primary); background:var(--white); color:var(--text-dark); font-family:var(--font-body); font-size:13px; font-weight:400; transition:.3s;}
.distributer-acro-livebystyle__pill--active{ background:var(--bg-light);}
.distributer-acro-livebystyle__pill:hover{ background:var(--primary); color:var(--white);}
@media (max-width:991px){.distributer-acro-livebystyle__wrapper{ flex-direction:column; gap:50px;}
.distributer-acro-livebystyle__content, .distributer-acro-livebystyle__image{ flex:0 0 100%; width:100%; }.distributer-acro-livebystyle__image{ order:-1; }}
@media (max-width:767px){.distributer-acro-livebystyle__states{ gap:10px;}.distributer-acro-livebystyle__pill{ font-size:11px; padding:10px 15px;}
.distributer-acro-livebystyle__label{ font-size:14px;}}


.wojoin-distei-acro-livebystyle-section{ overflow:hidden;}
.wojoin-distei-acro-livebystyle-card{ background: var(--bg); border:1px solid var(--border); border-radius:6px; padding:30px 25px; text-align:center; height:100%; transition:all .35s ease;}
.wojoin-distei-acro-livebystyle-card:hover{ box-shadow:0 12px 35px rgba(34,34,34,.08);}
.wojoin-distei-acro-livebystyle-icon{ width:62px; height:62px; border-radius:50%; background:var(--white); display:flex; align-items:center; justify-content:center; margin:0 auto 20px; transition:.3s;}
.wojoin-distei-acro-livebystyle-icon i{ font-size:20px; color:var(--primary);}
.wojoin-distei-acro-livebystyle-card:hover .wojoin-distei-acro-livebystyle-icon{  background:var(--primary);}
.wojoin-distei-acro-livebystyle-card:hover .wojoin-distei-acro-livebystyle-icon i{ color:var(--white);}
.wojoin-distei-acro-livebystyle-card h3{ font-size:22px; line-height:34px; margin-bottom:12px;}
.wojoin-distei-acro-livebystyle-card p{ margin:0; max-width:280px; margin-left:auto;  margin-right:auto;}
@media(max-width:991px){.wojoin-distei-acro-livebystyle-card{ padding:40px 25px; }}
@media(max-width:767px){.wojoin-distei-acro-livebystyle-section{ padding:60px 0;} .wojoin-distei-acro-livebystyle-card{ padding:35px 22px;}
.wojoin-distei-acro-livebystyle-card h3{ font-size:24px; line-height:30px;} .wojoin-distei-acro-livebystyle-icon{ width:64px; height:64px; margin-bottom:22px;}
.wojoin-distei-acro-livebystyle-icon i{ font-size:22px;}}