html, body {
    height: 100vh;
    width: 100vw;
    margin: 0;
    padding: 0;
}

input[type="email"], #id_name, #id_phone, .password {
    width: 100%!important;
    border: 1px solid color;
    color: var(--inputText-color);
    display: block;
    padding: 14px 20px;
    border-radius: var(--border-radius);
    margin-left: auto;
    margin-right: auto;
}

label {
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    height: auto;
}

.label-text {
    text-align: left;
}

.non-logged {
    padding: 0!important;
}

.non-logged .main {
    padding: 0!important;
}

.non-logged .container {
    max-width: 100%;
}

html[data-mode="dark"] .login-page-block-illustration {
    background-color: var(--btnPrimaryText-color);
}

html[data-mode="dark"] .login-page-block-illustration .switcher-wrapper-text {
    color: #181767;
}

html[data-mode="dark"] .login-page-block-form {
    background-color: var(--inputBorder-color);
}

html[data-mode="dark"] .login-page-block-form .logo-wrapper svg path {
    fill: white;
}

html[data-mode="dark"] .login-page-block-form .logo-wrapper svg path#blue {
    fill: #64A0FD;
}

.contactInfoButton {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 10000;
    background-color: var(--btnPrimaryBg-color);
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
}

.line-animation {
    position: absolute;
    bottom: 12%;
    left: 58%;
}

@media screen and (max-width: 1440px) {
    .line-animation {
        left: 46%;
    }
}

@media screen and (max-width: 1367px) {
    .line-animation {
        left: 40%;
        bottom: 20%;
    }
}

.line-animation .path {
    stroke-dasharray: 10;
    stroke-dashoffset: 0;
    -webkit-animation: dash 5s linear infinite;
    animation: dash 5s linear infinite;
}

