body {
  padding: 0;
  margin: 0;
  font-family: "Outfit";
}
table,
tr,
td,
th,
div,
span,
ul,
li,
ol,
a,
h1,
h2,
h3,
h4,
h5,
p,
form,
input,
button,
textarea {
  padding: 0;
  margin: 0;
  text-decoration: none;
  font-family: "Outfit";
}

@font-face {
  font-family: "Outfit";
  src: url("../fonts/Outfit-Medium.woff2") format("woff2"),
    url("../fonts/Outfit-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Outfit";
  src: url("../fonts/Outfit-Bold.woff2") format("woff2"),
    url("../fonts/Outfit-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Outfit";
  src: url("../fonts/Outfit-Light.woff2") format("woff2"),
    url("../fonts/Outfit-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Outfit";
  src: url("../fonts/Outfit-Regular.woff2") format("woff2"),
    url("../fonts/Outfit-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* For the same colors */
:root {
  --textGray: #888888;
  --secondary: #f96120;
  --plceholder: #888888;
}

* {
  box-sizing: border-box;
}

body.dark {
  --primary: #12141c;
  --primary-text: #fff;
  --inputBg: #1f2127;
}
body.light {
  --primary: #fff;
  --primary-text: #12141c;
  --inputBg: #e9e9e9;
}

p,
label,
.forgot {
  color: var(--primary-text);
  font-weight: lighter;
}

h1,
h2,
h3,
h4 {
  color: var(--primary-text);
}

.btnPrimary {
  background: var(--secondary);
  font-size: 16px;
  color: var(--primary-text);
  border: none;
  border-radius: 0;
}
img,
svg {
  max-width: 100%;
}

a {
  color: var(--secondary);
}

.error {
  color: #f85050;
  font-size: 14px;
  width: 100%;
  margin-top: 5px;
}
.success {
  color: #49bd4e;
  font-size: 14px;
  width: 100%;
  margin-top: 5px;
}

body {
  background-color: var(--primary);
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  color: var(--primary-text);
}

.inputText {
  background: var(--inputBg);
  border: none;
  height: 50px;
  width: 100%;
  padding: 0 20px 0 51px;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: lighter;
  outline: none;
  color: var(--primary-text);
}
.inputText::placeholder {
  color: var(--plceholder);
}
.checkbox {
  position: relative;
}
.checkbox input {
  position: absolute;
  opacity: 0;
}
.checkbox input + span {
  padding-left: 37px;
  font-size: 14px;
}
.checkbox input + span::after {
  content: "1";
  border: solid 2px var(--secondary);
  width: 18px;
  height: 18px;
  display: inline-block;
  font-size: 0;
  position: absolute;
  left: 0;
  z-index: 1;
}
.checkbox input:checked + span {
}
.checkbox input:checked + span::after {
  content: "";
  color: #fff;
}

.checkbox input:checked + span::before {
  content: "";
  height: 10px;
  width: 4px;
  border-bottom: 2px solid #f96120;
  border-right: 2px solid #f96120;
  transform: rotate(45deg);
  margin: 20px;
  display: inline-block;
  position: absolute;
  left: -12px;
  bottom: -15px;
}
.loginWrap {
  display: flex;
  justify-content: space-between;
  padding: 50px;
  align-items: center;
  height: calc(100vh - 100px);
  gap: 50px;
}
.loginWrap .leftBlock {
  width: 50%;
}
.loginWrap .leftBlock .headTitle {
  text-align: center;
  margin-bottom: 88px;
}
.loginWrap .leftBlock .headTitle h3 {
  font-size: 35px;
}
.loginWrap .leftBlock .headTitle p {
  font-size: 16px;
  font-weight: lighter;
  color: var(--textGray);
  margin-top: 7px;
}

.loginWrap .leftBlock .formblock {
  width: 100%;
  max-width: 526px;
  margin: auto;
}
.loginWrap .leftBlock .formblock h2 {
  font-size: 30px;
  font-weight: normal;
}
.loginWrap .leftBlock .formblock h5 {
  font-size: 18px;
  font-weight: lighter;
  color: var(--primary-text);
}
.loginWrap .leftBlock .formblock .control {
  margin-top: 27px;
  position: relative;
}
.loginWrap .leftBlock .formblock .control label {
  margin-bottom: 8px;
  font-weight: lighter;
  font-weight: normal;
  font-size: 14px;
  font-weight: lighter;
  display: inline-block;
  width: 100%;
}
.loginWrap .leftBlock .formblock .control svg {
  position: absolute;
  left: 17px;
  bottom: 15px;
}
.loginWrap .leftBlock .formblock .control .inputText {
}
.loginWrap .leftBlock .formblock .control .checkbox {
  position: relative;
  float: left;
  width: auto;
}
.loginWrap .leftBlock .formblock .control .forgot {
  float: right;
  font-weight: lighter;
  font-size: 14px;
}
.loginWrap .leftBlock .formblock .control .forgot:hover {
  text-decoration: underline;
}
.loginWrap .leftBlock .formblock .action {
  display: inline-block;
  width: 100%;
  margin-top: 20px;
}
.loginWrap .leftBlock .formblock .action button {
  cursor: pointer;
  width: 100%;
  height: 50px;
  color: #fff;
  font-size: 16px;
}
.loginWrap .leftBlock .formblock .action button:hover {
  border: solid 2px var(--secondary);
  background: none;
  color: var(--secondary);
}
.loginWrap .leftBlock .formblock .createAccount {
  text-align: center;
  margin-top: 27px;
  font-size: 14px;
}
.loginWrap .leftBlock .formblock .createAccount a {
}
.loginWrap .leftBlock .formblock .createAccount a:hover {
  text-decoration: underline;
}

.loginWrap .rightBlock {
  width: 50%;
}
.loginWrap .rightBlock svg {
}

.copyright {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #888888;
  padding: 30px;
  margin-top: auto;
}
.copyright p {
  display: flex;
  color: #888888;
  align-items: center;
  font-size: 14px;
}
.copyright p a {
  display: flex;
  align-items: center;
  font-weight: 500;
  color: var(--primary-text);
}
.copyright p svg {
  margin-right: 4px;
}

/***************************************************
 * Generated by SVG Artista on 7/19/2024, 5:31:57 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

@-webkit-keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 1341.7841796875px;
    stroke-dasharray: 1341.7841796875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1341.7841796875px;
  }
}

@keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 1341.7841796875px;
    stroke-dasharray: 1341.7841796875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1341.7841796875px;
  }
}

.svg-elem-1 {
  -webkit-animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715)
      0s both,
    animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
  animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
    animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
}

@-webkit-keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 805.2153930664062px;
    stroke-dasharray: 805.2153930664062px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 805.2153930664062px;
  }
}

@keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 805.2153930664062px;
    stroke-dasharray: 805.2153930664062px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 805.2153930664062px;
  }
}

.svg-elem-2 {
  -webkit-animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715)
      0.12s both,
    animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
  animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s
      both,
    animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
}

@-webkit-keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 805.2153930664062px;
    stroke-dasharray: 805.2153930664062px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 805.2153930664062px;
  }
}

@keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 805.2153930664062px;
    stroke-dasharray: 805.2153930664062px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 805.2153930664062px;
  }
}

.svg-elem-3 {
  -webkit-animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715)
      0.24s both,
    animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
  animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s
      both,
    animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
}

@-webkit-keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 805.2153930664062px;
    stroke-dasharray: 805.2153930664062px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 805.2153930664062px;
  }
}

@keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 805.2153930664062px;
    stroke-dasharray: 805.2153930664062px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 805.2153930664062px;
  }
}

.svg-elem-4 {
  -webkit-animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715)
      0.36s both,
    animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
  animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s
      both,
    animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}

@-webkit-keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 805.2153930664062px;
    stroke-dasharray: 805.2153930664062px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 805.2153930664062px;
  }
}

@keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 805.2153930664062px;
    stroke-dasharray: 805.2153930664062px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 805.2153930664062px;
  }
}

.svg-elem-5 {
  -webkit-animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715)
      0.48s both,
    animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715)
      1.2000000000000002s both;
  animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s
      both,
    animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715)
      1.2000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 805.2153930664062px;
    stroke-dasharray: 805.2153930664062px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 805.2153930664062px;
  }
}

@keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 805.2153930664062px;
    stroke-dasharray: 805.2153930664062px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 805.2153930664062px;
  }
}

.svg-elem-6 {
  -webkit-animation: animate-svg-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715)
      0.6s both,
    animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
  animation: animate-svg-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s
      both,
    animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
}

@-webkit-keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 805.2153930664062px;
    stroke-dasharray: 805.2153930664062px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 805.2153930664062px;
  }
}

@keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 805.2153930664062px;
    stroke-dasharray: 805.2153930664062px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 805.2153930664062px;
  }
}

.svg-elem-7 {
  -webkit-animation: animate-svg-stroke-7 1s cubic-bezier(0.47, 0, 0.745, 0.715)
      0.72s both,
    animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715)
      1.4000000000000001s both;
  animation: animate-svg-stroke-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s
      both,
    animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715)
      1.4000000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 805.2153930664062px;
    stroke-dasharray: 805.2153930664062px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 805.2153930664062px;
  }
}

@keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 805.2153930664062px;
    stroke-dasharray: 805.2153930664062px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 805.2153930664062px;
  }
}

.svg-elem-8 {
  -webkit-animation: animate-svg-stroke-8 1s cubic-bezier(0.47, 0, 0.745, 0.715)
      0.84s both,
    animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
  animation: animate-svg-stroke-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s
      both,
    animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
}

@-webkit-keyframes animate-svg-stroke-9 {
  0% {
    stroke-dashoffset: 805.2153930664062px;
    stroke-dasharray: 805.2153930664062px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 805.2153930664062px;
  }
}

@keyframes animate-svg-stroke-9 {
  0% {
    stroke-dashoffset: 805.2153930664062px;
    stroke-dasharray: 805.2153930664062px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 805.2153930664062px;
  }
}

.svg-elem-9 {
  -webkit-animation: animate-svg-stroke-9 1s cubic-bezier(0.47, 0, 0.745, 0.715)
      0.96s both,
    animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
  animation: animate-svg-stroke-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s
      both,
    animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
}

@-webkit-keyframes animate-svg-stroke-10 {
  0% {
    stroke-dashoffset: 805.2153930664062px;
    stroke-dasharray: 805.2153930664062px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 805.2153930664062px;
  }
}

@keyframes animate-svg-stroke-10 {
  0% {
    stroke-dashoffset: 805.2153930664062px;
    stroke-dasharray: 805.2153930664062px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 805.2153930664062px;
  }
}

.svg-elem-10 {
  -webkit-animation: animate-svg-stroke-10 1s
      cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both,
    animate-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715)
      1.7000000000000002s both;
  animation: animate-svg-stroke-10 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s
      both,
    animate-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715)
      1.7000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-11 {
  0% {
    stroke-dashoffset: 805.2153930664062px;
    stroke-dasharray: 805.2153930664062px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 805.2153930664062px;
  }
}

@keyframes animate-svg-stroke-11 {
  0% {
    stroke-dashoffset: 805.2153930664062px;
    stroke-dasharray: 805.2153930664062px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 805.2153930664062px;
  }
}

.svg-elem-11 {
  -webkit-animation: animate-svg-stroke-11 1s
      cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both,
    animate-svg-fill-11 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
  animation: animate-svg-stroke-11 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s
      both,
    animate-svg-fill-11 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
}

@-webkit-keyframes animate-svg-stroke-12 {
  0% {
    stroke-dashoffset: 805.2153930664062px;
    stroke-dasharray: 805.2153930664062px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 805.2153930664062px;
  }
}

@keyframes animate-svg-stroke-12 {
  0% {
    stroke-dashoffset: 805.2153930664062px;
    stroke-dasharray: 805.2153930664062px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 805.2153930664062px;
  }
}

.svg-elem-12 {
  -webkit-animation: animate-svg-stroke-12 1s
      cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both,
    animate-svg-fill-12 0.7s cubic-bezier(0.47, 0, 0.745, 0.715)
      1.9000000000000001s both;
  animation: animate-svg-stroke-12 1s cubic-bezier(0.47, 0, 0.745, 0.715)
      1.3199999999999998s both,
    animate-svg-fill-12 0.7s cubic-bezier(0.47, 0, 0.745, 0.715)
      1.9000000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-13 {
  0% {
    stroke-dashoffset: 1052.077880859375px;
    stroke-dasharray: 1052.077880859375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1052.077880859375px;
  }
}

@keyframes animate-svg-stroke-13 {
  0% {
    stroke-dashoffset: 1052.077880859375px;
    stroke-dasharray: 1052.077880859375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1052.077880859375px;
  }
}

.svg-elem-13 {
  -webkit-animation: animate-svg-stroke-13 1s
      cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both,
    animate-svg-fill-13 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
  animation: animate-svg-stroke-13 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s
      both,
    animate-svg-fill-13 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
}

@-webkit-keyframes animate-svg-stroke-14 {
  0% {
    stroke-dashoffset: 45.98868179321289px;
    stroke-dasharray: 45.98868179321289px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 45.98868179321289px;
  }
}

@keyframes animate-svg-stroke-14 {
  0% {
    stroke-dashoffset: 45.98868179321289px;
    stroke-dasharray: 45.98868179321289px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 45.98868179321289px;
  }
}

@-webkit-keyframes animate-svg-fill-14 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(249, 97, 32);
  }
}

@keyframes animate-svg-fill-14 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(249, 97, 32);
  }
}

.svg-elem-14 {
  -webkit-animation: animate-svg-stroke-14 1s
      cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s both,
    animate-svg-fill-14 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
  animation: animate-svg-stroke-14 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s
      both,
    animate-svg-fill-14 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
}

@-webkit-keyframes animate-svg-stroke-15 {
  0% {
    stroke-dashoffset: 45.98872375488281px;
    stroke-dasharray: 45.98872375488281px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 45.98872375488281px;
  }
}

@keyframes animate-svg-stroke-15 {
  0% {
    stroke-dashoffset: 45.98872375488281px;
    stroke-dasharray: 45.98872375488281px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 45.98872375488281px;
  }
}

@-webkit-keyframes animate-svg-fill-15 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(249, 97, 32);
  }
}

@keyframes animate-svg-fill-15 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(249, 97, 32);
  }
}

.svg-elem-15 {
  -webkit-animation: animate-svg-stroke-15 1s
      cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s both,
    animate-svg-fill-15 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
  animation: animate-svg-stroke-15 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s
      both,
    animate-svg-fill-15 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
}

@-webkit-keyframes animate-svg-stroke-16 {
  0% {
    stroke-dashoffset: 45.988746643066406px;
    stroke-dasharray: 45.988746643066406px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 45.988746643066406px;
  }
}

@keyframes animate-svg-stroke-16 {
  0% {
    stroke-dashoffset: 45.988746643066406px;
    stroke-dasharray: 45.988746643066406px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 45.988746643066406px;
  }
}

@-webkit-keyframes animate-svg-fill-16 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(249, 97, 32);
  }
}

@keyframes animate-svg-fill-16 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(249, 97, 32);
  }
}

.svg-elem-16 {
  -webkit-animation: animate-svg-stroke-16 1s
      cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s both,
    animate-svg-fill-16 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
  animation: animate-svg-stroke-16 1s cubic-bezier(0.47, 0, 0.745, 0.715)
      1.7999999999999998s both,
    animate-svg-fill-16 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
}

@-webkit-keyframes animate-svg-stroke-17 {
  0% {
    stroke-dashoffset: 45.98876953125px;
    stroke-dasharray: 45.98876953125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 45.98876953125px;
  }
}

@keyframes animate-svg-stroke-17 {
  0% {
    stroke-dashoffset: 45.98876953125px;
    stroke-dasharray: 45.98876953125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 45.98876953125px;
  }
}

@-webkit-keyframes animate-svg-fill-17 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(249, 97, 32);
  }
}

@keyframes animate-svg-fill-17 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(249, 97, 32);
  }
}

.svg-elem-17 {
  -webkit-animation: animate-svg-stroke-17 1s
      cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s both,
    animate-svg-fill-17 0.7s cubic-bezier(0.47, 0, 0.745, 0.715)
      2.4000000000000004s both;
  animation: animate-svg-stroke-17 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s
      both,
    animate-svg-fill-17 0.7s cubic-bezier(0.47, 0, 0.745, 0.715)
      2.4000000000000004s both;
}

@-webkit-keyframes animate-svg-stroke-18 {
  0% {
    stroke-dashoffset: 45.988807678222656px;
    stroke-dasharray: 45.988807678222656px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 45.988807678222656px;
  }
}

@keyframes animate-svg-stroke-18 {
  0% {
    stroke-dashoffset: 45.988807678222656px;
    stroke-dasharray: 45.988807678222656px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 45.988807678222656px;
  }
}

@-webkit-keyframes animate-svg-fill-18 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(249, 97, 32);
  }
}

@keyframes animate-svg-fill-18 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(249, 97, 32);
  }
}

.svg-elem-18 {
  -webkit-animation: animate-svg-stroke-18 1s
      cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s both,
    animate-svg-fill-18 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both;
  animation: animate-svg-stroke-18 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s
      both,
    animate-svg-fill-18 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both;
}

@-webkit-keyframes animate-svg-stroke-19 {
  0% {
    stroke-dashoffset: 45.98876953125px;
    stroke-dasharray: 45.98876953125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 45.98876953125px;
  }
}

@keyframes animate-svg-stroke-19 {
  0% {
    stroke-dashoffset: 45.98876953125px;
    stroke-dasharray: 45.98876953125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 45.98876953125px;
  }
}

@-webkit-keyframes animate-svg-fill-19 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(249, 97, 32);
  }
}

@keyframes animate-svg-fill-19 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(249, 97, 32);
  }
}

.svg-elem-19 {
  -webkit-animation: animate-svg-stroke-19 1s
      cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s both,
    animate-svg-fill-19 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s both;
  animation: animate-svg-stroke-19 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s
      both,
    animate-svg-fill-19 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s both;
}

@-webkit-keyframes animate-svg-stroke-20 {
  0% {
    stroke-dashoffset: 45.98870086669922px;
    stroke-dasharray: 45.98870086669922px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 45.98870086669922px;
  }
}

@keyframes animate-svg-stroke-20 {
  0% {
    stroke-dashoffset: 45.98870086669922px;
    stroke-dasharray: 45.98870086669922px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 45.98870086669922px;
  }
}

@-webkit-keyframes animate-svg-fill-20 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(249, 97, 32);
  }
}

@keyframes animate-svg-fill-20 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(249, 97, 32);
  }
}

.svg-elem-20 {
  -webkit-animation: animate-svg-stroke-20 1s
      cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s both,
    animate-svg-fill-20 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s both;
  animation: animate-svg-stroke-20 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s
      both,
    animate-svg-fill-20 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s both;
}

@-webkit-keyframes animate-svg-stroke-21 {
  0% {
    stroke-dashoffset: 45.988800048828125px;
    stroke-dasharray: 45.988800048828125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 45.988800048828125px;
  }
}

@keyframes animate-svg-stroke-21 {
  0% {
    stroke-dashoffset: 45.988800048828125px;
    stroke-dasharray: 45.988800048828125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 45.988800048828125px;
  }
}

@-webkit-keyframes animate-svg-fill-21 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(249, 97, 32);
  }
}

@keyframes animate-svg-fill-21 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(249, 97, 32);
  }
}

.svg-elem-21 {
  -webkit-animation: animate-svg-stroke-21 1s
      cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s both,
    animate-svg-fill-21 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s both;
  animation: animate-svg-stroke-21 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s
      both,
    animate-svg-fill-21 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s both;
}

@media (max-width: 991px) {
  .loginWrap {
    height: auto;
    display: inline-block;
  }
  .loginWrap .leftBlock {
    width: 100%;
  }
  .rightBlock {
    display: none;
  }
  .copyright {
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;
  }
  .copyright p {
    width: 100%;
    justify-content: center;
    margin-bottom: 15px;
  }
}