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.form-module{overflow:hidden;position:relative;z-index:1}section.form-module.custom-theme:after{background-color:var(--theme-custom-color-primary)!important}section.form-module.custom-theme .wrapper .wrapper-form .percentage:after{background-color:var(--theme-custom-color-secondary)!important}section.form-module.custom-theme .wrapper .wrapper-form .percentage div.value{color:var(--theme-custom-color-secondary)!important}section.form-module.white{background-color:#fff}section.form-module.white:after{display:none}section.form-module.c1{background-color:var(--color1)}section.form-module.c1:after{display:none}section.form-module.c2{background-color:var(--background)}section.form-module.c2:after{display:none}section.form-module>img{-o-object-fit:cover;object-fit:cover;pointer-events:none;z-index:-1}section.form-module:after,section.form-module>img{height:100%;left:0;position:absolute;top:0;width:100%}section.form-module:after{background-color:var(--background-70);content:"";display:block}section.form-module .wrapper{align-items:center;display:flex;justify-content:center;position:relative;z-index:2}section.form-module .wrapper .wrapper-form{background-color:#fff;border-radius:10px;max-width:1000px;padding:45px;width:100%}section.form-module .wrapper .wrapper-form form{height:100%;margin-top:20px;position:relative;transition:height .3s ease-out,min-height .3s ease-out}section.form-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%}@media (max-width:768px){section.form-module .wrapper .wrapper-form .step{gap:15px 20px;padding-bottom:0}}section.form-module .wrapper .wrapper-form .step>*{width:100%}section.form-module .wrapper .wrapper-form .step .wrapper-btn{bottom:0;display:flex;justify-content:space-between;position:absolute}@media (max-width:768px){section.form-module .wrapper .wrapper-form .step .wrapper-btn{margin-top:20px;position:relative}}section.form-module .wrapper .wrapper-form .step .wrapper-btn .btn:last-child{margin-left:auto}@media (max-width:768px){section.form-module .wrapper .wrapper-form .step .wrapper-btn .btn{font-size:14px}}section.form-module .wrapper .wrapper-form .percentage{background-color:#efefef;height:4px;margin-bottom:30px;position:relative;width:100%}section.form-module .wrapper .wrapper-form .percentage:after{background-color:var(--color1);content:"";display:block;height:100%;left:0;position:absolute;top:0;transition:width .5s ease-out;width:clamp(10%,var(--percentage),100%)}section.form-module .wrapper .wrapper-form .percentage div.value{background-color:#fff;color:var(--color1);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.form-module .wrapper .wrapper-form .percentage[data-percent="0"] div.value{opacity:0}@media screen and (max-width:768px){section.form-module .wrapper .wrapper-form{padding:30px}section.form-module .wrapper .wrapper-form form{margin-top:30px}section.form-module .wrapper .wrapper-form .percentage{margin-bottom:30px}}@media screen and (max-width:420px){section.form-module .container{padding:30px 5px}section.form-module .wrapper .wrapper-form{padding:20px}}