/* Demo & Trial Modals (shared base) */
.demo-modal,.trial-modal{position:fixed;inset:0;z-index:99999;display:none;align-items:flex-start;justify-content:center;overflow-y:auto;padding:60px 20px;}
.demo-modal.is-open,.trial-modal.is-open{display:flex;}
.demo-modal-backdrop,.trial-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.65);z-index:1;}
.demo-modal-dialog,.trial-modal-dialog{position:relative;z-index:2;width:100%;max-width:640px;margin:auto;}
.demo-modal-content,.trial-modal-content{position:relative;background:#fff;border-radius:8px;box-shadow:0 10px 40px rgba(0,0,0,0.3);overflow:hidden;}
.demo-modal-close,.trial-modal-close{position:absolute;top:10px;right:14px;background:transparent;border:0;color:#333;font-size:28px;line-height:1;cursor:pointer;padding:6px 10px;z-index:3;}
.demo-modal-close:hover,.trial-modal-close:hover{color:#ff6200;}
.demo-modal-body,.trial-modal-body{padding:32px 28px 24px;}
body.demo-modal-open,body.trial-modal-open{overflow:hidden;}
#demoModal button.demo-modal-close,#trialModal button.trial-modal-close{background:transparent;color:#ff6200;}
/* Demo Modal Form */
.demo-modal .demo-2-form{box-shadow:none;padding:0;background:transparent;}
.demo-modal .demo-2-form h2{font-size:22px;margin:0 0 18px;padding-right:30px;}
.demo-modal .form-loader{text-align:center;}
/* Trial Modal Form */
.trial-modal .form{background:transparent;padding:0;}
.trial-modal .form-head{font-size:22px;margin:0 0 18px;padding-right:30px;}
.trial-modal .form-loader{text-align:center;}
.trial-modal .step-count{display:flex;list-style:none;padding-left:0;margin-bottom:20px;}
.trial-modal .step-count li{height:25px;width:25px;display:flex;justify-content:center;align-items:center;margin-right:15px;font-size:14px;line-height:1;position:relative;z-index:1;color:#333;}
.trial-modal .step-count li:before{content:'';position:absolute;top:0;left:0;height:100%;width:100%;transform:rotate(45deg);border-radius:5px;background:#dce3ec;z-index:-1;}
.trial-modal .step-count li.active:before{background:#ff6200;}
.trial-modal .step-count li.active{color:#fff;}
/* Demo & Trial Modals Responsive */
@media only screen and (max-width:991px){
.demo-modal,.trial-modal{padding:40px 16px;}
.demo-modal-dialog,.trial-modal-dialog{max-width:560px;}
}
@media only screen and (max-width:767px){
.demo-modal,.trial-modal{padding:24px 12px;}
.demo-modal-body,.trial-modal-body{padding:26px 20px 20px;}
.demo-modal .demo-2-form h2,.trial-modal .form-head{font-size:19px;}
}
@media only screen and (max-width:480px){
.demo-modal-body,.trial-modal-body{padding:22px 16px 16px;}
.demo-modal-close,.trial-modal-close{top:6px;right:10px;font-size:26px;}
}