:root {
  --vb-color-black: #000000;
  --vb-color-dark-gray: #5f6368;
  --vb-color-light-gray: #f8f8f8;
  --vb-color-white: #ffffff;
  --vb-color-orange: #ff8f24;
  --vb-color-ultra-dark-blue: #1c3255;
  --vb-color-dark-blue: #1f2c9c;
  --vb-color-light-blue: #1a73e8;
  --vb-color-gray-blue: #728799;
  --vb-color-lighter-blue: #f4f8ff;
  --vb-color-purple: #9b51e0;

  --vb-gradient-blue-to-purple: linear-gradient(135deg,
      rgba(6, 147, 227, 1) 0%,
      rgb(155, 81, 224) 100%);
  --vb-gradient-light-orange-to-dark-orange: linear-gradient(135deg,
      rgba(252, 185, 0, 1) 0%,
      rgba(255, 105, 0, 1) 100%);
  --vb-gradient-light-gray-to-gray: linear-gradient(135deg,
      rgb(238, 238, 238) 0%,
      rgb(169, 184, 195) 100%);
  --vb-gradient-mix: linear-gradient(135deg,
      rgb(255, 203, 112) 0%,
      rgb(199, 81, 192) 50%,
      rgb(65, 88, 208) 100%);
  --vb-gradient-decent: linear-gradient(135deg,
      rgb(2, 3, 129) 0%,
      rgb(40, 116, 252) 100%);

  --vb-font-x-small: 14px;
  --vb-font-small: 15px;
  --vb-font-medium: 20px;
  --vb-font-x-medium: 25px;
  --vb-font-large: 36px;
  --vb-font-x-large: 54px;

  --vb-letter-space-small: -0.45px;
  --vb-letter-space-medium: -0.5px;
  --vb-letter-space-large: 0.15px;

  --vb-width-small: 400px;
  --vb-width-medium: 500px;
  --vb-width-large: 600px;
}

/*========== Style Reset start =========== */
html {
  scroll-behavior: smooth;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Nunito', sans-serif;
  transition-duration: 500ms;
}

a {
  text-decoration: none;
  color: #2671ff;
}

a:hover {
  text-decoration: none;
  color: #174ea6;
}

/*========== Style Reset end =========== */
/*========== font size start =========== */
.size-font-x-small {
  font-size: var(--vb-font-x-small);
}

.size-font-small {
  font-size: var(--vb-font-small);
}

.size-font-default {
  font-size: 16px;
}

.size-font-medium {
  font-size: var(--vb-font-medium);
}

.size-font-x-medium {
  font-size: var(--vb-font-x-medium);
}

.size-font-large {
  font-size: var(--vb-font-large);
}

.size-font-x-large {
  font-size: var(--vb-font-x-large);
}

/*========== font size end =========== */
.default-line-height {
  line-height: 1.2;
}

/*========== font color start =========== */
.color-black {
  color: var(--vb-color-black);
}

.color-dark-gray {
  color: var(--vb-color-dark-gray);
}

.color-light-gray {
  color: var(--vb-color-light-gray);
}

.color-white {
  color: var(--vb-color-white);
}

.color-orange {
  color: var(--vb-color-orange);
}

.color-ultra-dark-blue {
  color: var(--vb-color-ultra-dark-blue);
}

.color-dark-blue {
  color: var(--vb-color-dark-blue);
}

.color-light-blue {
  color: var(--vb-color-light-blue);
}

.color-gray-blue {
  color: var(--vb-color-gray-blue);
}

.color-lighter-blue {
  color: var(--vb-color-lighter-blue);
}

.color-purple {
  color: var(--vb-color-purple);
}

/*========== font color end =========== */
/*========== background color start =========== */
.background-black {
  background-color: var(--vb-color-black);
}

.background-dark-gray {
  background-color: var(--vb-color-dark-gray);
}

.background-light-gray {
  background-color: var(--vb-color-light-gray);
}

.background-white {
  background-color: var(--vb-color-white);
}

.background-orange {
  background-color: var(--vb-color-orange);
}

.background-ultra-dark-blue {
  background-color: var(--vb-color-ultra-dark-blue);
}

