.timo-tabs{& .tab-navigation{box-shadow:0 .125rem .25rem rgba(0,0,0,.075);display:flex;justify-content:center;width:100%;& button{align-items:center;background:#fff;border:0;border-bottom:5px solid transparent;border-top:5px solid transparent;color:#0069b4;display:flex;flex:1;flex-direction:column;font-size:20px;gap:20px;justify-content:center;padding:10px;transition:all .2s ease-in-out;& .icon-container{position:relative;& .badge{align-items:center;background:#fff;border-radius:100px;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;left:-3px;position:absolute;top:-3px;width:20px}}& .colorized-icon{align-items:center;background:#0069b4;border-radius:200px;color:#fff;display:flex;height:48px;justify-content:center;width:48px;& svg{height:24px;width:24px}}&.active,&:hover{border-bottom-color:#0069b4;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);cursor:pointer;transform:scale(1.15)}}&.flat{box-shadow:unset;& button{background:transparent;box-shadow:unset;color:#000;& .colorized-icon{height:72px;width:72px;& svg{height:32px;width:32px}}&.active,&:hover{transform:unset}&.active{color:#0069b4}&:hover{border-bottom-color:#aaa}&:not(:hover):not(&.active){border-bottom-color:#e8e8e8}}}}& .tab{display:none;flex-wrap:wrap;gap:10px 50px;padding:60px 30px;&.active{display:flex}& .tab-row,& .tab-text-above{flex:0 0 100%}& .tab-row{display:flex}& .tab-column{flex:1;& .type-cta{& .ctas{display:flex;flex-wrap:wrap;gap:10px;& a{align-items:center;display:flex;gap:3px;& svg{height:18px;width:18px}}}}& .type-richtext{line-height:1.5}}}}@media screen and (max-width:1200px){.timo-tabs{& .tab-navigation{flex-direction:column;& button{&.active,&:hover{background:#cce1f0;border-color:transparent;transform:scale(1)}}}& .tab{flex-direction:column;padding:50px 15px;& .tab-row{flex-direction:column}}}}