.tabs{background-color:#fff;border-radius:8px;box-shadow:4px 4px 35px rgba(0,0,0,.15);display:flex;flex-direction:column;padding:.5rem 3rem 3rem}.tabs [role=tablist]{display:flex;font-weight:700;margin:1rem 0 2rem}.tabs input[type=radio]{display:none}.tabs [role=tab]{flex-grow:1;padding:1rem;text-align:center;cursor:pointer}.tabs label span{position:relative;z-index:1;background-image:linear-gradient(rgba(238,186,85,.7) 100%,rgba(238,186,85,.7) 0);background-position:100% 100%;background-repeat:no-repeat;background-size:0 .6em;transition:background-size .4s ease}.tabs [role=tablist] label:is(:hover,:focus) span,.tabs input:first-child:checked~[role=tablist] label:first-child span .tabs input:nth-child(2):checked~[role=tablist] label:nth-child(2) span,.tabs input:nth-child(3):checked~[role=tablist] label:nth-child(3) span,.tabs input:nth-child(4):checked~[role=tablist] label:nth-child(4) span,.tabs input:nth-child(5):checked~[role=tablist] label:nth-child(5) span,.tabs input:nth-child(6):checked~[role=tablist] label:nth-child(6) span,.tabs input:nth-child(7):checked{background-size:100% .6rem;background-position:0 100%}.tabs [role=tabpanel]{display:none;width:100%;flex-wrap:wrap;gap:clamp(1rem,calc(1rem + 1vw),3rem);justify-content:space-between;align-content:center;flex-direction:column}@media(max-width:769px){.tabs [role=tablist]{flex-wrap:wrap}.tabs [role=tabpanel]{flex-wrap:nowrap}.tabs [role=tab]{padding:.5rem}}.tabs input:first-child:checked~.tab-wrapper [role=tabpanel]:first-child,.tabs input:nth-child(2):checked~.tab-wrapper [role=tabpanel]:nth-child(2),.tabs input:nth-child(3):checked~.tab-wrapper [role=tabpanel]:nth-child(3),.tabs input:nth-child(4):checked~.tab-wrapper [role=tabpanel]:nth-child(4),.tabs input:nth-child(5):checked~.tab-wrapper [role=tabpanel]:nth-child(5),.tabs input:nth-child(6):checked~.tab-wrapper [role=tabpanel]:nth-child(6),.tabs input:nth-child(7):checked~.tab-wrapper [role=tabpanel]:nth-child(7){display:flex}.tab-left,.tab-right{flex-grow:1}@media(min-width:769px){.tabs [role=tabpanel]{flex-direction:row}.tab-left,.tab-right{width:calc(50% - clamp(1rem, calc(1rem + 1vw), 3rem));min-width:350px}}.tab-left img{min-width:100%;max-width:100%;object-fit:contain;box-shadow:3px 4px 25px rgba(0,0,0,.1);border-radius:8px}