.background-dark-blue {
  background-color: var(--vb-color-dark-blue);
}

.background-light-blue {
  background-color: var(--vb-color-light-blue);
}

.background-gray-blue {
  background-color: var(--vb-color-gray-blue);
}

.background-lighter-blue {
  background-color: var(--vb-color-lighter-blue);
}

.background-purple {
  background-color: var(--vb-color-purple);
}

/*========== background color end =========== */
/*========== gradient color Start =========== */
.vb-gradient-decent {
  background-image: var(--vb-gradient-decent);
}

.gradient-dark-blue-to-cyan {
  background-image: var(--enin-gradient-dark-blue-to-cyan);
}

/*========== gradient color end =========== */
/*========== letter space start =========== */
.letter-space-small {
  letter-spacing: var(--vb-letter-space-small);
}

.letter-space-medium {
  letter-spacing: var(--vb-letter-space-medium);
}

.letter-space-large {
  letter-spacing: var(--vb-letter-space-large);
}

/*========== letter space end =========== */
/*========== max-width start =========== */
.width-small {
  max-width: var(--vb-width-small);
  width: 100%;
}

.width-medium {
  max-width: var(--vb-width-medium);
  width: 100%;
}

.width-large {
  max-width: var(--vb-width-large);
  width: 100%;
}

.w-300 {
  max-width: 300px;
  width: 100%;
}

.w-fit {
  width: fit-content !important;
}

.width-500 {
  max-width: 500px;
  width: 100%;
}

.w-100px {
  max-width: 100px;
  width: 100%;
}
.w-200 {
  max-width: 200px;
  width: 100%;
}
.w-50px {
  max-width: 50px;
  width: 100%;
}

.w-25px {
  width: 25px !important;
}

/*========== max-width start =========== */
/*========== utility start =========== */

.hover-blue {
  cursor: pointer;
}

.hover-blue:hover {
  color: var(--vb-color-light-blue);
}

.box-shadow-1{
  box-shadow: 2px 3px 10px 1px #dfdfdf;
}

.divider.intersect {
  height: 2px !important;
  top: 50%;
}