@-webkit-keyframes dash {
    from {
        stroke-dashoffset: 1000;
    }
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes dash {
    from {
        stroke-dashoffset: 1000;
    }
    to {
        stroke-dashoffset: 0;
    }
}

.login-page {
    min-height: 500px;
    height: 100vh;
}

.login-page-block {
    display: flex;
    align-items: center;
    height: 100%;
}

.login-page-block>* {
    height: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.login-page-block>*:nth-child(1) {
    flex: 0 0 52%;
    width: 52%;
}

.login-page-block>*:nth-child(2) {
    flex: 0 0 48%;
    width: 48%;
}

.login-page-block-illustration {
    background-color: var(--inputBorder-color);
    zoom: .9;
}

@media only screen and (max-width: 1600px) {
    .login-page-block-illustration {
        zoom: 0.8;
    }
}

@media only screen and (max-width: 1350px) {
    .login-page-block-illustration {
        zoom: 0.7;
    }
}

.login-page-block-illustration .image-wrapper {
    padding: 0 5%;
    max-width: 100%;
}

.login-page-block-illustration .image-wrapper img {
    max-width: 100%;
}

.login-page-block-illustration .switcher-wrapper {
    position: fixed;
    bottom: 45px;
    left: 30px;
}

.login-page-block-illustration .switcher-wrapper .menu-icon svg path {
    fill: #181767;
}

.login-page-block-illustration .switcher-wrapper .check.option {
    margin-left: 10px;
}

.login-page-block-form {
    background-color: var(--btnPrimaryText-color);
    zoom: .9;
}

@media only screen and (max-width: 1600px) {
    .login-page-block-form {
        zoom: 0.8;
    }
}

@media only screen and (max-width: 1350px) {
    .login-page-block-form {
        zoom: 0.7;
    }
}

.login-page-block-form .logo-wrapper {
    display: block;
    width: 313px;
}

.login-page-block-form .logo-wrapper img {
    width: 100%;
    height: auto;
}

.login-page-block-form .language-switcherWrapper {
    position: fixed;
    top: 30px;
    right: 30px;
    z-index: 100;
    box-shadow: 0px 4px 20px rgba(68, 64, 242, 0.1);
    padding: 10px 10px 5px;
    background: var(--btnSecondaryBg-color);
    border-radius: 5px;
}

.login-page-block-form .language-switcherWrapper .select-icon {
    margin-left: 28px;
    background-image: var(--arrowDown-image);
}

.login-page-block-form .language-switcherWrapper .select-current {
    color: var(--commonText-color);
}

.login-page-block-form .form {
    margin: 40px auto 0;
    width: 440px;
    display: block;
}

@media screen and (min-height: 750px) {
    .login-page-block-form .form {
        margin-top: 60px;
    }
}

.login-page-block-form .form .label {
    font-family: 'Source Sans Pro', 'Arial', sans-serif;
    font-size: 1.125rem;
    line-height: 1.22;
    font-weight: 400;
    margin-bottom: 10px;
    color: #181767;
}

@media screen and (min-height: 750px) {
    .login-page-block-form .form .label {
        margin-bottom: 10px;
    }
}

.login-page-block-form .form .label input {
    margin-top: 10px;
}

.login-page-block-form .form .input-wrapper {
    position: relative;
}

.login-page-block-form .form .input-wrapper .success-icon {
    display: none;
    position: absolute;
    right: 10px;
    top: 13px;
}

.login-page-block-form .form .button {
    width: 100%;
    margin: 10px auto 0;
}

.login-page-block-form .form .row {
    margin-top: 20px;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
}

.login-page-block-form .form .row .checkbox-label {
    color: var(--inputText-color);
}

.login-page-block-form .form .row .checkbox-label .checkbox-box {
    margin: 2px 10px 2px 4px;
}

.login-page-block-form .form .row .link {
    font-family: 'Source Sans Pro', 'Arial', sans-serif;
    font-size: 0.875rem;
    line-height: 1.14;
    font-weight: 400;
    text-decoration: none;
    color: var(--btnSecondaryText-color);
}

.login-page-block-form .form .register-account {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: row;
    width: 100%;
    margin-top: 80px;
}

@media screen and (min-height: 750px) {
    .login-page-block-form .form .register-account {
        margin-top: 100px;
    }
}

.login-page-block-form .form .register-account p {
    font-family: 'Source Sans Pro', 'Arial', sans-serif;
    font-size: 1.125rem;
    line-height: 1.22;
    font-weight: 400;
    margin-right: 10px;
    color: var(--inputText-color);
}

.login-page-block-form .form .register-account a {
    font-family: 'Source Sans Pro', 'Arial', sans-serif;
    font-size: 1.125rem;
    line-height: 1.22;
    font-weight: 600;
    text-decoration: none;
    color: var(--btnSecondaryText-color);
}

.login-page-block-form .subtitle {
    font-family: 'Source Sans Pro', 'Arial', sans-serif;
    font-size: 1.125rem;
    line-height: 1.22;
    font-weight: 400;
    margin-top: 40px;
    width: 440px;
    text-align: center;
}

.left-media-section, .right-container {
    width: 50%;
}

.left-media-section {
    float: left;
    height: 100%;
    position: relative;
}

.left-media-section>img {
    width: 80%;
    height: auto;
}

.right-container {
    float: right;
    height: 100vh;
    overflow-y: scroll;
    overflow-x: hidden;
}

.right-container>form {
    position: relative;
    line-height: 14px;
    width: 100%;
    height: auto;
}

.right-container>form>a>img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    height: auto;
    width: auto;
}

.submit-btn {
    width: 80%;
    height: 50px;
    background: #2E2EE5;
    border-radius: 5px;
    color: white;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.footer-form {
    height: auto;
    width: auto;
    text-align: center;
}

.footer-form>p>a {
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    color: #2E2EE5;
    justify-content: center;
    width: 40%;
}

.footer-lable-span {
    text-align: center;
}

.switcher-wrapper {
    margin-left: 20px;
    width: 10vw auto;
    bottom: 10px;
    position: absolute;
    height: auto;
}

.message {
    width: 100%;
    text-align: center;
    color: red;
}

.myModal-content h2 {
    margin-bottom: 20px;
}

.myModal-content h2.heading {
    font-size: 2.5rem;
    font-weight: 700;
    padding-bottom: 10px;
    position: relative;
}

.myModal-content h2.heading::after {
    content: url("data:image/svg+xml,%3Csvg width='135' height='54' viewBox='0 0 135 54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.4363 53.4291C13.6116 53.4291 12.7869 53.3857 11.9622 53.2555C4.06214 51.9967 0.285755 45.0951 0.155535 44.7912C-0.191718 44.1401 0.0687217 43.3588 0.676415 43.0115C1.32752 42.6643 2.10884 42.9247 2.45609 43.5324C2.4995 43.5758 5.84181 49.6093 12.3962 50.6511C17.7352 51.4758 23.8122 48.9582 30.41 43.0549C25.7655 37.9329 23.5951 30.467 25.1578 23.8692C25.4182 22.8708 27.7188 14.0159 35.0111 11.5851C36.7474 11.0208 38.2232 11.0642 39.3952 11.2378C41.9562 11.5851 45.2985 13.712 46.6007 17.7054C48.1199 22.3934 47.165 30.5538 34.1864 43.0983C34.5336 43.3588 34.8809 43.6626 35.2281 43.8797C44.5172 50.3473 57.1051 44.5308 59.5359 43.272C62.6177 41.7093 66.0903 39.4088 69.5194 36.6307C67.0886 32.5505 65.6562 26.3 67.4793 18.4433C69.0853 11.5851 73.9469 3.03398 79.8502 0.64661C82.4112 -0.39515 84.9722 -0.178117 87.2293 1.29771C88.6617 2.20925 90.3546 4.24936 90.0942 8.63344C89.6601 16.6637 83.3661 28.1664 73.0788 37.1516C73.2524 37.3687 73.426 37.5423 73.643 37.7593C78.0705 42.1 85.6667 42.9247 96.1711 40.2335C115.878 35.1983 128.249 21.5252 132.676 15.8824C133.11 15.3181 133.935 15.2313 134.499 15.6653C135.063 16.0994 135.15 16.9241 134.716 17.4884C130.115 23.3483 117.267 37.5423 96.8222 42.7511C85.3628 45.6593 76.9419 44.6176 71.82 39.5824C71.5595 39.322 71.3425 39.0615 71.082 38.8011C67.9134 41.3621 64.4408 43.6192 60.7078 45.5291C58.06 46.8747 44.2133 53.2555 33.7089 45.9198C33.188 45.5725 32.7105 45.1819 32.2331 44.7912C25.9391 50.5643 19.949 53.4291 14.4363 53.4291ZM37.8325 13.7554C37.138 13.7554 36.4869 13.8422 35.8358 14.1027C29.7589 16.1428 27.7622 24.2164 27.6754 24.5637C26.3298 30.2066 28.2831 36.8478 32.3199 41.3621C45.038 29.078 45.1683 21.8291 44.1265 18.5736C43.1281 15.4483 40.5237 14.0593 39.0479 13.8422C38.6138 13.7988 38.2232 13.7554 37.8325 13.7554ZM83.0189 2.64332C82.3244 2.64332 81.5865 2.77354 80.8485 3.07738C75.987 5.03068 71.5161 12.7571 70.0403 19.051C68.9551 23.739 68.8683 30.1632 71.5161 34.9379C79.6766 27.689 87.0557 17.7922 87.5332 8.54663C87.62 6.81036 87.403 4.5098 85.8403 3.51145C84.9288 2.94716 83.9738 2.64332 83.0189 2.64332Z' fill='%23D5E0EA'/%3E%3C/svg%3E%0A");
    position: absolute;
    left: -20px;
    top: -10px;
}

.myModal-content-contactInfo .caption {
    text-align: left;
    font-family: 'Source Sans Pro', 'Arial', sans-serif;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.25;
    font-weight: 400;
    margin-bottom: 20px;
}

.myModal-content-contactInfo .caption a {
    text-decoration: none;
    margin-left: 20px;
    font-weight: 600;
    color: var(--btnPrimaryBg-color);
    transition: all .3s ease;
}

.myModal-content-contactInfo .caption a:hover {
    color: var(--inputText-color);
}

.myModal-content-contactInfo .subtitle {
    font-family: 'Source Sans Pro', 'Arial', sans-serif;
    font-size: 1.125rem;
    line-height: 1.22;
    font-weight: 400;
    text-align: center;
}