body{font-family:Poppins,sans-serif;height:100%;overflow:hidden}#main-page{height:100vh}.switch-wrapper{position:relative;display:inline-block;cursor:pointer}.switch-input{opacity:0;position:absolute}.switch-bg{position:absolute;inset:0;background:#fff;border:1px solid #e9e9e9;border-radius:999px}.switch-handle,.switch-option::before{top:5px;height:40px;border-radius:999px;color:#fff;position:absolute}.switch-handle{left:5px;width:calc(50% - 5px);background:#2563eb;font-size:18px;display:flex;align-items:center;justify-content:center;transition:transform .25s;pointer-events:none;z-index:1}.switch-input:checked+.switch-bg+.switch-handle{transform:translateX(100%)}.switch-input:checked~.switch-option.right,.switch-input~.switch-option.left{color:#fff}.switch-input:checked~.switch-option.right:hover::before,.switch-input~.switch-option.left:hover::before{background-color:transparent}.switch-input:checked~.switch-option.left{color:#1f2937}.switch-input:checked~.switch-option.left:hover::before,.switch-input~.switch-option.right:hover::before{background-color:#f3f4f6}.switch-option{position:absolute;top:0;width:50%;height:100%;display:flex;align-items:center;justify-content:center;font-size:18px;user-select:none;z-index:2;transition:.5s}.bg-img,.panels .panel:not(.active){display:none}.switch-option span{z-index:2}.switch-option.left{left:0}.switch-option.right{right:0}.switch-option::before{content:"";left:5px;width:calc(100% - 5px);background:0 0;z-index:0}.switch-option.right::before{right:5px;left:auto}.demo-panel{border:1px solid #e9e9e9}.bg-img{transition:.5s;opacity:0;border:1px solid #e5e5e5}.bg-img.active{opacity:1;display:block}.brand-name{letter-spacing:.5px}.simplebar-content{height:100%}#section1::after,.header{width:100%;height:100vh}#section1::after{content:"";position:absolute;bottom:0;left:0;right:0;background:#fff;top:calc(100% - 250px);border-top:1px solid #f3f4f6}.tabs button.active{background:#fff;border-bottom-color:transparent}