.divider {
  display: block;
  height: 5px;
  width: 100px;
  background: linear-gradient(135deg, #142145 20%, #005B97 40%, #429ebb 60%, #6f7bf7 80%, #59f8f3 100%);
}

.LazyLoding {
  animation-name: blurOut;
  animation-duration: 500ms;
  animation-timing-function: linear;
  animation-direction: alternate;
}

.not-visible {
  visibility: hidden;
  opacity: 0;
}

.is-visible {
  visibility: visible;
  transition-duration: 500ms;
  transition-timing-function: ease-in;
  opacity: 1;
}

.circle-container {
  width: calc(100% - 30px);
  position: relative;
}

.circle-container .circle {
  clip-path: circle(40% at 50%);
}

.circle-container::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background: linear-gradient(to right, #00020845 54%, #ff8f24 96%);
  clip-path: circle(41% at 50.7%);
}

.list-style-none {
  list-style: none !important;
}

.achor::after {
  content: "\ea5d";
  font-family: IcoFont;
  padding-left: 10px;
  transition: 500ms;
}

.achor:hover::after {
  padding-left: 20px;
  transition: 500ms;
}

.scroll-progress {
  height: 5px;
  position: fixed;
  top: 0;
  background-image: var(--vb-gradient-decent);
  z-index: 10;
}

.preloder-container-ring.active {
  display: flex;
}

.preloder-container-ring {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: white;
  z-index: 999;
  justify-content: center;
  align-content: center;
}


.g-10 {
  gap: 10px;
}

.gy-10 {
  gap: 10px 0;
}

.gx-10 {
  gap: 0 10px;
}
.g-20 {
  gap: 20px;
}

.gy-20 {
  gap: 20px 0;
}

.gx-20 {
  gap: 0 20px;
}
.br-10{
  border-radius: 10px;
}
.br-6{
  border-radius: 6px;
}

@keyframes layers1 {
  0% {
    box-shadow: 0px 0px 0 0px
  }

  90%,
  100% {
    box-shadow: 20px 20px 0 -4px
  }
}

@keyframes layerTr {
  0% {
    transform: translate(0, 0) scale(1)
  }

  100% {
    transform: translate(-25px, -25px) scale(1)
  }
}

/*========== utility end =========== */
/* ===========button start============ */
.center-btn {
  width: max-content;
  padding: 10px 20px;
}

.btn-demo {
  padding: 10px 20px;
  border: 2px solid #142146;
  background-color: #0cb8ff;
  border-radius: 6px;
  color: white;
}

/* ===========button end============ */
/* ===========navigation Start============ */
header {
  transition: 1000ms;
  position: sticky;
  top: 0;
  z-index: 9;
  background-color: white;
}

.top-nev {
  transition: 1000ms;
}

.nev-shapes {
  padding: 0 20px;
  border-bottom: 1px solid #eee;
}

.top-nev-link {
  padding: 10px 10px;
  border-left: 1px solid #eee;
  text-align: center;
}

.top-nev-link:last-child {
  border-right: none;
}

/* ===========Desktop Start============ */
.nev-tp {
  background: #fff;
  transform: translate3d(0, 0, 0);
  box-shadow: 0 0 1px 1px rgba(80, 80, 80, 0.17), inset 0 -1px 0 0 #dadce0;
}

.nev-tp-full-length {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
}

.nev-tp-full-length .logo {
  width: 145px;
}

.nev-tp-full-length .logo img {
  width: 100%;
}

.nev-tp-full-length .nev-menu {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.nev-tp-full-length .nev-menu .menu-list {
  display: flex;
  margin-bottom: 0;
  list-style: none;
}

.nev-tp-full-length .nev-menu .menu-list .list-item a {
  padding: 25px 15px;
  color: #5f6368;
  font-size: 15px;
  letter-spacing: 0.25px;
  display: block;
}

.nev-tp-full-length .nev-menu .menu-list .list-item.droplist .droplist-container a {
  padding: 10px 5px;
  color: #5f6368;
  font-size: 15px;
  letter-spacing: 0.25px;
  display: block;
}

.droplist-container a:hover .hover-blue {
  color: var(--vb-color-light-blue);
}

.nev-tp-full-length .nev-menu .menu-list .list-item.droplist.active .droplist-container {
  -webkit-animation: fadeIn 500s ease-in-out;
  animation: fadeIn 500ms ease-in-out;
  display: block;
}

.drop-navigator-close {
  position: absolute;
  right: 20px;
  background: transparent;
  border: none;
  font-size: 30px;
  margin-top: 10px;
}

.nev-tp-full-length .nev-menu .menu-list .list-item.droplist .droplist-container {
  position: fixed;
  width: 100%;
  left: 0;
  box-shadow: 0 7px 4px -3px #6e6e6dd4;
  right: 0;
  display: none;
}

.droplist-container::after {
  content: "";
  height: 100vh;
  display: block;
  width: 100%;
  background: #0000009e;
}

.nev-tp-full-length .nev-menu .menu-list .list-item.droplist .droplist-container .droplist-left {
  padding: 40px;
  display: block;
  width: 100%;
  background: white;
}

.nev-tp-full-length .nev-menu .menu-list .list-item.droplist .droplist-container .droplist-left .menu-title {
  padding-bottom: 25px;
  margin-bottom: 30px;
  border-bottom: 1px solid #dadce0;
  color: #3c4043
}

.nev-tp-full-length .nev-menu .menu-list .list-item.droplist .droplist-container .droplist-left .menu-sub-title {
  margin-bottom: 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #192b4f
}

.nev-tp-full-length .nev-menu .menu-list .list-item.droplist .droplist-container .droplist-right {
  background-color: #fafafa;
  max-width: 400px;
  padding: 10px;
  width: 100%;
}

.mobile-nev {
  display: none;
}
.tage-menu li {
  border-right: 2px solid #eee;
  padding: 0 25px;
}

.tage-menu li:last-child {
  border-right: none;
}
.req-demo .form-group {
  margin-bottom: 10px;
}

.selection.form-control {
  height: 55px !important;
  padding: 15px 10px 0 12px;
  border: none;
  border-bottom: 2px solid #1c53a2;
  border-radius: 0;
  background: white;
  -webkit-appearance: none;
}

.selected-label-target.position-absolute {
  color: #a8a5a5;
  transform: translate(-6px, -56px) scale(0.8);
}

.gradientcolortext {
  background: -webkit-linear-gradient(300deg, #142145, #2c88af, #5af2f3);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: brightness(111%);
}

.support-container::before {
  content: "\ea6a";
  font-family: IcoFont;
  position: absolute;
  top: -12px;
  font-size: 40px;
  line-height: 0.32;
  right: 0;
  z-index: -1;
  color: #0db8ff;
}

.pro-carousel .owl-nav {
  position: absolute;
  left: -244px;
  color: #2874fc;
  font-size: 30px;
  bottom: 0;
  line-height: 1;
  margin: 0;
}

.box-line {
  width: 97%;
  display: block;
  height: 133px;
  border-top: 6px solid #326B8E;
  border-bottom: 6px solid #326B8E;
  border-left: 6px solid #326B8E;
  top: 86px;
  left: 64px;
}

.anito {
  gap: 10px;
}

.anito .card {
  width: calc((100% / 5) - 10px);
  background-color: #1B3754;
  color: white;
  border-color: #326b8e;
  box-shadow: 3px 2px 7px 1px #030303;
}

.anito .card img {
  width: 50px;
  margin: 10px auto;
}

@media only screen and (max-width: 992px) {
  .anito .card {
    width: calc((100% / 2) - 10px);
  }

  .box-line {
    display: none !important
  }
}

.block-card.card .card-header {
  max-width: 250px;
  background: #f8f8f8;
  border-color: #1b4dd1;
}

.block-card.card .card-header .card-flex {
  min-height: 125px;
}

.block-card.card .card-header .card-flex .imgcon {
  width: 35px;
  height: 35px;
  border-radius: 4px;
  margin-right: 5px;
}

.block-card.card .card-header .card-flex .imgcon img {
  width: 35px;
  height: 35px;
  padding: 3px;
  filter: brightness(100);
}

.block-card.card .card-header .card-flex h4 {
  color: #6ba5f2;
}

.block-card.card .card-header p {
  position: absolute;
  top: 64px;
  width: 100%;
}

.block-card.card .card-body .card-body-wrapper {
  min-height: 250px;
}

.block-card.card .card-body .card-body-wrapper+a {
  width: fit-content;
  margin: 0 auto auto auto;
}

.usp-desktop {
  display: block;
}

.usp-phone {
  display: none;
}

@media only screen and (max-width: 767px) {
  .usp-desktop {
    display: none;
  }

  .usp-phone {
    display: block;
  }
}
/* ===========Desktop End============ */
/* ===========Mobile Start============ */
@media only screen and (max-width: 1008px) {
  .item-carosole-content {
    width: 100% !important;
  }

  .mobile-nev {
    display: block;
    background: #ff8f24;
    padding: 6px;
    font-size: 20px;
    color: white;
    cursor: pointer;
    border: none;
    border-radius: 5px;
  }

  .desktop.nev-menu.active {
    display: block;
    position: absolute;
    top: 100%;
    background: white;
    left: 0;
    height: 100vh;
    overflow-y: scroll;
  }

  .pro-carousel .owl-nav {
    display: none;
  }

  .desktop.nev-menu.active .menu-list .list-item.droplist .droplist-container {
    width: 100%;
    box-shadow: none;
    margin-bottom: 10px;
  }

  .desktop.nev-menu.active .menu-list .list-item.droplist .droplist-container::after {
    content: "";
    height: 0;
    display: block;
    width: 100%;
    background: #0000009e;
  }

  .desktop.nev-menu.active .menu-list .list-item.droplist .droplist-container .droplist-left .menu-title,
  .desktop.nev-menu.active .menu-list .list-item.droplist .droplist-container .drop-navigator-close,
  .desktop.nev-menu.active .menu-list .list-item.droplist .droplist-container .droplist-right,
  .desktop.nev-menu {
    display: none;
  }

  .desktop.nev-menu.active .menu-list .list-item.droplist .droplist-container .droplist-left .menu-sub-title {
    margin-bottom: 0;
  }

  .desktop.nev-menu.active .menu-list .list-item .droplist-container .droplist-left .droplist-container-nev {
    margin: 10px 0 !important;
  }

  .desktop.nev-menu.active .menu-list {
    display: block;
    padding: 10px 0 30px 0;
  }

  .desktop.nev-menu.active .menu-list .list-item a {
    padding: 10px 25px;
  }

  .desktop.nev-menu.active .menu-list .list-item .prev-tag i {
    float: right;
  }

  .desktop.nev-menu.active .menu-list .list-item.droplist .droplist-container {
    position: relative;
  }

  .desktop.nev-menu.active .menu-list .list-item.droplist .droplist-container .droplist-left {
    padding: 10px 40px 0 40px;
  }

  .desktop.nev-menu.active .button-element {
    text-align: center;
    top: 0;
    position: relative;
    margin-bottom: 100px;
  }
}

/* ===========Mobile End============ */
/* ===========navigation End============ */
.item-carosole,
.item-carosole-content {
  display: none;
}

.item-carosole.active,
.item-carosole-content.active {
  display: block;
}

.carosole-progress .progress {
  width: calc((100% / 5));
  height: 10px;
  border-radius: 5px;
  border: 1px solid #0a23ff7d;
}

.item-carosole-content {
  width: 500px;
  margin: auto;
}

.video-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.play-control {
  font-size: 23px;
  color: #0d6efd;
}

.video-controls .progress {
  width: calc(100% - 30px);
  height: 5px;
  margin-top: 4px;
}

/*========== Grid Card Start =========== */
.card-element {
  padding: 0 35px;
}

.dash-card {
  padding-bottom: 20px;
  margin-bottom: 15px;
  border-radius: 6px;
  overflow: hidden;
  height: calc(100% - 15px);
}

.dash-card-body {
  padding: 10px;
}

/*========== Grid Card End =========== */
/*========== Tab Start =========== */
.content-tabs li {
  width: calc(100%/3);
  color: var(--vb-color-dark-gray);
  cursor: pointer;
}

.content-tabs li.active {
  color: var(--vb-color-light-blue)
}

.content-tabs li::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #d5d5d5;
  margin-top: 25px;
}

.content-tabs li.active::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--vb-color-light-blue);
  margin-top: 25px;
  border-radius: 10px;
}

