.tab-wrap{display:flex;flex-wrap:wrap;width:90%;margin:0 auto;margin-bottom:15px}.tab-wrap:after{content:'';width:100%;height:3px;background:#884898;display:block;order:-1}.tab-body h3{width:95%;margin:0 auto;margin-bottom:15px;color:#fff;font-size:16px;line-height:20px;position:relative;padding:10px;background:#884898;border:none;box-shadow:0 0 0 0 #884898 , -10px 0 0 0 #884898 , 0 3px 3px 0 #787878}.tab-body h3:before{content:" ";position:absolute;top:100%;left:-10px;width:0;height:0;border-width:0 10px 10px 0;border-style:solid;border-color:transparent;border-right-color:#003046}.tab-label{color:#fff;background:#cacaca;font-weight:bold;white-space:nowrap;text-align:center;padding:10px .5em;order:-1;position:relative;z-index:1;cursor:pointer;border-radius:5px 5px 0 0;flex:1}.tab-label:not(:last-of-type) {margin-right:5px}.tab-wrap label:hover{background:rgba(136,72,152,.5)}.tab-switch:checked+.tab-label{background:#884898}.tab-switch{display:none}.tab-wrap .tab-body>div{display:none}.tab-body{width:100%;padding:10px;border-left:2px solid #787878;border-right:2px solid #787878;border-bottom:2px solid #787878;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background:rgba(136,72,152,.1)}.tab-wrap .tab1:checked ~ .tab-body > .body1 {display:block}.tab-wrap .tab2:checked ~ .tab-body > .body2 {display:block}.tab-wrap .tab3:checked ~ .tab-body > .body3 {display:block}.tab-wrap .tab4:checked ~ .tab-body > .body4 {display:block}.tab-wrap .tab5:checked ~ .tab-body > .body5 {display:block}.tab-wrap .tab6:checked ~ .tab-body > .body6 {display:block}.tab-wrap .tab7:checked ~ .tab-body > .body7 {display:block}.tab-wrap .tab8:checked ~ .tab-body > .body8 {display:block}.tab-wrap .tab9:checked ~ .tab-body > .body9 {display:block}.tab-wrap .tab10:checked ~ .tab-body > .body10 {display:block}.tab-wrap .tab11:checked ~ .tab-body > .body11 {display:block}.tab-wrap .tab12:checked ~ .tab-body > .body12 {display:block}.tab-wrap .tab13:checked ~ .tab-body > .body13 {display:block}.tab-wrap .tab14:checked ~ .tab-body > .body14 {display:block}.tab-wrap .tab15:checked ~ .tab-body > .body15 {display:block}.tab-wrap .tab16:checked ~ .tab-body > .body16 {display:block}.tab-wrap .tab17:checked ~ .tab-body > .body17 {display:block}.tab-wrap .tab18:checked ~ .tab-body > .body18 {display:block}.tab-wrap .tab19:checked ~ .tab-body > .body19 {display:block}.tab-wrap .tab20:checked ~ .tab-body > .body20 {display:block}