section.tabs{position:relative;z-index:1}section.tabs:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='216' height='874' viewBox='0 0 216 874'%3E%3ClinearGradient id='a' x1='0%25' x2='43.629%25' y1='50.98%25' y2='35.525%25'%3E%3Cstop offset='0' stop-color='%2301a4d5'/%3E%3Cstop offset='1' stop-color='%2301babf'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23a)' fill-rule='evenodd' d='M758.049 342.755c617.469 234.043 580.683-84.013 949.612-332.39 66.012-44.442 395.496 68.057 37.624 143.695s-410.196 252.1-667.464 243.088c-322.42-11.294-741.768-75.324-683.677 327.215 11.381 78.86-351.46 918.233-389.612 536.52C-33.62 879.169 229.762 142.516 758.05 342.755' transform='rotate(123 254.615 399.606)'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;content:"";height:100%;left:0;position:absolute;top:-180px;transition:opacity .5s ease-in .3s;width:400px}section.tabs:has(.container.enabled):after{opacity:1}section.tabs .container{align-items:center;display:flex;flex-direction:column;gap:80px}section.tabs .container.enabled .pictures,section.tabs .container.enabled .tabs-wrapper,section.tabs .container.enabled .text-content{opacity:1;transform:translateY(0)}section.tabs .text-content{margin:0 auto;max-width:655px;opacity:0;transform:translateY(50px);transition:opacity .5s ease-in-out .3s,transform .5s ease-in-out .3s;width:100%}section.tabs .text-content :not(.btn){text-align:center;width:100%}section.tabs .text-content .subtitle{margin-bottom:25px}section.tabs .text-content .title{margin-bottom:35px}section.tabs .text-content .btn{margin:35px auto 0}section.tabs .wrapper{display:flex;gap:120px;width:100%;z-index:1}section.tabs .pictures{height:600px;margin:auto 0;max-width:530px;opacity:0;position:relative;transform:translateY(50px);transition:opacity .5s ease-in-out .3s,transform .5s ease-in-out .3s;width:100%}section.tabs .pictures picture{border-radius:20px;height:100%;inset:0;opacity:1;overflow:hidden;position:absolute;scale:1;transform:translateX(0);width:100%}section.tabs .pictures picture.active{animation:picture-appear 1.2s;z-index:1}section.tabs .tabs-wrapper{display:flex;flex-direction:column;justify-content:center;max-width:550px;opacity:0;transform:translateY(50px);transition:opacity .5s ease-in-out .3s,transform .5s ease-in-out .3s}section.tabs .tabs-wrapper .tab{padding:20px 0 20px 60px;position:relative;transform:translateX(0);transition:transform .4s ease}section.tabs .tabs-wrapper .tab.active{transform:translateX(-50px);transition:transform 1s ease .8s}section.tabs .tabs-wrapper .tab.active .description{max-height:var(--heightdesc);opacity:1;transition:max-height .6s ease .7s,opacity .6s ease .7s}section.tabs .tabs-wrapper .tab.active .btn{opacity:0}section.tabs .tabs-wrapper .tab.active:after{max-height:var(--heighttab);transition:max-height 6.6s ease-in-out 1.3s}section.tabs .tabs-wrapper .tab.active:hover:before{animation:pulse 3s infinite}section.tabs .tabs-wrapper .tab.active:hover:after{max-height:0;opacity:0;transition:none}section.tabs .tabs-wrapper .tab:after,section.tabs .tabs-wrapper .tab:before{border-radius:5px;content:"";left:0;position:absolute;top:0;width:1px}section.tabs .tabs-wrapper .tab:before{background-color:rgba(101,124,145,.2);height:100%}section.tabs .tabs-wrapper .tab:after{background:linear-gradient(90deg,#01babf 0,#01a4d5);height:100%;max-height:0;z-index:1}section.tabs .tabs-wrapper .tab .title{font-size:15px;margin-bottom:10px}section.tabs .tabs-wrapper .tab .description{max-height:0;opacity:0;overflow:hidden;transition:max-height .7s ease .2s,opacity .2s ease .2s}section.tabs .tabs-wrapper .tab .btn{margin-top:10px;opacity:1;transition:opacity .8s ease}@keyframes pulse{0%{background-color:rgba(101,124,145,.2)}50%{background-color:#ff3d6d}to{background-color:rgba(101,124,145,.2)}}@keyframes picture-appear{0%{opacity:0;scale:1.05;transform:translateX(-20%)}70%{opacity:1;scale:1.05;transform:translateX(0)}to{opacity:1;scale:1;transform:translateX(0)}}@media screen and (max-width:1440px){section.tabs:after{width:300px}section.tabs .wrapper{gap:90px}section.tabs .tabs-wrapper{max-width:485px}}@media screen and (max-width:1200px){section.tabs:after{display:none}section.tabs .wrapper{align-items:center;flex-direction:column}section.tabs .pictures{display:none}section.tabs .tabs-wrapper{gap:30px;max-width:730px}section.tabs .tabs-wrapper .tab .description{max-height:-moz-fit-content;max-height:fit-content;opacity:1}section.tabs .tabs-wrapper .tab .btn{display:none}section.tabs .tabs-wrapper .tab:after{background:linear-gradient(90deg,#01babf 0,#01a4d5);max-height:100%}}