.tab-content {
  display: none;
}

.tab-content.active {
  display: block;
}

/*========== Tab End =========== */
/*========== FAQ Start =========== */
.faq-container {
  list-style: none;
}

.faq-list {
  cursor: pointer;
  border-bottom: 1px solid #eee;
}

.faq-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.faq-content.active {
  display: block;
  padding: 10px 0;
  transition-duration: 1000ms;
}

.faq-content {
  display: none;
  color: #888686;
  transition-duration: 1000ms;
}

.faq-side-card {
  padding: 25px;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  margin-bottom: 1rem;
}

/*========== FAQ end =========== */
/*========== Footer Start =========== */
.footer-credit::before {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  margin: 13px 0;
  background-image: var(--vb-gradient-blue-to-purple)
}

/*========== Footer End =========== */
/*========== Pricing Start =========== */
.pricing-card {
  padding: 10px;
  margin: 10px;
  box-shadow: 0 2px 30px 0 rgb(0 0 0 / 10%);
  height: calc(100% - 80px);
}

.price-overlay::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(100% / 2);
  left: -2px;
  width: 0;
  height: 0;
  border-top: 35px solid transparent;
  border-bottom: 35px solid transparent;
  border-left: 35px solid #1d54d9;
}

.sidemenu__item {
  margin-bottom: 5px;
}

