.officebg-holder.demo { background: linear-gradient(rgba(0, 0, 8, 0.6), rgba(0, 0, 0, 0.4)), url(/template/default/images/personalize-demo-bgimg.webp) no-repeat; height: 300px; background-size: cover; margin: 50px 0 0; padding: 0; overflow: hidden;}.officebg-holder.demo .office-login-left h1 { font-size: 42px; color: #fff; padding: 50px 0 20px; font-weight: 600;}.officebg-holder.demo .office-login-left .subtxt { font-size: 19px; color: #fff;}.officebg-holder .office-login-banner.live-demo-banner { display: none;}.officebg-holder.demo .office-login-left .support-btn.tawk-btn { color: #fff; padding: 8px 25px; background: #638bd0; font-size: 18px; font-weight: 400;border-radius: 20px;}.officebg-holder.demo .office-login-left .expert-btn { margin-top: 40px;}.demo-form-holder { padding: 40px 0 60px; overflow: hidden;}.demo-form-holder p,.demo-form-holder h2 { line-height: 2; margin: 0 0 20px; color: #333;}.demo-form-holder h2 { font-weight: 600; font-size: 1.375rem;}.login1 li { padding: 7px 0;}.login1 input[type=email],.login1 input[type=password],.login1 input[type=text],.login1 select,.login1 textarea { border: 1px solid #d3dada; padding: 7px 10px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; vertical-align: middle; color: #4d5b62; font-family: Nunito Sans, Arial, sans-serif; font-size: 14px; font-weight: 300;}.text-100,.demo-form-holder #demotime { width: 100%;}.demo-form-holder .demo-form-left,.demo-form-holder .demo-form-right { padding-bottom: 40px;}.one_half { width: 49%; position: relative; display: inline-block; float: left; margin-right: 2%;}.last { margin-right: 0 !important;}.demo-form-holder #security_code { width: 72.5%;}.demo-form-holder #submit-demo { padding: 10px 40px; background: #f85307; border: 1px solid #f85307; color: #fff; font-size: 19px;line-height: 25px;border-radius: 40px;}.demo-form-holder .content-wrapper { border-bottom: 1px solid #ddd;}.demo-form-holder .buttonrow { margin: 10px 0 50px;}.demo-btm-holder .demo-boxes { overflow: hidden; display: flex;}.demo-boxes .demo-box { border: 1px solid #e2e2e2; box-shadow: 0 0px 10px #ddd; margin: 10px 2% 10px 10px; border-end-end-radius: 10px; border-end-start-radius: 10px;}.one_third { width: 32%;}.demo-boxes .demo-box h3 { padding: 20px 0 20px 20px; background: #638bd0; color: #fff; font-weight: 500; font-size: 19px;}.demo-boxes .demo-box p { padding: 20px 30px; line-height: 2;}.demo-btm-holder h2 { margin: 0 0 50px; font-weight: 600; font-size: 1.8rem; color: #333;}.demo-btm-holder { padding: 0 0 60px;}.demo-form-holder select#choose_product,.demo-form-holder #demotimezone { opacity: 0.6;}.fancybox-skin { position: relative; background: #fff !important; color: #333 !important; text-shadow: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 0 !important; padding: 0; border-radius: 15px !important;}.fancybox-inner .error p,.fancybox-inner .success p { font-size: 15px; line-height: 27px; color: #000000; font-weight: 400; margin: 15px 0;}#fancybox-close { float: none; height: 36px; border-radius: 5px; border: 1px solid #016bbd; display: inline-block; line-height: 32px; width: 80px; text-align: center; cursor: pointer;}#fancybox-close:hover { background: #f1f1f1;}@media only screen and (max-width:980px) { .demo-btm-holder .demo-boxes { flex-direction: column; } .demo-boxes .one_third { width: 100%; margin: 0 0 20px; } .one_half { width: 100%; } .demo-form-holder #security_code { width: 40%; }}@media only screen and (max-width:768px) { .officebg-holder.demo .office-login-left h1 { font-size: 25px; padding: 30px 0 20px; } .officebg-holder.demo .office-login-left .subtxt { font-size: 16px; } .officebg-holder.demo { height: auto; padding-bottom: 30px; } .demo-form-holder .demo-form-left { padding-bottom: 0px; } .demo-form-holder .demo-form-right { padding-bottom: 20px; } .demo-btm-holder h2 { margin: 0 0 30px; } .text-size-3 { font-size: 1.5rem; }}@media only screen and (max-width:600px) { .officebg-holder.demo { background-image: none !important; background: #6495ed; } .officebg-holder.demo .office-login-left .support-btn.tawk-btn { background: #4c71b0; } .demo-boxes .demo-box p { padding: 20px; } .demo-form-holder #submit-demo { padding: 0px 30px; height: 38px; line-height: 38px; }}