footer,header,section{--color1:#18a8b4;--color1-05:#f4fbfb;--background:#002d31;--background-70:rgba(0,45,49,.698)}footer.classic,header.classic,section.classic{--color1:#a52336;--color1-05:#fcf8f9;--background:#590e18;--background-70:rgba(89,14,24,.698)}section.hero-modal-module{align-items:center;background-color:rgba(0,32,35,.9);display:flex;height:100%;justify-content:center;left:0;opacity:0;padding:50px;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease-out,pointer-events .3s ease-out,visibility .3s ease-out;visibility:hidden;width:100%;z-index:99999}section.hero-modal-module.on{opacity:1;pointer-events:all;visibility:visible}section.hero-modal-module .wrapper{width:1000px}section.hero-modal-module .wrapper .wrapper-form{background-color:#fff;box-shadow:0 2px 50px 0 rgba(0,0,0,.08);margin:0 auto;max-height:90vh;max-width:1000px;overflow-y:scroll;padding:45px;position:relative;width:100%}section.hero-modal-module .wrapper .wrapper-form>div.close{background-color:#0e0e0e;border-radius:100px;cursor:pointer;height:30px;position:absolute;right:45px;top:45px;transition:transform .3s ease-out;width:30px}section.hero-modal-module .wrapper .wrapper-form>div.close:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='30' fill='none' viewBox='0 0 32 30'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='31.364' height='30' fill='%23ece4e7' rx='15'/%3E%3Cpath fill='%235f1937' d='m15.683 13.446 5.443-5.444 1.555 1.555-5.443 5.444 5.444 5.443L21.126 22l-5.444-5.444L10.24 22l-1.555-1.556 5.443-5.443-5.443-5.444 1.555-1.555z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='31.364' height='30' fill='%23fff' rx='15'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;content:"";height:31px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:31px}section.hero-modal-module .wrapper .wrapper-form>div.close:hover{transform:scale(1.1)}section.hero-modal-module .wrapper .wrapper-form form{height:100%;margin-top:20px;position:relative;transition:height .3s ease-out,min-height .3s ease-out}section.hero-modal-module .wrapper .wrapper-form .step{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;padding-bottom:60px;transition:visibility .3s ease-out,opacity .3s ease-out;width:100%}section.hero-modal-module .wrapper .wrapper-form .step>*{width:100%}section.hero-modal-module .wrapper .wrapper-form .step .wrapper-btn{bottom:0;display:flex;justify-content:space-between;position:absolute}@media screen and (max-width:768px){section.hero-modal-module .wrapper .wrapper-form .step .wrapper-btn .btn{font-size:14px}}section.hero-modal-module .wrapper .wrapper-form .step .wrapper-btn :last-child{margin-left:auto}section.hero-modal-module .wrapper .wrapper-form .title{color:#020c0d}section.hero-modal-module .wrapper .wrapper-form .percentage{background-color:#efefef;height:4px;margin-bottom:30px;margin-top:13px;position:relative;width:calc(100% - 45px)}section.hero-modal-module .wrapper .wrapper-form .percentage:after{background-color:#ff6e6e;content:"";display:block;height:100%;left:0;position:absolute;top:0;transition:width .5s ease-out;width:clamp(10%,var(--percentage),100%)}section.hero-modal-module .wrapper .wrapper-form .percentage div.value{background-color:#fff;color:#5f1937;content:var(--percentage) "%";display:block;font-size:14px;font-weight:700;height:auto;left:0;line-height:21px;padding-right:15px;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .5s ease-out;z-index:2}section.hero-modal-module .wrapper .wrapper-form .percentage[data-percent="0"] div.value{opacity:0}@media screen and (max-width:768px){section.hero-modal-module{padding:15px}section.hero-modal-module .wrapper .wrapper-form{padding:30px}section.hero-modal-module .wrapper .wrapper-form>div.close{right:30px;top:30px}section.hero-modal-module .wrapper .wrapper-form form{margin-top:20px}section.hero-modal-module .wrapper .wrapper-form form .step{gap:10px;padding-bottom:80px}section.hero-modal-module .wrapper .wrapper-form .percentage{margin-bottom:30px}}@media screen and (max-width:420px){section.hero-modal-module{padding:5px}section.hero-modal-module .wrapper .wrapper-form{padding:20px}section.hero-modal-module .wrapper .wrapper-form>div.close{right:20px;top:20px}}