/* .sidemenu__item-link {
  background: linear-gradient(to left, white 50%, #1f58dd 50%) right;
  background-size: 200% 100%;
  padding: 10px 10px;
  width: 100%;
  display: block;
  border-radius: 0 25px 25px 0;
  position: relative;
  color: var(--vb-color-ultra-dark-blue);
  transition: .2s ease-out;
}

.sidemenu__item-link.sidemenu_item-link-active,
.sidemenu__item-link:hover {
  transition: .2s ease-in;
  color: white;
  background-position: left;
} */

.sidemenu__item-link {
  background: linear-gradient(to left, white 50%, #dfe9ff 50%) right;
  background-size: 200% 100%;
  padding: 10px 10px;
  width: 100%;
  display: block;
  border-radius: 0 25px 25px 0;
  position: relative;
  color: var(--vb-color-ultra-dark-blue);
  transition: .2s ease-out;
}

.sidemenu__item-link.sidemenu_item-link-active,
.sidemenu__item-link:hover {
  transition: .2s ease-in;
  color: #020483;
  background-position: left;
}


.main-content-header ul li::after {
  content: "\eaca";
  font-family: IcoFont;
  font-style: normal;
}

.main-content-header ul li:last-child::after {
  content: '';
}

/*========== Pricing end =========== */
/*========== login signup start =========== */
.error.lableup.form-control,
.error.lableup.form-control:focus {
  border-bottom: 2px solid #f80303;
}

.lableup.form-control {
  border-radius: 0;
  height: calc(30px * 2);
  border: none;
  border-bottom: 2px solid #1c53a2;
  padding: 20px 20px 5px 5px;
  background-color: transparent;
}

.lableup.form-control:focus {
  background-color: transparent;
  border-bottom: 2px solid #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0 white;
}

.form-group .lableup.form-control:placeholder-shown~.label-target {
  transform: translate(0, 20px) scale(1);
}

.lableup.form-control~label,
.form-group .lableup.form-control:focus~.label-target {
  font-size: 15px;
  display: block;
  cursor: pointer;
  top: 4px;
  left: 5px;
  transition: all ease .2s;
  transform: translate(0, 0) scale(0.8);
  transform-origin: left;
}

.form-error {
  position: absolute;
  right: 0;
  bottom: 15px;
  padding: 1px;
  display: none;
}

.form-error.icofont-exclamation-circle {
  color: red;
  display: block;
}

.form-error.icofont-check-circled {
  display: block;
  color: #00ff34;
}

@media only screen and (max-width: 767px) {
  .textinfoasdasd {
    display: none;
  }
}

.numberinput.form-control {
  -webkit-appearance: none;
  -moz-appearance: textfield;
  margin: 0;
  text-align: center;
  padding: 0;
  border-radius: 0;
  height: calc(30px * 2);
  border: 2px solid #1c3255;
  font-size: 18px;
}

.show-hide-pass {
  position: absolute;
  right: 0;
  bottom: 6px;
  font-size: 29px;
  cursor: pointer;
}

/*========== login signup end =========== */
/*========== error page start =========== */
.image-text {
  background-image: url(https://cdn.pixabay.com/photo/2017/08/30/01/05/milky-way-2695569__480.jpg);
  background-size: cover;
  background-clip: text;
  color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 10rem !important;
}

/*========== error page end =========== */
/*========== visionboard =========== */
.expand-btn button {
  border: 1px solid #e3e3e3;
  border-radius: 6px;
}

/* SVG BLock Animation*/

#p62b2e1b044970,
#p62b2e1b044930,
#p62b2e1b0448f0,
#p62b2e1b0448f0 .textGroup {
  animation-delay: -1000ms !important;
}

#p62b2e1b0448d3 {
  transform-origin: center;
  transform: scale(1) translate(-7%, 0);
}

