:root{--demo-primary:var(--bs-primary);--demo-button-color:var(--bs-white);--demo-button-background-color:var(--bs-primary);--demo-button-border-radius:var(--bs-border-radius)}.demo-title{font-size:24px;font-weight:600;line-height:29px;margin-bottom:20px}.demo-title.small{font-size:22px;line-height:27px;margin-bottom:15px}.demo-container{background:#fff;border-radius:10px 10px 0 0;box-shadow:0 2px 10px rgba(0,0,0,.15);display:flex;flex-direction:column;width:100%}.demo-container .demo-header{align-items:center;display:flex;justify-content:center;padding:15px;position:relative}.demo-container .demo-header:before{background-image:url(https://21635735.fs1.hubspotusercontent-na1.net/hubfs/21635735/traffic%20lights.png);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:12px;left:25px;margin-right:8px;position:absolute;top:50%;transform:translateY(-50%);width:46px}.demo-container .demo-header p{align-items:center;display:flex;font-size:12px;font-weight:400;line-height:15px}.demo-container .demo-header p:before{background-image:url(https://21635735.fs1.hubspotusercontent-na1.net/hubfs/21635735/green-lock.png);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;height:12px;margin-right:8px;width:12px}.demo-container .demo-content{aspect-ratio:2.5;box-shadow:0 2px 10px rgba(0,0,0,.15);flex:1 1 auto}.demo-container .demo-container{height:300%;margin-bottom:-100%;transform:scale(.333333);transform-origin:left top;width:300%}.demo-container .demo-content.iframe iframe{height:100%;width:100%}.demo-container .demo-content.widget{align-items:center;display:flex;height:100%;width:100%}.demo-container .demo-content.widget .left{display:flex;flex-direction:column;gap:24px;padding:90px 10px 50px 55px;width:100%}.demo-container .demo-content.widget .right{background-color:var(--demo-primary);clip-path:polygon(40% 0,100% 0,100% 100%,0 100%);height:100%;margin-left:auto;max-width:470px;padding-left:30px;width:100%}.demo-container .demo-content.widget .heading{font-size:50px;font-weight:600;line-height:50px;max-width:485px}.demo-container .demo-content.widget .sub-heading{color:var(--plum-4);font-size:18px;font-weight:500;line-height:24px;max-width:485px}.demo-container .demo-content.widget .img{clip-path:polygon(42% 0,100% 0,100% 100%,0 100%);height:100%;object-fit:cover;width:100%}.demo-container .demo-content.landing-page{display:flex}.demo-container .lp-img{cursor:pointer;height:100%;max-width:35%;object-fit:cover;width:100%}.demo-container .lp-c{display:flex;flex-direction:column;justify-content:center;object-position:center;padding:55px 95px;position:relative;width:100%}.demo-container .lp-c .arrow{bottom:115px;left:-75px;object-fit:contain;position:absolute;width:150px}.demo-container .lp-c .qr-code-c{bottom:0;height:70px;padding:2px;position:absolute;right:0;width:70px}.demo-container .lp-c .qr-code-c img{height:100%;object-fit:contain;width:100%}@media (max-width:767px){.demo-container .demo-content{aspect-ratio:2.5}.demo-container .demo-container{height:300%;margin-bottom:-100%;transform:scale(.333333);transform-origin:left top;width:300%}.demo-container .demo-content.widget .left{padding:25px}.demo-container .demo-content.widget .right{display:none}.demo-container .demo-content.landing-page{display:flex}.demo-container .lp-c{padding:25px}.demo-container .lp-c .arrow{display:none}.demo-container .lp-c .qr-code-c{height:40px;padding:3px;width:40px}}