.tabs-wrapper{margin:0 auto}.tabs-container{display:flex;gap:20px;overflow:hidden}.tabs-list{display:flex;flex-direction:column;gap:1rem;width:300px}.tab-item{cursor:pointer;font-size:20px;padding:20px 24px;position:relative;text-align:left;transition:background .3s ease;width:100%}.tab-item,.tab-item:active,.tab-item:focus,.tab-item:hover{background:#003f72;border:none;border-radius:6px;color:#fff;outline:none}.tab-item:hover{background:#7090b7}.tab-item.active{background:#ca7700}.tabs-content{background:#003f72;border-radius:6px;color:#fff;flex:1;padding:70px}.tab-panel{animation:fadeIn .3s ease-in-out;display:none}.tab-panel.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (min-width:768px){.tab-item{min-height:90px}.tab-item.active:after{border-bottom:15px solid transparent;border-left:20px solid hsla(0,0%,100%,.5);border-top:15px solid transparent;content:"";position:absolute;right:-40px;top:50%;transform:translateY(-50%)}.tabs-content{font-size:17px}}@media (max-width:767px){.tabs-container{flex-direction:column}.tabs-list{display:flex;flex-direction:row;gap:2px;overflow-x:auto;width:100%}.tab-item{border-bottom:2px solid transparent;flex:1;font-size:12px;padding:6px;text-align:center}.tab-item,.tab-item.active{border-left:none}.tabs-content{padding:20px}}