#p62b2e1b044970 {
  transform: rotate(-17deg);
  transform-box: fill-box;
  transform-origin: center;
}

.play #p62b2e1b044970 {
  animation: lineSwing 10000ms ease-in both infinite;
}

#p62b2e1b044930 {
  transform-box: fill-box;
  transform-origin: center bottom;
  transform: translateY(60px) scale(1, 1) rotate(0);
}

.play #p62b2e1b044930 {
  animation: blueAnim 10000ms ease-in both infinite;
}

#p62b2e1b0448f0 {
  transform-box: fill-box;
  transform-origin: center bottom;
  transform: translateY(-72px) scale(0.35, 0.35);
}

.play #p62b2e1b0448f0 {
  animation: orangeAnim 10000ms ease-in both infinite;
}

#p62b2e1b0448f0 .textGroup {
  transform-box: fill-box;
  transform-origin: center;
  transform: scale(2);
}

.play #p62b2e1b0448f0 .textGroup {
  animation: orangeText 10000ms ease-in both infinite;
}

@keyframes lineSwing {
  0% {
    transform: rotate(-17deg);
  }

  13% {
    transform: rotate(-17deg);
  }

  14% {
    transform: rotate(-15deg);
  }

  15% {
    transform: rotate(-15deg);
  }

  17% {
    transform: rotate(-10deg);
  }

  19% {
    transform: rotate(-15deg);
  }

  25% {
    transform: rotate(-15deg);
  }

  37% {
    transform: rotate(0);
  }

  50% {
    transform: rotate(0);
  }

  90% {
    transform: rotate(0);
  }

  97% {
    transform: rotate(-17deg);
  }

  100% {
    transform: rotate(-17deg);
  }
}

