.tab-box img{margin-bottom:10px;max-width:40px}.tab-box.active img{filter:brightness(1.2)}#company.tab-content-item.active,.tab-box[data-tab=company].active,.tab-content-container.active[data-tab=company],.tab-content-wrapper.active[data-tab=company]{background-color:#eaf6ff}#documents.tab-content-item.active,.tab-box[data-tab=documents].active,.tab-content-container.active[data-tab=documents],.tab-content-wrapper.active[data-tab=documents]{background-color:#eafbf5}#time-off.tab-content-item.active,.tab-box[data-tab=time-off].active,.tab-content-container.active[data-tab=time-off],.tab-content-wrapper.active[data-tab=time-off]{background-color:#f3ecff}#workflows.tab-content-item.active,.tab-box[data-tab=workflows].active,.tab-content-container.active[data-tab=workflows],.tab-content-wrapper.active[data-tab=workflows]{background-color:#fff8e5}.tab-box{align-items:left;color:#303030;display:flex;flex-direction:column;font-size:16px;font-weight:500;justify-content:center}.tab-box.active{background-color:#f8fafc;font-weight:600;transition:background-color .3s ease}.tab-content-item{transition:background-color .3s ease,opacity .5s ease-in-out,transform .5s ease-in-out}.tab-box{background-color:#fff;border:none;border-radius:10px 10px 0 0;box-shadow:0 4px 12px rgba(0,0,0,.1);cursor:pointer;padding:20px;position:relative;text-align:left;transition:all .3s ease;width:calc(25% - 5px)}.tab-box.active{background-color:inherit;border-bottom:none;box-shadow:none;z-index:2}.tabs-container{display:flex;gap:5px;justify-content:space-around;margin-bottom:0;width:100%}.tab-content-container{border-radius:0 0 8px 8px;box-shadow:0 4px 12px rgba(0,0,0,.1);margin-top:0;padding:40px;position:relative;top:-5px;transition:background-color .3s ease;width:100%;z-index:1}.tab-content-item{display:none;opacity:0;transform:translateY(20px);transition:opacity .5s ease-in-out,transform .5s ease-in-out}.tab-content-item.active{display:block;opacity:1;transform:translateY(0)}.tab-content-wrapper{align-items:flex-start;background-color:inherit;display:flex;justify-content:space-between}.tab-content-text{flex:1;text-align:left}.tab-content-title{color:#050823;font-family:familjen grotesk,sans-serif;font-size:24px;font-weight:600;margin-bottom:15px}.tab-content-description{color:#1a1a1a;font-family:inter,sans-serif;font-size:16px;line-height:1.8;margin-bottom:15px}.tab-content-list{list-style-type:disc;margin-left:20px}.tab-content-list li{color:#1a1a1a;font-family:inter,sans-serif;font-size:16px;margin-bottom:10px}.tab-content-image{flex:1;margin-left:30px;width:50%}.tab-image-content{height:auto;width:100%}@media (max-width:768px){.tabs-container{gap:10px}.tab-content-wrapper,.tabs-container{flex-direction:column}.tab-content-image{display:none;margin-left:0;margin-top:20px;max-width:100%}.tab-content-container{display:none;margin:0;padding:0}.tab-content-container.active{display:block;margin:0;padding:16px}.tab-box{align-items:center;background-color:#fff;border:none;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);column-gap:16px;cursor:pointer;display:flex;flex-direction:row;font-size:16px;font-weight:600;justify-content:flex-start;margin-bottom:10px;padding:16px;position:relative;text-align:left;transition:background-color .3s ease;width:100%}.tab-box:after{color:#303030;content:"+";font-size:20px;position:absolute;right:20px}.tab-box.active:after{content:"-"}.tab-box.active{background-color:#fff}.tab-content-item{background-color:inherit;border-radius:8px;box-shadow:none;margin-bottom:10px;margin-top:0;opacity:1;padding:16px}.tab-content-item.active{display:block}}