.code-editor-wrapper{background:#05182d;padding:120px 0}.code-editor-wrapper .heading-wrapper .summary,.code-editor-wrapper .heading-wrapper .summary p{color:#fff;margin:0;text-align:center}.code-editor-wrapper .heading-wrapper h2{color:#fff;font-weight:700!important;line-height:normal!important;text-align:center}.code-editor-wrapper .code-editor-inner{margin-top:50px}.code-editor-wrapper .code-editor-inner .editor-image-flex-row{align-items:center;display:flex;flex-wrap:wrap;gap:71px}.code-editor-wrapper .code-editor-inner .editor-image-flex-row .image-wrapper{width:calc(76% - 71px)}.code-editor-wrapper .code-editor-inner .editor-image-flex-row .content-column{background:#f27243;border-radius:10px;height:fit-content;max-width:225px;padding:37px 13px 32px;position:relative;width:27%}.code-editor-wrapper .code-editor-inner .editor-image-flex-row .image-wrapper img{width:100%}.code-editor-wrapper .code-editor-inner .editor-image-flex-row .content-column h3{color:#fff;font-weight:700!important;line-height:normal!important;margin-bottom:20px}.code-editor-wrapper .code-editor-inner .editor-image-flex-row .content-column p{color:#fff;font-size:14px;font-weight:700!important;line-height:normal}.code-editor-wrapper .code-editor-inner .editor-image-flex-row .content-column .desc p{font-weight:400!important}.code-editor-wrapper .code-editor-inner .editor-image-flex-row .content-column:before{background-color:#fff;content:"";height:40%;left:-4px;position:absolute;width:4px}.code-editor-wrapper .code-editor-inner .editor-image-flex-row .content-column:after{background-color:#fff;bottom:30px;content:"";height:40%;position:absolute;right:-4px;width:4px}.code-editor-wrapper .editor-image-flex-row.center{align-items:center;gap:30px;margin-top:-180px}.code-editor-wrapper .code-editor-inner .editor-image-flex-row.center .content-column{margin-left:auto;margin-top:20px}.code-editor-wrapper .code-editor-inner .editor-image-flex-row.top{align-items:start}.code-editor-wrapper .code-editor-inner .editor-image-flex-row.top .content-column{margin-top:85px}.code-editor-wrapper .code-editor-inner .editor-image-flex-row.bottom{align-items:end;gap:0;margin-top:-155px}.code-editor-wrapper .code-editor-inner .editor-image-flex-row.bottom .content-column{margin-bottom:157px;margin-left:50px}.code-editor-wrapper .code-editor-inner .editor-image-flex-row.bottom .image-wrapper{width:73%}@media screen and (max-width:1200px){.code-editor-wrapper .code-editor-inner .editor-image-flex-row{align-items:center}.code-editor-wrapper .code-editor-inner{display:flex;flex-direction:column;gap:50px}.code-editor-wrapper .code-editor-inner .editor-image-flex-row.top .content-column{margin:0}.code-editor-wrapper .code-editor-inner .editor-image-flex-row.center .content-column{margin-top:0}}@media screen and (max-width:1189px){.code-editor-wrapper .code-editor-inner .editor-image-flex-row .image-wrapper{width:calc(70% - 71px)}.code-editor-wrapper .code-editor-inner .editor-image-flex-row.bottom .image-wrapper{width:69%}.code-editor-wrapper .code-editor-inner .editor-image-flex-row.bottom .content-column{margin-bottom:80px;margin-left:40px}.code-editor-wrapper .code-editor-inner .editor-image-flex-row .content-column p{line-height:normal}}@media screen and (max-width:1089px){.code-editor-wrapper .editor-image-flex-row.center{margin-top:-140px}.code-editor-wrapper .code-editor-inner .editor-image-flex-row.bottom{margin-top:-126px}}@media screen and (max-width:1024px){.code-editor-wrapper .code-editor-inner .editor-image-flex-row.center .content-column{margin-top:20px}}@media screen and (max-width:969px){.code-editor-wrapper .code-editor-inner .editor-image-flex-row{margin:0!important}}@media screen and (max-width:920px){.code-editor-wrapper .code-editor-inner .editor-image-flex-row.bottom .image-wrapper{width:66%}.code-editor-wrapper .code-editor-inner .editor-image-flex-row.bottom .content-column{margin-bottom:20px}}@media screen and (max-width:768px){.code-editor-wrapper .code-editor-inner .editor-image-flex-row .image-wrapper{width:100%}.code-editor-wrapper .code-editor-inner .editor-image-flex-row .content-column{max-width:100%;padding:20px 10px;width:100%}.code-editor-wrapper .editor-image-flex-row.center{flex-direction:column-reverse}.code-editor-wrapper .code-editor-inner,.code-editor-wrapper .code-editor-inner .editor-image-flex-row,.code-editor-wrapper .code-editor-inner .editor-image-flex-row.bottom{gap:20px}.code-editor-wrapper .code-editor-inner .editor-image-flex-row.bottom .image-wrapper{width:100%}.code-editor-wrapper .code-editor-inner .editor-image-flex-row.bottom .content-column{margin:0;width:30%}.code-editor-wrapper{padding:50px 0}.code-editor-wrapper .code-editor-inner .editor-image-flex-row .content-column h3{margin-bottom:5px}.code-editor-wrapper .code-editor-inner .editor-image-flex-row{position:relative}.code-editor-wrapper .code-editor-inner .editor-image-flex-row .content-column{bottom:0;position:absolute;right:0;width:30%}.code-editor-wrapper .code-editor-inner .editor-image-flex-row.center .content-column{left:0;margin-left:inherit}}@media screen and (max-width:649px){.code-editor-wrapper .code-editor-inner .editor-image-flex-row .content-column .desc p{font-size:8px!important;line-height:normal}.code-editor-wrapper .code-editor-inner .editor-image-flex-row .content-column p{line-height:normal}}@media (max-width:479px){.code-editor-wrapper .code-editor-inner .editor-image-flex-row .content-column p{font-size:11px!important;line-height:normal!important}}@media screen and (max-width:420px){.code-editor-wrapper .code-editor-inner .editor-image-flex-row.bottom .content-column{margin-bottom:0;width:28%}.code-editor-wrapper .code-editor-inner .editor-image-flex-row .content-column p{font-size:9px!important}.code-editor-wrapper .code-editor-inner .editor-image-flex-row .content-column{padding:10px;width:28%}}@media screen and (max-width:329px){.code-editor-wrapper .code-editor-inner .editor-image-flex-row .content-column{width:40%}.code-editor-wrapper .code-editor-inner .editor-image-flex-row .content-column p{margin-bottom:5px}.code-editor-wrapper .code-editor-inner .editor-image-flex-row .content-column h3{margin-bottom:0}.code-editor-wrapper .code-editor-inner .editor-image-flex-row.bottom .content-column{width:40%}}