.tabs-container{display:grid;gap:40px;grid-template-columns:1fr 3fr}.tabs-container.gradient{background-image:url(https://www.nobl9.com/hubfs/tabs-gradient-narrow-bg-ver2-min.png);background-position:bottom;background-repeat:no-repeat;background-size:cover;border-radius:40px;color:#fff;gap:50px;grid-template-columns:1fr 2fr;padding:100px}.tabs-container .content{border:1.5px solid #797979;border-radius:20px;display:none;opacity:0;transition:opacity 5s ease-out}.tabs-container.gradient .content{border:none}.tabs-container .content--active{display:block;height:100%;opacity:1}.tabs-container .content .tab--content__title{font-size:22px;font-weight:600;margin:0;padding-bottom:20px}.tabs-container.gradient .content .tab--content__title{font-size:24px}.tabs-container .flex-row{display:flex;flex-direction:row;height:inherit}.tabs-container .flex-item-left{margin-left:-1px;position:relative;width:25%}.tabs-container.gradient .flex-item-left{display:none}.tabs-container .flex-item-left:before{background-image:linear-gradient(180deg,rgba(252,71,153,.6),rgba(39,186,211,.6) 66%);border-bottom-left-radius:20px;border-top-left-radius:20px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.tabs-container .flex-item-right{border-bottom-right-radius:20px;border-top-right-radius:20px;box-shadow:3px 3px 12px rgba(0,0,0,.3);padding:35px 40px;width:75%}.tabs-container.gradient .flex-item-right{box-shadow:none;padding:0;width:100%}.tabs-container .flex-item-right .tab--content{display:flex;flex-direction:column;height:100%}.tabs-container .flex-item-right .tab--content .hs_cos_wrapper_type_inline_rich_text{flex-grow:1}.tabs-container .tab--content-visual{border-bottom-left-radius:20px;border-top-left-radius:20px;height:100%!important}.tabs-container .tab--content p{font-size:15px;font-weight:400;line-height:1.6;margin-bottom:12px}.tabs-container.gradient .tab--content p{font-size:16px;font-weight:400;line-height:1.7;margin-bottom:15px}.tabs-container .mdc-tab-bar div{height:100%}.tabs-container .mdc-tab-scroller__scroll-area{padding-left:20px}.tabs-container .mdc-tab-scroller__scroll-content{display:flex;flex:auto;flex-direction:column;gap:30px;justify-content:space-around}.tabs-container .mdc-tab{align-items:center;background-color:#fff;border-bottom:none;border-bottom-right-radius:20px;border-right:none;border-color:#797979;border-style:none solid solid none;border-width:medium 2px 2px medium;display:flex;justify-content:flex-start;min-height:113px;padding:30px 20px 20px 0;position:relative;text-align:left;transition:all .2s ease-in-out;white-space:normal}.tabs-container.gradient .mdc-tab{background-color:transparent;border:1px solid #fff;border-radius:10px;color:#fff;display:block;padding:20px}.tabs-container .mdc-tab--active,.tabs-container .mdc-tab:hover{border-color:#000;transition:all .2s ease-in-out}.tabs-container.gradient .mdc-tab--active{background-color:#fff!important;border-color:#fff!important}.tabs-container.gradient .mdc-tab:hover{background-color:#fc4799;border-color:#fc4799}.tabs-container .mdc-tab:before{background-color:transparent;border-bottom-left-radius:10px;border-top-right-radius:10px;content:"";height:100%;left:-20px;position:absolute;top:0;transition:all .15s;width:8px}.tabs-container .mdc-tab--active:before,.tabs-container .mdc-tab:hover:before{background-color:#db2779;transition:all .15s}.tabs-container.gradient .mdc-tab--active:before{background-color:#fff!important}.tabs-container .mdc-tab:after{background-color:#797979;content:"";height:1.5px;position:absolute;right:0;top:0;width:70%}.tabs-container.gradient .mdc-tab:after{content:none}.tabs-container .mdc-tab--active:after,.tabs-container .mdc-tab:hover:after{background-color:#000;transition:all .15s}.tabs-container.gradient .mdc-tab:hover:before{background-color:transparent}.tabs-container .mdc-tab .mdc-tab__title{color:#797979;font-size:14px;font-weight:500;line-height:1.6;margin:0}.tabs-container.gradient .mdc-tab .mdc-tab__title{color:#fff;font-size:15px;font-weight:400;text-align:center}.tabs-container .mdc-tab .mdc-tab__title span{display:block;font-weight:600}.tabs-container .mdc-tab--active .mdc-tab__title,.tabs-container .mdc-tab:hover .mdc-tab__title{color:#000;transition:all .15s}.tabs-container.gradient .mdc-tab--active .mdc-tab__title{color:#000}.tabs-container.gradient .mdc-tab:hover .mdc-tab__title{color:#fff}.tabs-container.gradient .mdc-tab--active:hover .mdc-tab__title{color:#000}.tabs-container .mdc-tab:hover{cursor:pointer}.tabs-container .tab__content{height:100%}.tabs-container .mdc-tab-indicator{display:none}.tabs-container .tab_title{font-size:20px}.tabs-container .button-wrapper,.tabs-container a.button{display:block;margin-left:auto;max-width:max-content}.tabs-container a.button{background-color:#000;background-image:url(https://www.nobl9.com/hubfs/button_shape_bg_black.svg);background-position:50%;background-repeat:no-repeat;background-size:160%;border-radius:10px;color:#fff;font-size:18px;font-weight:600;min-width:140px;padding:7px 24px;text-align:center;text-decoration:none;transition:all .2s}.tabs-container.gradient a.button{background-color:#fff;background-image:none;color:#000;padding:10px 24px;transition:all .2s}.tabs-container.gradient a.button:hover{background-color:#000;color:#fff;transition:all .2s}.tabs-container .btn-white{background-color:#fff;background-image:url(https://www.nobl9.com/hubfs/button_shape_bg_white.svg);background-size:100%;border:1px solid #000;color:#000}.tabs-container a.button:active,.tabs-container a.button:focus,.tabs-container a.button:hover{background-size:280%;transition:all .2s}.tabs-container .mdc-tab-scroller.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-content{transition:none}@media screen and (max-width:980px){.tabs-container.gradient{padding:60px}}@media screen and (max-width:767px){.tabs-container{gap:20px;padding-top:20px}.tabs-container,.tabs-container.gradient{display:grid;grid-template-columns:auto}.tabs-container .mdc-tab-bar{margin-left:0;width:auto}.tabs-container .mdc-tab{justify-content:center;min-height:80px}.tabs-container.gradient .mdc-tab{display:flex}.tabs-container .mdc-tab:before{background-color:#ddd}.tabs-container .mdc-tab--active:before,.tabs-container .mdc-tab:hover:before{background-color:#fc4799}.tabs-container .mdc-tab .mdc-tab__title span{display:inline-block}.tabs-container .mdc-tab-scroller__scroll-content{gap:15px}}@media screen and (max-width:480px){.tabs-container{gap:40px}.tabs-container.gradient{padding:30px}.tabs-container.gradient .tab--content p{font-size:15px}.tabs-container.gradient .mdc-tab .mdc-tab__title{line-height:1.4}.tabs-container .flex-item-left{display:none}.tabs-container .flex-item-right{border-radius:20px;width:100%}.tabs-container .mdc-tab{justify-content:left}.tabs-container.gradient .mdc-tab{justify-content:center;min-height:100px}.tabs-container.gradient .mdc-tab .mdc-tab__title span{display:inline}}