.benefits{background:#8097a3;position:relative;}
.benefit{margin-bottom:5px;margin-top:5px;}
.benefits-inner{text-align:center;}
.benefit{position:relative;z-index:1;}
.benefit.active .benefit-description{color:#1D1078;}
.benefit.active{z-index:2;}
.benefit.active .benefit-detail{opacity:1;visibility:visible;top:70px;}
.benefit-inner{text-decoration:none;margin-left:20px;display:flex;flex-flow:row nowrap;align-items:center;}
.benefit-image{background:transparent;font-size:0;border-radius:50%;width:60px;text-align:center;position:relative;:after{content:'';display:inline-block;height:100%;vertical-align:middle;width:2;}
img{max-height:100%;max-width:100%;vertical-align:middle;}}
.benefit.active .benefit-image div:before{content:'';position:absolute;left:50%;top:50%;border-radius:70%;width:60px;height:60px;border:2px solid #1D1078;transform:translate(-50%, -50%) scale(1);opacity:1;transition:0.2s;}
.benefit-title{display:block;text-transform:uppercase;line-height:1.8em;max-width:100%;padding-left:0.5em;text-align:left;}
@include media-max(xs){.benefits{padding-bottom:0;}.benefit{margin-bottom:20px;}}
.benefit-description{font-size:1.7rem;text-align:center;width:100%;margin-left:18px;color:#fff;}
.benefit-detail{position:absolute;left:10px;width:100%;max-width:300px;opacity:0;white-space:normal;font-size:14px;line-height:18px;top:80px;border:1px solid #ddd;border-radius:2px;padding:5px 15px;background:#fff;box-shadow:0px 0px 16px rgba(0, 0, 0, 0.25);transition:0.2s;color:#5f5c5c;}
.benefit-detail p{margin:5px 0px 0px 5px;}
.benefit-detail:before, .benefit-detail:after{content:'';position:absolute;top:-8px;left:15px;width:0px;height:0px;border-left:8px solid transparent;border-right:8px solid transparent;}
.benefit-detail:before{z-index:2;border-bottom:8px solid #fff;}
.benefit-detail:after{z-index:1;margin-top:-1px;border-bottom:8px solid #ddd;}