.content-and-tabs{margin-block:100px 0}.content-and-tabs .content-wrap{align-items:flex-start;display:grid;gap:40px;grid-template-columns:1fr 1fr}.content-and-tabs .content-wrap .content h2{color:#4751e6;font-family:proxima-nova,sans-serif;font-size:40px;font-weight:700;line-height:50px;margin-bottom:30px}.content-and-tabs .content-wrap .content p{color:#000;font-family:proxima-nova,sans-serif;font-size:17px;font-weight:400;line-height:30px;max-width:593px;padding-bottom:30px}.content-and-tabs .image-tabs{position:relative}.content-and-tabs .image-tabs:before{background:url(https://525875.fs1.hubspotusercontent-na1.net/hubfs/525875/img-terminal-cloud-central-bl.jpg) no-repeat;content:"";height:256px;inset:10.5% auto auto -4.1%;object-fit:contain;position:absolute;width:210px}.content-and-tabs .image-tabs:after{background:url(https://525875.fs1.hubspotusercontent-na1.net/hubfs/525875/img-terminal-cloud-central-tr.jpg) no-repeat;content:"";height:167px;inset:-8.5% -6.9% auto auto;object-fit:contain;position:absolute;width:254px}.content-and-tabs #tabs .tab-content>div{height:350px}.content-and-tabs #tabs .tab-content>div:not(:first-child){display:none}.content-and-tabs #tabs .tab-content>div iframe{border:3px solid #d7d7d7!important;border-radius:0 0 10px 10px;border-top:0 solid #d7d7d7!important}.content-and-tabs #tabs .tab-heads{display:grid;gap:20px 0;justify-content:center;margin-inline:auto;margin-top:45px;max-width:660px}.content-and-tabs #tabs .tab-heads h3{border-bottom:1px solid #667ca2;color:#000;cursor:pointer;font-family:proxima-nova,sans-serif;font-size:20px;font-weight:400;line-height:normal;padding-bottom:17px;text-align:center;user-select:none}.content-and-tabs #tabs .tab-heads h3.active{color:#4752e6;font-weight:700;position:relative}.content-and-tabs #tabs .tab-heads h3.active:after{border-bottom:7px solid #4752e6;content:"";inset:auto 0 -4px 0;position:absolute}.content-and-tabs #tabs .tab-content .window-head{grid-gap:0 10px;align-items:center;background-color:#f5f8fa;border:solid #ddd;border-radius:10px 10px 0 0;border-width:1px 1px 0;display:flex;height:35px;margin-inline:auto;max-width:47ch;padding-inline:10px;position:relative;z-index:4}.content-and-tabs #tabs .tab-content .window-head .button-1{background-color:#72bfda;border-radius:50%;display:inline-block;height:10px;width:10px}.content-and-tabs #tabs .tab-content .window-head .button-2{background-color:#e4d686;border-radius:50%;display:inline-block;height:10px;width:10px}.content-and-tabs #tabs .tab-content .window-head .button-3{background-color:#e58a73;border-radius:50%;display:inline-block;height:10px;width:10px}.content-and-tabs .terminal-player-wrapper{margin-inline:auto;max-width:47ch}.content-and-tabs .terminal-player-wrapper *{box-sizing:border-box!important;max-width:100%}.content-and-tabs .terminal-player-wrapper .asciinema-theme-asciinema .asciinema-terminal{background-color:hsla(0,0%,100%,.9);border:2px solid #ddd;border-radius:0 0 10px 10px;border-top:0 solid #ddd;padding:10px;position:relative;z-index:5}.content-and-tabs .terminal-player-wrapper .asciinema-terminal.font-small{font-size:14px}.content-and-tabs .terminal-player-wrapper .asciinema-terminal .line span{color:#000}.content-and-tabs .terminal-player-wrapper .control-bar{display:none}@media only screen and (min-width:1921px){.content-and-tabs .image-tabs:before{inset:10.5% auto auto 10.2%}.content-and-tabs .image-tabs:after{inset:-8.5% 8.2% auto auto}}@media only screen and (max-width:1200px){.content-and-tabs #tabs .tab-heads h3{font-size:18px}}@media only screen and (max-width:991px){.content-and-tabs .content-wrap{grid-template-columns:1fr}.content-and-tabs .content-wrap .content p{max-width:100%}.content-and-tabs .image-tabs:before{inset:10.5% auto auto 4%}.content-and-tabs .image-tabs:after{inset:-8.5% 0 auto auto}}@media only screen and (max-width:767px){.content-and-tabs{margin-block:60px 0}.content-and-tabs .content-wrap .content h2{font-size:36px}}@media only screen and (max-width:600px){.content-and-tabs .terminal-player-wrapper{max-width:61ch}.content-and-tabs .terminal-player-wrapper .asciinema-theme-asciinema .asciinema-terminal{width:calc(100vw - 40px)!important}.content-and-tabs #tabs .tab-content .window-head{max-width:100%}.content-and-tabs .image-tabs:after{inset:0 8.2% auto auto}}@media only screen and (max-width:480px){.content-and-tabs{margin-block:40px 0}.content-and-tabs .content-wrap .content h2{font-size:33px;line-height:45px}}