@keyframes blueAnim {
  0% {
    transform: translateY(60px) scale(1, 1) rotate(0);
  }

  13% {
    transform: translateY(60px) scale(1, 1) rotate(0);
  }

  14% {
    transform: translateY(55px) scale(1, 1) rotate(0);
  }

  17% {
    transform: translateY(40px) scale(1, 1) rotate(0);
  }

  19% {
    transform: translateY(52px) scale(1, 1) rotate(0);
  }

  25% {
    transform: translateY(55px) scale(1, 1) rotate(-4deg);
  }

  37% {
    transform: translateY(0) scale(1, 1) rotate(4deg);
  }

  39% {
    transform: translateY(0) scale(1, 1) rotate(-2deg);
  }

  40% {
    transform: translateY(0) scale(1, 1) rotate(1deg);
  }

  41% {
    transform: translateY(0) scale(1, 1) rotate(0);
  }

  50% {
    transform: translateY(0) scale(1, 1) rotate(0);
  }

  90% {
    transform: translateY(0) scale(1, 1) rotate(0);
  }

  97% {
    transform: translateY(60px) scale(1, 1) rotate(4deg);
  }

  100% {
    transform: translateY(60px) scale(1, 1) rotate(0);
  }
}

@keyframes orangeAnim {
  0% {
    transform: translateY(-72px) scale(0.35, 0.35);
  }

  13% {
    transform: translateY(-72px) scale(0.35, 0.35);
  }

  14% {
    transform: translateY(-95px) scale(0.30, 0.40);
  }

  15% {
    transform: translateY(-62px) scale(0.35, 0.35);
  }

  17% {
    transform: translateY(-40px) scale(0.35, 0.35);
  }

  19% {
    transform: translateY(-62px) scale(0.35, 0.35);
  }

  25% {
    transform: translateY(-62px) scale(0.35, 0.35);
  }

  29% {
    transform: translateY(-50px) scale(0.5, 0.5);
  }

  30% {
    transform: translateY(-45px) scale(0.5, 0.5);
  }

  33% {
    transform: translateY(-30px) scale(0.75, 0.75);
  }

  34% {
    transform: translateY(-25px) scale(0.75, 0.75);
  }

  37% {
    transform: translateY(0px) scale(1, 1);
  }

  50% {
    transform: translateY(0px) scale(1, 1);
  }

  90% {
    transform: translateY(0px) scale(1, 1);
  }

  97% {
    transform: translateY(-72px) scale(0.35, 0.35);
  }

  100% {
    transform: translateY(-72px) scale(0.35, 0.35);
  }
}

@keyframes orangeText {
  0% {
    transform: scale(2);
  }

  25% {
    transform: scale(2);
  }

  37% {
    transform: scale(1.1);
  }

  50% {
    transform: scale(1.1);
  }

  90% {
    transform: scale(1.1);
  }

  97% {
    transform: scale(2);
  }

  100% {
    transform: scale(2);
  }
}

/*========== error page end =========== */