/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
    -webkit-text-size-adjust: none;
    position: relative;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

* {margin: 0; padding: 0; box-sizing: border-box;}

html {scroll-behavior: smooth;}

body {font-weight: 300; color:white; background-color: #242226; font-family: "Neusa Neu VT-2"; display: flex; flex-direction: column;}

img {image-rendering:-webkit-optimize-contrast; image-rendering:-o-crisp-edges; image-rendering:-moz-crisp-edges; width: 100%; display: block;}

h1,h2,h3,h4,h5,h6 {font-weight: 900; font-family: "Neusa Neu VT-2";}

h2 {font-weight: 900; font-size: 21px; line-height: 1.2; margin-bottom: 12px;}

b {font-weight: 900;}

ul li, td {font-family: "Neusa Neu VT-2";}

span, p, a {color: white; font-family: "Neusa Neu VT-2";}

a {text-decoration: none; color: white;}

.cta {
    position: relative;
}

.cta:hover {
    background-color: #5c3cdb;
}

.eb {
    font-weight: 900;
    display: inline !important;
}

.medium {
    font-weight: 700 !important;
}

.desktop {
    display: none !important;
}

@media screen and (min-width: 640px) {
    .desktop {
        display: flex !important;
    }

    .mobile {
        display: none !important;
    }
}

.registration {
    background-image: url("../images/registration-bg-mobile.webp");
    background-repeat: no-repeat;
    background-size: 100%;
}

header {
    height: 15.385vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-wrapper {
    margin: 0 auto;
    width: 93.333vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav-logo {
    display: flex;
    gap: 4.103vw;
    align-items: center;
}

.navigation-mobile {
    width: 5.128vw;
}

.logo {
    width: 16.923vw;
}

.menu {

}

.menu a {

}



.actions {
    display: flex;
    position: relative;
    width: 60.769vw;
    justify-content: space-between;
}

.language-wrapper {
    position: relative;
}

.language {
    width: 14.103vw;
    display: flex;
    position: absolute;
    top: 1.026vw;
    left: 0vw;
    padding: 1.538vw 2.564vw;
    flex-direction: column;
    gap: 3.846vw;
    border-radius: 1.026vw;
    border: 0.256vw solid transparent;
    background-image: url(../images/language-select.svg);
    background-position: 8.205vw 2.821vw;
    background-repeat: no-repeat;
}

.language.show-language-select {
    background-color: #2f2d36;
    border: 0.256vw solid black;
}

.language a {
    font-size: 3.59vw;
    line-height: 1.3;
    position: relative;
    letter-spacing: 0.256vw;
}

.language a:nth-child(n+2) {
    display: none;
}

.language.show-language-select a {
    display: block;
}

.login-register {
    display: flex;
    gap: 2.051vw;
}

.login-register a {
    border-radius: 0.513vw;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.3;
    font-weight: 500;
    font-size: 3.59vw;
}

.login {
    width: 20.513vw;
    height: 10.256vw;
    border: 0.256vw solid white;
}

.register {
    width: 22.308vw;
    height: 10.256vw;
    background: linear-gradient(282deg, #2E81CC 0.1%, var(--Colours-COL---PRIMARY-500, #6A46F3) 100.1%);
}

main {
    position: relative;
    padding-top: 3.846vw;
}

.registration-form {
    background-image: url('../images/form-bg-mobile.webp');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 97.436vw;
    height: 422.308vw;
    margin: 0 auto;
    padding-top: 10.769vw;
    border-radius: 2.051vw;
}

h1 {
    font-size: 7.179vw;
    line-height: 0.71;
    font-weight: 900;
    text-align: center;
}

.register h1 {

}

form {
    margin: 0 auto;
    margin-top: 6.41vw;
    width: 89.744vw;
    display: flex;
    flex-direction: column;
    gap: 5.641vw;
}

.user-details, .additional {
}

.form-item {
    display: flex;
    flex-direction: column;
    gap: 1.538vw;
    margin-bottom: 5.641vw;
}

.form-item:last-of-type {
    margin-bottom: 0;
}

label {
    font-size: 4.103vw;
    line-height: 1.25;
    letter-spacing: 0.082vw;
}

input, select {
    padding: 3.846vw 3.59vw 3.333vw 2.821vw;
    border-radius: 0.513vw;
    border: none;

}

input::placeholder {
    font-size: 4.103vw;
    color: #ADAEBE;
}

.form-checkbox {
    display: flex;
    gap: 5.128vw;
    flex-direction: row;
}

form input[type="checkbox"] {
    width: 4.872vw;
    height: 4.872vw;
    flex-shrink: 0;
}

.additional {

}

.hr {
    width: 89.744vw;
    height: 1.026vw;
    background: linear-gradient(90deg, #6A46F3 0%, #307FCD 100%);
}

.submit-section a {
    text-decoration: underline;
}

.submit {
    width: 89.744vw;
    height: 10.256vw;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 3.59vw;
    line-height: 1.3;
    padding: 0;
    font-weight: 500;
    border-radius: 0.513vw;
    background: linear-gradient(282deg, #2E81CC 0%, #6A46F3 100%);
    margin-top: 7.692vw;
}


.about {
    background-image: url(../images/bg-mobile.webp);
    background-size: 100%;
    background-repeat: no-repeat;
}

.about main {
    padding-top: 23.077vw;
}

.about h1 {
    width: 96.41vw;
    letter-spacing: 0.144vw;
    line-height: 1;
}

.info {
    margin-top: 9.231vw;
}

.text {
    width: 90.513vw;
    margin: 0 auto;
}

.why {
    font-size: 5.128vw;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: 0.205vw;
}

.about ul {
    margin-top: 6.667vw;
}

.about ul li {
    display: flex;
    gap: 2.564vw;
    margin-bottom: 2.821vw;
    align-items: center;
}

.why-icon {
    flex-shrink: 0;
    position: relative;
    top: -0.256vw;
}

.why-text {
    font-size: 4.615vw;
    line-height: 1.22;
    letter-spacing: 0.185vw;
}

.about-submit {
    margin: 0 auto;
    margin-top: 9.744vw;
}

.phones {
    margin: 0 auto;
    margin-top: 13.846vw;
    width: 78.974vw;
    padding-bottom: 13.846vw;
}

.contact {
    background-image: url("../images/registration-bg-mobile.webp");
    background-repeat: no-repeat;
    background-size: 100%;
}

.contact main {
    padding-top: 18.462vw;
}

.contacts-wrapper {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mail-icon {
    width: 21.538vw;
}

.contacts-wrapper h2 {
    margin-top: 6.923vw;
    width: 90%;
    font-size: 7.179vw;
    line-height: 1.07;
    letter-spacing: 0.144vw;
    font-weight: 700;
    text-align: center;
    margin-bottom: 0;
}

.login-page {
    background-image: url("../images/registration-bg-mobile.webp");
    background-repeat: no-repeat;
    background-size: 100%;
}

.login-page form {
    width: 90%;
}

.login-form {
    background-image: url(../images/form-login.webp);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 97.436vw;
    height: 110.256vw;
    margin: 0 auto;
    padding-top: 10.769vw;
    border-radius: 2.051vw;
}

.login-form .form-item {
    margin-bottom: 0;
}

.login-form .submit {
    margin-top: 2.564vw;
}

.login-form input {
    width: 100%;
}

.login-form .form-item {
    width: 100%;
}

.mobile-menu {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #252127;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
}

.mobile-menu--open {
    max-height: 102.564vw;
}

.pages {
    padding: 7.692vw 0 7.692vw;
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5.128vw;
}

.pages a {
    text-decoration: underline;
}

@media screen and (min-width: 640px) {
    
    .registration {
        background-image: url(../images/bg-desktop.webp);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: top center;
    }

    header {
        height: 7.222vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .header-wrapper {
        margin: 0 auto;
        width: 96.528vw;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        left: -0.208vw;
    }

    .nav-logo {
        display: flex;
        gap: 1.111vw;
        align-items: center;
    }

    .navigation-mobile {
        width: 1.389vw;
    }

    .logo {
        width: 6.458vw;
    }

    .pages {
        gap: 1.389vw;
        justify-content: space-between;
        position: relative;
        left: 6.319vw;
        top: 0;
        flex-direction: row;
        padding: 0;
        width: auto;
        margin: 0;
        align-items: flex-start;
    }
    
    .pages a {
        font-size: 0.972vw;
        padding: 0.278vw 0;
        letter-spacing: 0.106vw;
        text-decoration: none;
    }

    .active-page {
        border-bottom: 0.139vw solid;
        border-image: linear-gradient(
            90deg,
            #6A46F3 0%,
            #307FCD 100%
        ) 1;
    }

    .pages a {
        border-bottom: 0.139vw solid;
        border-image: linear-gradient(
            90deg,
            transparent 0%,
            transparent 100%
        ) 1;
    }

    .pages a:hover {
        border-bottom: 0.139vw solid;
        border-image: linear-gradient(
            90deg,
            #6A46F3 0%,
            #307FCD 100%
        ) 1;
    }

    .menu {

    }

    .menu a {

    }



    .actions {
        display: flex;
        position: relative;
        width: auto;
        gap: 1.389vw;        
    }

    .language-wrapper {
        position: relative;
        width: 6.667vw;
    }

    .language {
        width: 6.667vw;
        display: flex;
        position: absolute;
        top: 0.069vw;
        left: 0vw;
        padding: 0.694vw 1.042vw;
        flex-direction: column;
        gap: 0.417vw;
        border-radius: 0.278vw;
        border: 0.069vw solid transparent;
        background-image: url(../images/language-select.svg);
        background-position: 5vw 0.972vw;
        background-repeat: no-repeat;
    }

    .language.show-language-select {
        background-color: #2f2d36;
        border: 0.069vw solid black;
    }

    .language a {
        font-size: 0.972vw;
        line-height: 1.3;
        position: relative;
        letter-spacing: 0.069vw;
    }

    .language a:nth-child(n+2) {
        display: none;
    }

    .language.show-language-select a:nth-child(n+2) {
        display: block;
    }

    .login-register {
        display: flex;
        gap: 0.556vw;
    }

    .login-register a {
        border-radius: 0.139vw;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 1.3;
        font-weight: 500;
        font-size: 0.972vw;
        height: 2.778vw;
        padding: 0 1.389vw;
        width: auto;
    }

    .login {
        border: 0.069vw solid white;
    }

    .register {
        background: linear-gradient(282deg, #2E81CC 0%, #6A46F3 100%);
    }

    .register:hover {
        background: linear-gradient(282deg, #6A46F3 0%, #2E81CC 100%);
    }

    main {
        padding-top: 2.431vw;
    }

    .registration-form {
        background-image: url('../images/form-bg-desktop.webp');
        background-size: 100%;
        background-repeat: no-repeat;
        width: 91.875vw;
        height: 57.569vw;
        margin: 0 auto;
        padding-top: 0.833vw;
        border-radius: 0.556vw;
    }

    h1 {
        font-size: 1.944vw;
        line-height: 1;
        letter-spacing: 0.036vw;
        font-weight: 900;
        text-align: left;
        margin: 0;
    }

    .register h1 {

    }

    form {
        margin: 0 auto;
        margin-top: 1.736vw;
        width: 86.111vw;
        display: flex;
        flex-direction: column;
        gap: unset;
    }

    .user-details, .additional {
        margin-top: 1.528vw;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .additional {
        align-items: flex-end;
    }

    .additional .form-item:last-of-type {
        margin-bottom: 1.875vw;
    }
    
    .form-item {
        display: flex;
        flex-direction: column;
        gap: 0.417vw;
        margin-bottom: 1.875vw;
        width: 32.2%;
    }

    .form-item:last-of-type {
        margin-bottom: 0;
    }

    label {
        font-size: 1.111vw;
        line-height: 1.25;
        letter-spacing: 0.022vw;
    }

    input, select {
        padding: 1.042vw 0.972vw 0.903vw 0.764vw;
        border-radius: 0.139vw;
        border: none;

    }

    input::placeholder {
        font-size: 1.111vw;
        color: #ADAEBE;
    }

    .form-checkbox {
        display: flex;
        gap: 1.389vw;
        flex-direction: row;
    }

    form input[type="checkbox"] {
        width: 1.319vw;
        height: 1.319vw;
        flex-shrink: 0;
    }

    .additional {

    }

    .hr {
        width: 86.319vw;
        height: 0.278vw;
        background: linear-gradient(90deg, #6A46F3 0%, #307FCD 100%);
        margin-top: 0.208vw;
    }

    .submit-section {
        margin-top: 2.153vw;
    }

    .submit-section .form-item {
        width: 100%;
    }

    .submit-section a {
        text-decoration: underline;
    }

    .submit {
        width: 24.306vw;
        height: 2.778vw;
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
        font-size: 0.972vw;
        line-height: 1.3;
        padding: 0;
        font-weight: 400;
        border-radius: 0.139vw;
        background: linear-gradient(282deg, #2E81CC 0%, #6A46F3 100%);
        margin-top: 2.083vw;
    }
    
    .submit:hover {
        background: linear-gradient(282deg, #6A46F3 0%, #2E81CC 100%);
    }

    .about {
        background-image: url(../images/bg-desktop.webp);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: top center;
    }

    .about main {
        padding-top: 2.083vw;
    }

    .about h1 {
        font-size: 3.194vw;
        width: 55.417vw;
        letter-spacing: 0.064vw;
        line-height: 1;
        text-align: center;
        margin: 0 auto;
    }

    .info {
        margin: 0 auto;
        margin-top: 5.625vw;
        width: 72.708vw;
        display: flex;
        justify-content: space-between;
        position: relative;
        left: 2.014vw;
    }

    .text {
        width: 38.264vw;
        margin: 0;
        margin-top: 2.014vw;
    }

    .why {
        font-size: 2.083vw;
        font-weight: 700;
        line-height: 1.1;
        letter-spacing: 0.083vw;
    }

    .about ul {
        margin-top: 0.903vw;
    }

    .about ul li {
        display: flex;
        gap: 0.694vw;
        margin-bottom: 0.694vw;
        align-items: center;
    }

    .why-icon {
        flex-shrink: 0;
        position: relative;
        top: -0.069vw;
    }

    .why-text {
        font-size: 1.389vw;
        line-height: 1.22;
        letter-spacing: 0.061vw;
    }

    .about-submit {
        margin: 0;
        margin-top: 2.083vw;
    }

    .phones {
        margin: 0;
        width: 32.222vw;
        padding-bottom: 0;
    }

    .contact {
        background-image: url(../images/bg-desktop.webp);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: top center;
    }


    .contact main {
        padding-top: 8.611vw;
    }

    .contacts-wrapper {
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 46.528vw;
        gap: 2.083vw;
    }

    .mail-icon {
        width: 5.833vw;
        flex-shrink: 0;
    }

    .contacts-wrapper h2 {
        margin-top: 0;
        width: 90%;
        font-size: 3.194vw;
        line-height: 1;
        letter-spacing: 0.064vw;
        font-weight: 700;
        text-align: left;
        margin-bottom: 0;
    }

    .login-page {
        background-image: url(../images/bg-desktop.webp);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: top center;
    }

    .login-form {
        background-image: url(../images/form-login.webp);
        background-size: 100%;
        background-repeat: no-repeat;
        width: 26.389vw;
        height: 29.861vw;
        margin: 0 auto;
        padding-top: 2.917vw;
        border-radius: 0.556vw;
    }

    .login-form .form-item {
        margin-top: 1.389vw;
        margin-bottom: 0;
    }

    .login-form .submit {
        margin-top: 0.694vw;
    }



}





@media screen and (min-width: 1440px) {
    
    .registration {
        background-image: url(../images/bg-desktop.webp);
        background-size: auto;
        background-repeat: no-repeat;
        background-position: top center;
    }

    header {
        height: 104px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .header-wrapper {
        margin: 0 auto;
        width: 1390px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        left: -3px;
    }

    .nav-logo {
        display: flex;
        gap: 16px;
        align-items: center;
    }

    .navigation-mobile {
        width: 20px;
    }

    .logo {
        width: 93px;
    }

    .pages {
        gap: 20px;
        justify-content: space-between;
        position: relative;
        left: 91px;
        top: 0;
        flex-direction: row;
        padding: 0;
        width: auto;
        margin: 0;
        align-items: flex-start;
    }
    
    .pages a {
        font-size: 14px;
        padding: 4px 0;
        letter-spacing: 1.52px;
        text-decoration: none;
    }

    .active-page {
        border-bottom: 2px solid;
        border-image: linear-gradient(
            90deg,
            #6A46F3 0%,
            #307FCD 100%
        ) 1;
    }

    .pages a {
        border-bottom: 2px solid;
        border-image: linear-gradient(
            90deg,
            transparent 0%,
            transparent 100%
        ) 1;
    }

    .pages a:hover {
        border-bottom: 2px solid;
        border-image: linear-gradient(
            90deg,
            #6A46F3 0%,
            #307FCD 100%
        ) 1;
    }

    .menu {

    }

    .menu a {

    }



    .actions {
        display: flex;
        position: relative;
        width: auto;
        gap: 20px;        
    }

    .language-wrapper {
        position: relative;
        width: 96px;
    }

    .language {
        width: 96px;
        display: flex;
        position: absolute;
        top: 1px;
        left: 0px;
        padding: 10px 15px;
        flex-direction: column;
        gap: 6px;
        border-radius: 4px;
        border: 1px solid transparent;
        background-image: url(../images/language-select.svg);
        background-position: 72px 14px;
        background-repeat: no-repeat;
    }

    .language.show-language-select {
        background-color: #2f2d36;
        border: 1px solid black;
    }

    .language a {
        font-size: 14px;
        line-height: 1.3;
        position: relative;
        letter-spacing: 1px;
    }

    .language a:nth-child(n+2) {
        display: none;
    }

    .language.show-language-select a:nth-child(n+2) {
        display: block;
    }

    .login-register {
        display: flex;
        gap: 8px;
    }

    .login-register a {
        border-radius: 2px;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 1.3;
        font-weight: 500;
        font-size: 14px;
        height: 40px;
        padding: 0 20px;
        width: auto;
    }

    .login {
        border: 1px solid white;
    }

    .register {
        background: linear-gradient(282deg, #2E81CC 0%, #6A46F3 100%);
    }

    .register:hover {
        background: linear-gradient(282deg, #6A46F3 0%, #2E81CC 100%);
    }

    main {
        padding-top: 35px;
    }

    .registration-form {
        background-image: url('../images/form-bg-desktop.webp');
        background-size: 100%;
        background-repeat: no-repeat;
        width: 1323px;
        height: 829px;
        margin: 0 auto;
        padding-top: 12px;
        border-radius: 8px;
    }

    h1 {
        font-size: 28px;
        line-height: 1;
        letter-spacing: 0.52px;
        font-weight: 900;
        text-align: left;
        margin: 0;
    }

    .register h1 {

    }

    form {
        margin: 0 auto;
        margin-top: 25px;
        width: 1240px;
        display: flex;
        flex-direction: column;
        gap: unset;
    }

    .user-details, .additional {
        margin-top: 22px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .additional {
        align-items: flex-end;
    }

    .additional .form-item:last-of-type {
        margin-bottom: 27px;
    }
    
    .form-item {
        display: flex;
        flex-direction: column;
        gap: 6px;
        margin-bottom: 27px;
        width: 32.2%;
    }

    .form-item:last-of-type {
        margin-bottom: 0;
    }

    label {
        font-size: 16px;
        line-height: 1.25;
        letter-spacing: 0.32px;
    }

    input, select {
        padding: 15px 14px 13px 11px;
        border-radius: 2px;
        border: none;

    }

    input::placeholder {
        font-size: 16px;
        color: #ADAEBE;
    }

    .form-checkbox {
        display: flex;
        gap: 20px;
        flex-direction: row;
    }

    form input[type="checkbox"] {
        width: 19px;
        height: 19px;
        flex-shrink: 0;
    }

    .additional {

    }

    .hr {
        width: 1243px;
        height: 4px;
        background: linear-gradient(90deg, #6A46F3 0%, #307FCD 100%);
        margin-top: 3px;
    }

    .submit-section {
        margin-top: 31px;
    }

    .submit-section .form-item {
        width: 100%;
    }

    .submit-section a {
        text-decoration: underline;
    }

    .submit {
        width: 350px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
        font-size: 14px;
        line-height: 1.3;
        padding: 0;
        font-weight: 400;
        border-radius: 2px;
        background: linear-gradient(282deg, #2E81CC 0%, #6A46F3 100%);
        margin-top: 30px;
    }
    
    .submit:hover {
        background: linear-gradient(282deg, #6A46F3 0%, #2E81CC 100%);
    }

    .about {
        background-image: url(../images/bg-desktop.webp);
        background-size: auto;
        background-repeat: no-repeat;
        background-position: top center;
    }

    .about main {
        padding-top: 30px;
    }

    .about h1 {
        font-size: 46px;
        width: 798px;
        letter-spacing: 0.92px;
        line-height: 1;
        text-align: center;
        margin: 0 auto;
    }

    .info {
        margin: 0 auto;
        margin-top: 81px;
        width: 1047px;
        display: flex;
        justify-content: space-between;
        position: relative;
        left: 29px;
    }

    .text {
        width: 551px;
        margin: 0;
        margin-top: 29px;
    }

    .why {
        font-size: 30px;
        font-weight: 700;
        line-height: 1.1;
        letter-spacing: 1.2px;
    }

    .about ul {
        margin-top: 13px;
    }

    .about ul li {
        display: flex;
        gap: 10px;
        margin-bottom: 10px;
        align-items: center;
    }

    .why-icon {
        flex-shrink: 0;
        position: relative;
        top: -1px;
    }

    .why-text {
        font-size: 20px;
        line-height: 1.22;
        letter-spacing: 0.88px;
    }

    .about-submit {
        margin: 0;
        margin-top: 30px;
    }

    .phones {
        margin: 0;
        width: 464px;
        padding-bottom: 0;
    }

    .contact {
        background-image: url(../images/bg-desktop.webp);
        background-size: auto;
        background-repeat: no-repeat;
        background-position: top center;
    }


    .contact main {
        padding-top: 124px;
    }

    .contacts-wrapper {
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 670px;
        gap: 30px;
    }

    .mail-icon {
        width: 84px;
        flex-shrink: 0;
    }

    .contacts-wrapper h2 {
        margin-top: 0;
        width: 90%;
        font-size: 46px;
        line-height: 1;
        letter-spacing: 0.92px;
        font-weight: 700;
        text-align: left;
        margin-bottom: 0;
    }

    .login-page {
        background-image: url(../images/bg-desktop.webp);
        background-size: auto;
        background-repeat: no-repeat;
        background-position: top center;
    }

    .login-form {
        background-image: url(../images/form-login.webp);
        background-size: 100%;
        background-repeat: no-repeat;
        width: 380px;
        height: 430px;
        margin: 0 auto;
        padding-top: 42px;
        border-radius: 8px;
    }

    .login-form .form-item {
        margin-top: 20px;
        margin-bottom: 0;
    }

    .login-form .submit {
        margin-top: 10px;
    }



}













@font-face {
    font-family: 'Neusa Neu VT-2';
    src: url('../fonts/NeusaNeuVT-Light.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neusa Neu VT-2';
    src: url('../fonts/NeusaNeuVT-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
  
@font-face {
    font-family: 'Neusa Neu VT-2';
    src: url('../fonts/NeusaNeuVT-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neusa Neu VT-2';
    src: url('../fonts/NeusaNeuVT-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neusa Neu VT-2';
    src: url('../fonts/NeusaNeuVT-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neusa Neu VT-2';
    src: url('../fonts/NeusaNeuVT-Italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Neusa Neu VT-2';
    src: url('../fonts/NeusaNeuVT-MediumItalic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}