*{box-sizing:border-box}#app{width:100%}body{background-color:#155668;color:#413e3f;margin:0;padding:0;min-height:100vh;display:flex;justify-content:center}main{display:flex;justify-content:center;height:100%;width:100%}main .content-wrapper{flex:1;width:62.5%;display:flex;justify-content:end}@media(min-width:1920px){main .content-wrapper{width:50%}}main .content{width:100%;position:relative;max-width:900px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:25px;padding:20px min(15%,135px)}main .content .logo{position:absolute;top:35px;left:40px;max-width:120px;max-height:120px;aspect-ratio:1/1}main .content .title{font-size:28px;font-weight:600;text-align:center;color:#fff;font-family:Helvetica}main .content .main-image{width:100%;max-width:600px;height:auto;aspect-ratio:4/3;background-image:url(/assets/workingProcess-CoCuCZij.png);background-size:contain;background-repeat:no-repeat;background-position:center}main .content .progress-bar{width:100%;display:flex;flex-direction:column}main .content .progress-bar__title{text-align:center;font-size:20px;font-weight:600;margin-bottom:20px;color:#fff;font-family:Helvetica}main .content .progress-bar__track{width:100%;height:15px;background-color:#ebebeb;overflow:hidden}main .content .progress-bar__fill{width:40%;height:100%;background-color:#e3575d;transition:width .3s ease-in-out}main .content .progress-bar__labels{display:flex;justify-content:space-between;margin-top:10px;font-size:20px;font-weight:400;color:#fff;font-family:Helvetica}main .content .submit{width:100%;padding:10px 20px;font-size:16px;font-weight:600;font-family:Helvetica;color:#fff;background-color:#e3575d;border:none;border-radius:5px;cursor:pointer;transition:.15s ease all;text-decoration:none;text-align:center}main .content .submit:hover{background-color:#df4148}main .contacts-wrapper{flex:1;display:flex;background-color:#fff;max-width:37.5%}@media(min-width:1920px){main .contacts-wrapper{max-width:45%}}main .contacts{max-width:540px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}main .contacts .paragraph{padding:30px;font-size:24px;color:#413e3f;font-family:Helvetica}main .contacts .socials{display:flex;gap:20px;margin-bottom:20px}main .contacts .socials .socials__link{flex:1;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;max-width:80px;padding:10px;border-radius:500px;border:4px solid #413e3f;transition:.15s ease all}main .contacts .socials .socials__link svg path{transition:.15s ease all}main .contacts .socials .socials__link:hover{transform:scale(1.05)}main .contacts .socials .socials__link:hover svg path{fill:#dc2b33}main .contacts .company-info{display:flex;gap:20px}main .contacts .company-info p{font-weight:400;font-size:16px;color:#413e3f;font-family:Helvetica}main .contacts .company-info__contacts{text-align:start}main .contacts .company-info__address{font-family:Helvetica;padding:16px 0;font-style:normal;text-align:end}@media(max-width:1280px){main .contacts .company-info{flex-direction:column}main .contacts .company-info__address,main .contacts .company-info__contacts{text-align:center}}@media(max-width:1024px){main{flex-direction:column}main .content-wrapper{width:100%;justify-content:center}main .contacts-wrapper{max-width:100%}main .content{padding:20px;max-width:none}main .content .logo{top:20px;left:20px;max-width:80px;max-height:80px}main .content .progress-bar__title{font-size:18px}main .content .progress-bar__labels{font-size:16px}main .content .submit{font-size:14px;margin-bottom:50px}main .contacts{padding:20px;max-width:none}main .contacts .paragraph{font-size:18px;padding:20px}main .contacts .socials{gap:15px}main .contacts .socials .socials__link{max-width:60px}main .contacts .company-info{flex-direction:column;gap:10px}main .contacts .company-info__contacts,main .contacts .company-info__address{text-align:center;font-size:14px}}@media(max-width:480px){main .content .progress-bar__title{font-size:16px}main .content .progress-bar__labels{font-size:14px}main .content .submit{font-size:13px;padding:8px 15px}main .contacts .paragraph{font-size:16px;padding:15px}main .contacts .socials{gap:10px}main .contacts .socials .socials__link{max-width:50px}main .contacts .company-info__contacts,main .contacts .company-info__address{font-size:12px}}@media(max-width:320px){main .content{padding:10px}main .content .logo{top:15px;left:15px;max-width:60px;max-height:60px}main .content .progress-bar__title{font-size:14px}main .content .progress-bar__labels{font-size:12px}main .content .submit{font-size:12px;padding:6px 10px}main .contacts{padding:15px}main .contacts .paragraph{font-size:14px;padding:10px}main .contacts .socials{gap:8px}main .contacts .socials .socials__link{max-width:40px}main .contacts .company-info{flex-direction:column;gap:5px}main .contacts .company-info__contacts,main .contacts .company-info__address{font-size:11px}}
