@font-face {
    font-family: 'Helvetica';
    src: url('font/HelveticaCE.woff2') format('woff2'),
        url('HelveticaCE.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
.panel-form {background: #fff;color: #333;box-shadow: 0 4px 24px 0 rgb(0 0 0 / 25%); width: 320px; margin: 30px auto;font-family: 'Helvetica'; position: absolute;top: 0;right: 40px;overflow: hidden;transition: all 0.5s ease;}
.panel-form.estimatefullscreen{bottom:0px;width:350px;}
.panel-form .form-body {padding: 20px;position:relative;display:block;height:calc(100% - 40px);overflow:auto;transition: all 0.5s ease;}
.panel-form .form-header {text-align: center;margin: 0 auto 10px auto;padding:0;font-family: 'Helvetica';}
.panel-form .form-header h2{margin-top:0px;margin-bottom:10px;}
.panel-form .form-header h4{font-size:14px;margin-top:0px;}
.panel-form .form-group{margin-bottom: 8px;}
.panel-form .form-group .form-control{box-sizing: border-box;width: 100%;height: 32px;padding: 0px 7px;font-size: 14px;color: #555555;background-color: #ffffff;border: 1px solid #cccccc;border-radius: 4px;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);}
.panel-form .form-group .form-control:focus{border:1px solid #66afe9;-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);}
.panel-form .form-group textarea.form-control{height:auto;}
.panel-form .form-switch.form-group {padding: 0;display: flex;align-items: center;justify-content:space-between;}
.panel-form .onoffswitch {position: relative;width: 90px;webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;border: 1px solid #ccc;border-radius: 4px;}
.panel-form .onoffswitch-toggle {display: block;overflow: hidden;cursor: pointer;border-radius: 4px;margin-bottom: 0;border-style: none;background: #fff;padding: 0;width: 100%;}
.onoffswitch-toggle .onoffswitch-inner {display: block;width: 200%;margin-left: 0;transition: margin 0.3s ease-in 0s;}
.onoffswitch-toggle.active .onoffswitch-inner {margin-left: -100%;}
.panel-form .onoffswitch-toggle .onoffswitch-inner::before, 
.panel-form .onoffswitch-toggle .onoffswitch-inner::after {display: block;float: left;width: 50%;line-height: 33px;font-size: 14px;box-sizing: border-box;color: #333;}
.panel-form .onoffswitch-toggle .onoffswitch-inner::before {content: "YES";text-align: left;padding-left: 15px;}
.panel-form .onoffswitch-toggle .onoffswitch-inner::after {content: "NO";text-align: right;padding-right: 20px;}
.panel-form .onoffswitch-toggle .onoffswitch-switch {display: block;width: 28px;height:28px;position: absolute;background: #337ab7;top: 0;bottom: 0;right: 0px;border: 2px solid #fff;border-radius: 4px;transition: all 0.3s ease-in 0s;}
.panel-form .onoffswitch-toggle.active .onoffswitch-switch {background: #A6A6A6;right: 54px;margin-left: 0;}
.panel-form #request-set {display: none;}
.panel-form #request-set.activein {display: block;}
.panel-form #request-set .main-sec {display: flex;align-content: ;align-items: center;margin-left: -10px;margin-right: -10px;}
.panel-form #request-set .main-sec .left-content {width: 50%;padding: 10px;}
.panel-form #request-set .main-sec .right-content {width: 50%;padding: 10px;}
.panel-form #request-set .main-sec .right-content .form-group {position: relative;}
.panel-form #request-set .main-sec .right-content .form-group::after, 
.panel-form .dropdown .btn-dropdown-services::after{content:"";width: 10px;height: 10px;position: absolute;top: 10px;right: 10px;border-left: 1px solid #000;border-bottom: 1px solid #000;transform: rotate(-45deg);transition: 0.5s all;}
.panel-form #request-set .main-sec .form-group select, 
.panel-form #request-set .main-sec .form-group input {width: 100%;appearance: none;padding: 0px 3px}
.panel-form #request-set .main-sec .right-content.open .form-group::after,
.panel-form .dropdown .btn-dropdown-services.active::after{transform: rotate(135deg);top: 13px;}
.panel-form .dropdown {width: 100%;position: relative;margin: 0;padding: 0;}
.panel-form .checkbox {width: 100%;display: flex;align-items: self-start;margin-bottom: 20px;}
.panel-form .checkbox input{background-color: #ffffff;background-image: none;border: 1px solid #cccccc;border-radius: 4px;width: 15px;height: 15px;margin-top: 2px;}
.panel-form .checkbox label {font-size: 12px;line-height: 15px;padding-left: 10px;color: #707070;}
.panel-form .form-group .left-label-text p{ font-size:14px; }
.panel-form .form-group p{font-size: 11px; color: #707070;}
.panel-form .btn.submit-form {background: #D4DAEB;border-color: #D4DAEB;color: #264677;width: 100%;padding: 10px 16px;font-size: 18px;line-height: 1.33;border-radius: 6px;font-weight: bold;letter-spacing: 1px;border: none;}
.panel-form .panel-body .btn.submit-form:hover, 
.panel-form .panel-body .btn.submit-form:focus {background: #264677;border-color: #264677;color: #fff;}
.formestimate{width: 100%;height: 45px;line-height: 45px;text-align: center;position: relative;display: block; background: #089906;margin-top: 15px; border-radius: 5px;color: #fff;text-decoration: none;font-size: 22px;font-weight: bold;}
.formestimate:hover{background: #0b2a0b;}
.form-estimate,
.form-body.formbodyhide,
.form-estimatebox{display:none;transition: all 0.5s ease;}
.form-estimatebox.estimateshow{display:block;height:100%;width:100%;position:relative;}
.closeestimate{cursor:pointer; width: 26px;height: 26px; border-radius: 13px; line-height: 26px; text-align: center; background: #3192c9; position: absolute;right: 3px;top: 3px; border: 1px #3192c9 solid;font-weight: bold;color:#fff;}
.closeestimate:hover{background:#ff0;color:#000;}