:root{--plyr-color-main: #14e5c5}.tabs-with-image-2026{position:relative;padding:60px 0}.tabs-with-image-2026 .container{display:flex}.tabs-with-image-2026 .tabs-illustration{width:50%;background-color:#e0fcf8;border-top:40px solid #fff}.tabs-with-image-2026 .mobile-tabs-illustration{display:none;background-color:#e0fcf8}.tabs-with-image-2026 .tabs-container{margin-top:40px;position:relative;max-width:1320px;width:50%;margin:0 auto;background-color:#0c3035}.tabs-with-image-2026 .tabs-container .tabs-navigation{display:flex;flex-wrap:wrap;justify-content:flex-start;background-color:#fff}.tabs-with-image-2026 .tabs-container .tabs-navigation .tab-button{background:#e0fcf8;border:none;padding:8px 21px;font-size:14px;font-weight:700;color:#0c3035;cursor:pointer;position:relative;transition:all .3s ease;margin-right:5px}.tabs-with-image-2026 .tabs-container .tabs-navigation .tab-button.active{color:#fff;background:#0c3035}.tabs-with-image-2026 .tabs-container .tabs-navigation .tab-button.active:hover{background-color:#0c3035}.tabs-with-image-2026 .tabs-container .tabs-navigation .tab-button:hover{background-color:#f6fdfc}.tabs-with-image-2026 .tabs-container .tabs-navigation .tab-button:focus{outline:none}.tabs-with-image-2026 .tabs-container .tabs-content{background-color:#0c3035}.tabs-with-image-2026 .tabs-container .tabs-content .tab-content{display:none;animation:fadeIn .5s ease forwards}.tabs-with-image-2026 .tabs-container .tabs-content .tab-content.active{display:block}.tabs-with-image-2026 .tabs-container .tabs-content .tab-content .tab-content-inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;background-color:#0c3035;padding:45px 52px;position:relative}.tabs-with-image-2026 .tabs-container .tabs-content .tab-content .tab-content-inner .content-column{width:489px;margin-left:17px}.tabs-with-image-2026 .tabs-container .tabs-content .tab-content .tab-content-inner .content-column .tab-heading{margin-bottom:25px;font-size:35px;color:#14e5c5;font-weight:700;line-height:1.2}.tabs-with-image-2026 .tabs-container .tabs-content .tab-content .tab-content-inner .content-column .title-mobile{display:none}.tabs-with-image-2026 .tabs-container .tabs-content .tab-content .tab-content-inner .content-column .tab-content-text{max-width:467px;margin-bottom:30px;font-size:18px;line-height:1.5;color:#fff}.tabs-with-image-2026 .tabs-container .tabs-content .tab-content .tab-content-inner .content-column .tab-content-text p{color:#fff !important}.tabs-with-image-2026 .tabs-container .tabs-content .tab-content .tab-content-inner .content-column .tab-button-wrapper .btn-site.btn-secondary{padding:11px 26px 10px 16px !important;min-width:136px;width:fit-content;background-color:#fff}.tabs-with-image-2026 .tabs-container .tabs-content .tab-content .tab-content-inner .media-column{width:648px}.tabs-with-image-2026 .tabs-container .tabs-content .tab-content .tab-content-inner .media-column .content-media-code{border-radius:0 0px 20px 20px;overflow:hidden}.tabs-with-image-2026 .tabs-container .tabs-content .tab-content .tab-content-inner .media-column .content-media-code .code-tabs{display:flex;background-color:#fff}.tabs-with-image-2026 .tabs-container .tabs-content .tab-content .tab-content-inner .media-column .content-media-code .code-tabs .code-tab-button{padding:6px 15px;min-width:139px;background:none;border:1px solid #0c3035;cursor:pointer;font-size:16px;font-weight:500;color:#0c3035;transition:all .3s ease}.tabs-with-image-2026 .tabs-container .tabs-content .tab-content .tab-content-inner .media-column .content-media-code .code-tabs .code-tab-button:hover{background-color:#f5f5f5}.tabs-with-image-2026 .tabs-container .tabs-content .tab-content .tab-content-inner .media-column .content-media-code .code-tabs .code-tab-button.active{background-color:#0c3035;color:#fff}.tabs-with-image-2026 .tabs-container .tabs-content .tab-content .tab-content-inner .media-column .content-media-code .code-content .code-tab-content{height:425px;overflow-y:auto;display:none;border-radius:0 10px 0 0}.tabs-with-image-2026 .tabs-container .tabs-content .tab-content .tab-content-inner .media-column .content-media-code .code-content .code-tab-content.active{display:block}.tabs-with-image-2026 .tabs-container .tabs-content .tab-content .tab-content-inner .media-column .content-media-code .code-content .code-tab-content .code-container{position:relative;display:flex;background-color:#0c3035;border-radius:0 20px 0 0;padding-left:7px;height:100%}.tabs-with-image-2026 .tabs-container .tabs-content .tab-content .tab-content-inner .media-column .content-media-code .code-content .code-tab-content .code-container .line-numbers{display:flex;flex-direction:column;padding:20px 8px 20px 0;background-color:#0c3035;color:rgba(255,255,255,.5);font-family:monospace;font-size:16px;line-height:1.5;text-align:right;min-width:30px;user-select:none}.tabs-with-image-2026 .tabs-container .tabs-content .tab-content .tab-content-inner .media-column .content-media-code .code-content .code-tab-content .code-container .line-numbers .line-number{height:1.5em}.tabs-with-image-2026 .tabs-container .tabs-content .tab-content .tab-content-inner .media-column .content-media-code .code-content .code-tab-content .code-container pre{margin:0;border-radius:0 20px 0 0;padding:20px 0;background-color:#0c3035;color:#fff;font-family:monospace;font-size:16px;line-height:1.5;overflow:visible;flex:1}.tabs-with-image-2026 .tabs-container .tabs-content .tab-content .tab-content-inner .media-column .content-media-code .code-content .code-tab-content .code-container pre code{display:block;padding:0 20px}.tabs-with-image-2026 .tabs-container .tabs-content .tab-content .tab-content-inner::after{content:"";background:rgba(0,0,0,0) radial-gradient(closest-side at 50% 50%, #03282c 0%, rgba(3, 40, 44, 0) 100%) 0% 0% no-repeat padding-box;position:absolute;bottom:-40px;height:80px;width:100%;opacity:.15;z-index:-1}@media(max-width: 1400px){.tabs-with-image-2026 .tabs-container .tabs-content .tab-content .tab-content-inner{gap:20px}.tabs-with-image-2026 .tabs-container .tabs-content .tab-content .tab-content-inner .content-column{width:50%;flex:1}.tabs-with-image-2026 .tabs-container .tabs-content .tab-content .tab-content-inner .media-column{width:50%;flex:1}.tabs-with-image-2026 .tabs-container .tabs-content .tab-content .tab-content-inner .media-column .content-media-code .code-tabs .code-tab-button{min-width:93px;padding:6px 5px}}@media(max-width: 991px){.tabs-with-image-2026 .container{flex-direction:column}.tabs-with-image-2026 .tabs-illustration{width:100%;display:none}.tabs-with-image-2026 .mobile-tabs-illustration{display:inherit;padding:20px}.tabs-with-image-2026 .tabs-container{width:100%}.tabs-with-image-2026 .tabs-container .tabs-content .tab-content .tab-content-inner{gap:0px;flex-direction:column}.tabs-with-image-2026 .tabs-container .tabs-content .tab-content .tab-content-inner .content-column{width:100%;margin:0 auto 50px}.tabs-with-image-2026 .tabs-container .tabs-content .tab-content .tab-content-inner .content-column .tab-heading{font-size:30px;line-height:40px}.tabs-with-image-2026 .tabs-container .tabs-content .tab-content .tab-content-inner .media-column{width:100%}}@media(max-width: 768px){.tabs-with-image-2026{padding:40px 0}.tabs-with-image-2026 .tabs-container .tabs-content .tab-content .tab-content-inner{gap:0;padding:20px}.tabs-with-image-2026 .tabs-container .tabs-content .tab-content .tab-content-inner .content-column{flex:inherit;margin:0 auto 50px}.tabs-with-image-2026 .tabs-container .tabs-content .tab-content .tab-content-inner .content-column .tab-heading{font-size:30px;line-height:40px;margin-bottom:20px}.tabs-with-image-2026 .tabs-container .tabs-content .tab-content .tab-content-inner .content-column .tab-content-text{margin-bottom:25px}.tabs-with-image-2026 .tabs-container .tabs-content .tab-content .tab-content-inner .content-column .tab-content-text p{font-size:19px;line-height:29px}.tabs-with-image-2026 .tabs-container .tabs-content .tab-content .tab-content-inner .media-column{flex:inherit}.tabs-with-image-2026 .tabs-container .tabs-content .tab-content .tab-content-inner .media-column .content-media-code .code-tabs .code-tab-button{min-width:120px}}@media(max-width: 644px){.tabs-with-image-2026 .tabs-container .tabs-content .tab-content .tab-content-inner .media-column .content-media-code .code-tabs .code-tab-button{min-width:93px}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}