.service-form{height:100%;max-width:485px;width:100%;margin:0 auto;z-index:99}.toggle-button{box-sizing:border-box;background-color:#ebb41b;color:white;border:none;font-size:20px;padding:15px 8px;letter-spacing:4.48px;position:relative;z-index:2;cursor:pointer;display:none}.steps{display:flex;justify-content:space-between;list-style:none;margin-bottom:20px}.steps .checkmark{width:15px}.steps .step{display:inline-block;position:relative;width:20px;height:20px;border-radius:50%;color:white;background-color:white;color:#b0b0b0;border:1px solid #b0b0b0;display:flex;justify-content:center;align-items:center;font-size:13px}.steps .step::after{z-index:1;content:"";position:absolute;top:50%;right:100%;width:166px;height:1px;background-color:#b0b0b0}.steps .step:first-child::after{display:none}.steps .step .number{z-index:99}.steps .step .desc{position:absolute;bottom:-20px;text-align:center;color:black;font-size:13px}.steps .step .step-number{position:absolute;top:-20px;left:calc(50% - 10px);width:20px;height:20px;border-radius:50%;border:1px solid #b0b0b0;background-color:white;color:white;z-index:99}.steps .step .step-green{background-color:#74cd63}.steps .step .step-green::before{background-color:#74cd63}.steps .active{color:white;background-color:#74cd63;border-color:#74cd63}.steps .active::after{background-color:#74cd63}.form-steps{position:relative}.form-steps .toggle-button{position:fixed;top:10px;left:10px;padding:10px;font-size:16px;letter-spacing:initial}.loader-wrap{z-index:999;width:100%;height:100%;position:absolute;top:0;left:0;background-color:white;display:flex;justify-content:center;align-items:center;flex-direction:column}.loader-wrap .loader{text-align:center}.loader-wrap .loader p{margin-top:15px}.loader-wrap .loader .circle{border:8px solid #f3f3f3;border-top:8px solid #ebb41b;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.success-checkmark{width:80px;height:115px;margin:0 auto}.success-checkmark .check-icon{width:80px;height:80px;position:relative;border-radius:50%;box-sizing:content-box;border:4px solid #4caf50}.success-checkmark .check-icon::before{top:3px;left:-2px;width:30px;transform-origin:100% 50%;border-radius:100px 0 0 100px}.success-checkmark .check-icon::after{top:0;left:30px;width:60px;transform-origin:0 50%;border-radius:0 100px 100px 0;animation:rotate-circle 4.25s ease-in}.success-checkmark .check-icon::before,.success-checkmark .check-icon::after{content:"";height:100px;position:absolute;background:#ffffff;transform:rotate(-45deg)}.success-checkmark .check-icon .icon-line{height:5px;background-color:#4caf50;display:block;border-radius:2px;position:absolute;z-index:10}.success-checkmark .check-icon .icon-line.line-tip{top:46px;left:14px;width:25px;transform:rotate(45deg);animation:icon-line-tip 0.75s}.success-checkmark .check-icon .icon-line.line-long{top:38px;right:8px;width:47px;transform:rotate(-45deg);animation:icon-line-long 0.75s}.success-checkmark .check-icon .icon-circle{top:-4px;left:-4px;z-index:10;width:80px;height:80px;border-radius:50%;position:absolute;box-sizing:content-box;border:4px solid rgba(76,175,80,0.5)}.success-checkmark .check-icon .icon-fix{top:8px;width:5px;left:26px;z-index:1;height:85px;position:absolute;transform:rotate(-45deg);background-color:#ffffff}@keyframes rotate-circle{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes icon-line-tip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@keyframes icon-line-long{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0px;top:35px}100%{width:47px;right:8px;top:38px}}@media only screen and (max-width: 1024px){.service-form{width:320px}.service-form .steps .step::after{width:122px}}@media only screen and (max-width: 768px){.service-form{text-align:left !important}.toggle-button{display:initial}}@media only screen and (max-width: 360px){.intro{min-height:100%;height:100%}.service-form{width:100%;margin-bottom:30px}}
