.wdd-form{max-width:1200px;width:100%;margin:0 auto;padding:0 30px}.form-row{display:flex;align-items:center;margin:0 -15px}.form-row:not(:first-child){margin-top:30px}@media only screen and (max-width: 900px){.form-row{gap:20px;flex-direction:column}.form-row:not(:first-child){margin-top:20px}}@media only screen and (max-width: 575px){.form-row{gap:10px}.form-row:not(:first-child){margin-top:10px}}.form-grid{width:100%;padding:0 15px}.form-grid.col-6{width:50%}.form-grid.col-4{width:33.3333333333%}.error-detail .error-text{color:#ee5f32}.error-detail .error-text:not(:first-child){margin-top:10px}.form-btn-group{display:flex;justify-content:center;flex-direction:row-reverse;flex-wrap:wrap;margin-top:30px;gap:10px}.form-btn-group .btn{display:flex;justify-content:center;align-items:center;width:120px;height:40px;border:1px solid #000000;border-radius:10rem;transition:background-color .2s linear,color .2s linear;cursor:pointer;pointer-events:auto}.form-btn-group .btn:hover{background-color:#000;color:#fff}.form-btn-group .btn:not(:last-child){margin-right:15px}.form-group{position:relative;display:flex;align-items:flex-start;border-bottom:1px solid rgba(0,0,0,.2);padding-bottom:10px}@media only screen and (max-width: 767px){.form-group{flex-direction:column;align-items:flex-start;padding-top:10px}}.form-group.required .subject{position:relative}.form-group.required .subject:before{content:"";position:absolute;width:5px;height:5px;border-radius:50%;top:0;left:0;background-color:#ee5f32}@media only screen and (max-width: 1200px){.form-group.required .subject:before{top:4px;left:4px}}.form-group.verification .input-wrap{display:flex}.form-group.verification .refresh-btn{display:flex;align-items:center;align-self:center}.form-group.verification .refresh-btn img{max-width:80px;width:auto;height:32px}.form-group.textarea{flex-direction:column}.form-group.textarea .input-wrap{height:auto;padding:10px 35px 10px 15px;margin-bottom:10px}.form-group.textarea .validation-icon{top:10px;transform:none}.form-group.success{border-bottom:1px solid #198754}.form-group.error{border-bottom:1px solid #EE5F32}.form-group.error .subject,.form-group.error .input-wrap input::placeholder,.form-group.error .select-display,.form-group.error .select-wrapper i{color:#ee5f32}.form-group.error~.error-text{color:#ee5f32;margin-top:5px}.form-group *.disabled{opacity:.5;pointer-events:none}.form-group .subject{flex-shrink:0;padding:10px 0 10px 15px;font-size:1.125rem;line-height:1.5;color:#000;margin-right:20px;position:relative;max-width:50%;letter-spacing:1px}@media only screen and (max-width: 1200px){.form-group .subject{font-size:1rem;padding:10px 0 5px 15px}}.form-group .subject:after{content:"";height:20px;width:1px;position:absolute;right:-20px;top:50%;transform:translateY(-50%);background:#0003;display:block}@media only screen and (max-width: 1200px){.form-group .subject:after{height:15px}}.form-group .input-wrap{position:relative;width:100%;height:1.6875rem;margin:10px 0;padding:0 20px}@media only screen and (max-width: 1200px){.form-group .input-wrap{padding:0 15px}}.form-group .input-wrap input{width:100%;height:100%;border:none;padding:0;font-size:1.125rem;color:#000;letter-spacing:1px;background-color:transparent}@media only screen and (max-width: 1200px){.form-group .input-wrap input{font-size:1rem}}.form-group .input-wrap input::placeholder{color:#0003;opacity:1}.form-group .input-wrap input:-ms-input-placeholder{color:#0003}.form-group .input-wrap input::-ms-input-placeholder{color:#0003}.form-group .input-wrap input.error .validation-icon,.form-group .input-wrap input.error+.validation-icon{display:block;background-image:url(../../assets/img/error.svg)}.form-group .input-wrap input.error .validation-icon:hover:before,.form-group .input-wrap input.error .validation-icon :active:before,.form-group .input-wrap input.error+.validation-icon:hover:before,.form-group .input-wrap input.error+.validation-icon :active:before{opacity:1}.form-group .input-wrap input.success .validation-icon,.form-group .input-wrap input.success+.validation-icon{display:block;background-image:url(../../assets/img/success.svg)}.form-group .textarea-scrollbar{display:block;width:100%;height:200px;padding:0;border:none;line-height:1.5;font-size:1.125rem;background-color:transparent;resize:none}@media only screen and (max-width: 1200px){.form-group .textarea-scrollbar{font-size:1rem}}.form-group .textarea-scrollbar::placeholder{color:#0003}.form-group .textarea-scrollbar.os-textarea::placeholder{color:#0003;opacity:1}.form-group .textarea-scrollbar.os-textarea:-ms-input-placeholder{color:#0003}.form-group .textarea-scrollbar.os-textarea::-ms-input-placeholder{color:#0003}.form-group .textarea-scrollbar .os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle{background:#c2c2c266}.form-group .textarea-scrollbar .os-theme-dark>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle{background:#91919166}.form-group .textarea-scrollbar.error .validation-icon,.form-group .textarea-scrollbar.error+.validation-icon{display:block;background-image:url(../../assets/img/error.svg)}.form-group .textarea-scrollbar.error .validation-icon:hover:before,.form-group .textarea-scrollbar.error .validation-icon :active:before,.form-group .textarea-scrollbar.error+.validation-icon:hover:before,.form-group .textarea-scrollbar.error+.validation-icon :active:before{opacity:1}.form-group .textarea-scrollbar.success .validation-icon,.form-group .textarea-scrollbar.success+.validation-icon{display:block;background-image:url(../../assets/img/success.svg)}.form-group .validation-icon{display:none;position:absolute;top:50%;right:0;width:20px;height:20px;transform:translate3d(0,-50%,0);background-repeat:no-repeat;background-position:center;background-size:contain}.form-group .validation-icon:before{content:attr(error-text);position:absolute;top:-5px;right:0;padding:5px;border-radius:4px;background-color:#ee5f32cc;color:#fff;font-size:.875rem;white-space:nowrap;transform:translate3d(0,-100%,0);opacity:0;transition:opacity .3s;pointer-events:none}.form-group dropdown-el:not([d4-value=""]) .select-display{color:#000}.form-group dropdown-el.type-fullbox{position:static}.form-group dropdown-el[multiple] .select-wrapper{padding:4px 15px}.form-group dropdown-el:not([multiple]) .select-wrapper{padding:10px 15px}.form-group dropdown-el .select-wrapper{background-color:transparent;min-height:44px}.form-group dropdown-el .select-display{position:relative;color:#0003;font-size:1.125rem;line-height:1.6875rem}@media only screen and (max-width: 1200px){.form-group dropdown-el .select-display{font-size:1rem}}.form-group dropdown-el .validation-icon{position:relative;top:auto;right:auto;transform:none}.form-group dropdown-el .dropdown-icon{position:relative;width:10px;height:10px;border:none}.form-group dropdown-el .dropdown-icon:after{content:"";font-family:icomoon!important;position:absolute;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;top:50%;left:50%;transform:translate(-50%,-50%) rotate(0);font-size:.75rem}.form-group dropdown-el.error .validation-icon,.form-group dropdown-el.error+.validation-icon{display:block;background-image:url(../../assets/img/error.svg)}.form-group dropdown-el.error .validation-icon:hover:before,.form-group dropdown-el.error .validation-icon :active:before,.form-group dropdown-el.error+.validation-icon:hover:before,.form-group dropdown-el.error+.validation-icon :active:before{opacity:1}.form-group dropdown-el.success .validation-icon,.form-group dropdown-el.success+.validation-icon{display:block;background-image:url(../../assets/img/success.svg)}.form-group .form-check{width:100%;display:flex;flex-wrap:wrap}.form-group .form-check.error .validation-icon,.form-group .form-check.error+.validation-icon{display:block;background-image:url(../../assets/img/error.svg)}.form-group .form-check.error .validation-icon:hover:before,.form-group .form-check.error .validation-icon :active:before,.form-group .form-check.error+.validation-icon:hover:before,.form-group .form-check.error+.validation-icon :active:before{opacity:1}.form-group .form-check.success .validation-icon,.form-group .form-check.success+.validation-icon{display:block;background-image:url(../../assets/img/success.svg)}.form-group .form-check .option-item{display:flex;align-items:center;padding:10px 0;margin-right:15px;-webkit-user-select:none;user-select:none;cursor:pointer}.form-group .form-check .option-item .checkbox-wrap{position:relative;width:20px;height:20px;border:1px solid #000000;margin-right:8px}.form-group .form-check .option-item .checkbox-wrap>input{width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.form-group .form-check .option-item .checkbox-wrap>input:checked~.fake-checkbox{opacity:1}.form-group .form-check .option-item .checkbox-wrap .fake-checkbox{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 4px);height:calc(100% - 4px);background-color:red;opacity:0;pointer-events:none;transition:opacity .4s linear}.form-group .form-check .option-item .text{font-size:1.125rem;color:#000;line-height:1.5}.form-group .file-wrap{position:relative;width:100%;margin-left:15px;cursor:pointer}.form-group .file-wrap>input{width:100%;height:24px;margin:10px 0;opacity:0}.form-group .file-wrap>input.error+.fake-file-upload .file-name{color:#ee5f32}.form-group .file-wrap>input.error+.fake-file-upload .validation-icon{display:block;background-image:url(../../assets/img/error.svg)}.form-group .file-wrap>input.success+.fake-file-upload .validation-icon{display:block;background-image:url(../../assets/img/success.svg)}.form-group .file-wrap .fake-file-upload{position:absolute;width:100%;height:100%;display:flex;align-items:center;top:0;left:0}.form-group .file-wrap .fake-file-upload .file-name{font-size:1.125rem;color:#0003;line-height:1.6875rem;padding-right:20px;margin-right:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-group .file-wrap .fake-file-upload .validation-icon{position:relative;top:auto;right:auto;transform:none}.form-group .file-wrap .fake-file-upload .upload-icon{width:30px;height:30px;background-image:url(../../assets/img/upload.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.form-group .file-wrap .fake-file-upload input[type=file]{position:absolute;width:100%;height:100%;opacity:0;pointer-events:none;z-index:-1}.form-group .data-time-picker{position:relative;width:100%;align-self:center}.form-group .data-time-picker>input{width:100%;height:1.6875rem;border:none;margin:10px 0;padding:0 15px;font-size:1.125rem;color:#000}.form-group .data-time-picker>input::placeholder{color:#0003;opacity:1}.form-group .data-time-picker>input:-ms-input-placeholder{color:#0003}.form-group .data-time-picker>input::-ms-input-placeholder{color:#0003}.error-info{text-align:center;color:#ee5f32}.error-info:has(p){margin-top:30px}section.main{position:relative;padding:60px}@media only screen and (max-width: 1200px){section.main{padding:60px 30px}}@media only screen and (max-width: 575px){section.main{padding:0}}section.main .container{max-width:1350px;margin:0 auto;padding:20px;position:relative}@media only screen and (max-width: 1200px){section.main .container{padding:15px}}section.main .container:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:#fff9;box-shadow:20px 20px 40px #00000026;z-index:-1}section.main .container .padding-box{padding:80px;background:#fff}@media only screen and (max-width: 1200px){section.main .container .padding-box{padding:60px}}@media only screen and (max-width: 767px){section.main .container .padding-box{padding:60px 30px}}section.main .container .go-back-btn{display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}section.main .container .go-back-btn i{display:flex;align-items:center;justify-content:center;margin-left:auto;width:30px;height:30px;flex-shrink:0;border-radius:50%;font-size:.5rem;color:#fff;background:#ee5f32}section.main .container .block-title{max-width:600px;text-align:center;margin:50px auto 0}@media only screen and (max-width: 1200px){section.main .container .block-title{margin-top:30px}}section.main .container .block-title .des{margin-top:15px}section.main .container .wdd-form{padding:100px 0 0;position:relative}section.main .container .wdd-form:after{content:"";width:100%;height:3px;background:#53b8ba;position:absolute;top:50px;left:0}@media only screen and (max-width: 767px){section.main .container .wdd-form{padding-top:60px}section.main .container .wdd-form:after{top:30px}}section.main .container .wdd-form:after{background:#ee5f32}
