#page\#0 {
      will-change: transform;
  }

  /* #page\#1 {
      display: inline-block;
      width: auto;
      max-width: none;
      translate: -20% -20%;
  }

  #page\#1 .el-image {
      max-width: 100vw;
  } */

      /* {
      % comment %
  }

  .uk-slider-container .el-image {
      border-radius: 20px;
  }

  @media (max-width: 639px) {
      #page\#1 .el-image {
          max-width: 100vw;
      }
  }

      {
      % endcomment %
  } */

  #page\#2 {
      display: inline-block;
      width: auto;
      max-width: none;
      translate: -50% -50%;
  }

  #page\#2 .el-image {
      max-width: 100vw;
  }

  #page\#3 {
      height: 60vh;
      min-height: 700px;
      margin-bottom: 10vh;
  }

  @media (max-width: 959px) {
      #page\#4>*> :nth-child(3n+0) {
          display: none;
      }
  }

  .blue {
          /* {
          % comment %
      }

      position: absolute;

          {
          % endcomment %
      } */

      text-shadow: 2px 2px 1px rgba(0, 0, 0, .4),
      0 0 20px #42A5F5,
      0 0 40px rgba(33, 150, 243, .75),
      0 0 50px rgba(33, 150, 243, .75),
      0 0 60px rgba(33, 150, 243, .75);
      -webkit-animation: fade 3s infinite alternate;
      -moz-animation: fade 3s infinite alternate;
      -o-animation: fade 3s infinite alternate;
      animation: fade 3s infinite alternate;
  }

  .blue:before {
      content: '';

          /* {
          % comment %
      }

      position: absolute;

          {
          % endcomment %
      } */

      background: rgba(66, 165, 245, .25);
      z-index: -1;
      opacity: .7;
      filter: blur(30px);
      width: 100%;
      height: 100%;
  }

  /*Animation*/
  @-moz-keyframes fade {
      40% {
          opacity: 0.8;
      }

      42% {
          opacity: 0.1;
      }

      43% {
          opacity: 0.8;
      }

      45% {
          opacity: 0.1;
      }

      46% {
          opacity: 0.8;
      }
  }

  @-webkit-keyframes fade {
      40% {
          opacity: 0.8;
      }

      42% {
          opacity: 0.1;
      }

      43% {
          opacity: 0.8;
      }

      45% {
          opacity: 0.1;
      }

      46% {
          opacity: 0.8;
      }
  }

  @-o-keyframes fade {
      40% {
          opacity: 0.8;
      }

      42% {
          opacity: 0.1;
      }

      43% {
          opacity: 0.8;
      }

      45% {
          opacity: 0.1;
      }

      46% {
          opacity: 0.8;
      }
  }

  @keyframes fade {
      40% {
          opacity: 0.8;
      }

      42% {
          opacity: 0.1;
      }

      43% {
          opacity: 0.8;
      }

      45% {
          opacity: 0.1;
      }

      46% {
          opacity: 0.8;
      }
  }

  .tm-box-decoration-primary img {
      border-radius: 20px;
  }

  .tm-box-decoration-default::before,
  .tm-box-decoration-primary::before,
  .tm-box-decoration-secondary::before {
      border-radius: 25px;
  }

  .uk-card {
      position: relative;
      box-sizing: border-box;
      transition: .1s ease-in-out;
      transition-property: color, background-color, background-size, border-color, box-shadow;
      border-radius: 20px;
  }

  .uk-border-rounded {
      border-radius: 20px;
  }

  .uk-card-media-top,
  .uk-grid-stack>.uk-card-media-left,
  .uk-grid-stack>.uk-card-media-right {
      border-radius: 20px 20px 0 0;
  }

  .uk-overlay-primary {
      --uk-inverse: light;
      background: 0 0;
      backdrop-filter: blur(15px);
      -webkit-backdrop-filter: blur(15px);
      background-image: linear-gradient(45deg, rgba(84, 53, 156, .3) 0, rgba(52, 96, 168, .3) 40%, rgba(21, 219, 245, .3) 100%);
      border-radius: 20px;
  }

  .uk-navbar-left .uk-navbar-item {
      border-left: 1px solid rgba(255, 255, 255, .08);
      border-right: 0
  }

  .uk-navbar-left .uk-navbar-nav {
      border-left: 1px solid rgba(255, 255, 255, .08);
  }


/* .uk-pagination>*>*, */
.uk-pagination>*>:not(.tm-current-page-ellipsis)::after {
    display: flex;
    align-items: center;
    column-gap: .25em;
    padding: 8px 15px;
    color: rgba(255, 255, 255, .7);
    transition: .1s ease-in-out;
    transition-property: color, background-color, border-color, box-shadow;
    min-width: 40px;
    justify-content: center;
    height: 40px;
    box-sizing: border-box;
    font-family: Manrope;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    font-style: normal;
    border: 1px solid transparent;
    border-radius: 500px
}
.uk-pagination>*>.tm-current-page-ellipsis {
    font-family: Manrope;
}
.uk-pagination>*>.tm-current-page-ellipsis::before {
    background-image: none;
}
/* 
.uk-pagination>*>.tm-current-page-ellipsis:hover,
.uk-pagination>*>.tm-current-page-ellipsis:hover::after {
    color: inherit !important;
    text-decoration: inherit !important;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important
} */


.tm-section-home-hero {
    padding-top: 120px;
    padding-bottom: 120px
}

@media (min-width: 960px) {
    .tm-section-home-hero {
        padding-top: 70px;
        padding-bottom: 70px
    }
}
/* 
.tm-position {
    position: absolute !important;
    max-width: calc(100% - (var(--uk-position-margin-offset) * 2));
    box-sizing: border-box;
} */

.tm-position>* {
    border-radius: 20px;
}

.tm-position-bottom {
    /* position: absolute !important; */
    max-width: calc(100% - (var(--uk-position-margin-offset) * 2));
    box-sizing: border-box;
    bottom: -35px;
}

.tm-position-bottom-top {

    max-width: calc(100% - (var(--uk-position-margin-offset) * 2));
    box-sizing: border-box;
    top: -5px;
}

.tm-position-bottom-left {

    max-width: calc(100% - (var(--uk-position-margin-offset) * 2));
    box-sizing: border-box;
    top: 55px;
    left: -35px;
}

.tm-position-bottom-right {

    max-width: calc(100% - (var(--uk-position-margin-offset) * 2));
    box-sizing: border-box;
    top: 55px;
    right: -35px;
}


.tm-position-bottom-center {
    /* position: absolute !important; */
    max-width: calc(100% - (var(--uk-position-margin-offset) * 2));
    box-sizing: border-box;
    bottom: -15px;
}

.tm-image {
    border-radius: 20px;
}

.tm-decoration-primary::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -2;
    height: 100%;
    opacity: .7;
    background-image: conic-gradient(from 70deg, #00b7f3, #0057da, #5101b4, #0853e9, #00b7f3);
    filter: blur(85px)
}

.uk-card-badge-top-left {
    position: absolute;
    top: 25px;
    left: 25px;
    z-index: 1;
    height: 22px;
    padding: 0 10px;
    background: #2ea3d2;
    color: #fff;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0;
    font-family: Raleway;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0
}

.uk-card-badge-top-left:first-child+* {
    margin-top: 0
}
/* 
.uk-slideshow-items img {
    border-radius: 20px;
}
 */

.uk-modal {
    background: rgba(9, 8, 52, .2);
    backdrop-filter: blur(10px);
}

.tm-modal-secondary::after,
.tm-modal-secondary::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    will-change: filter
}

.tm-modal-secondary::before {
    background-image: conic-gradient(from 60deg, #00b7f3, #0057da, #5101b4, #0853e9, #00b7f3);
    filter: blur(20px);
    transition: filter .1s ease-in-out;
    border-radius: 20px;
}

.tm-modal-secondary,
.tm-modal-secondary::after {
    --uk-inverse: light;
    background-color: #04052f;
    color: #fff;
    box-shadow: 0 0 5px rgba(255, 255, 255, .12);
    border-radius: 20px;
}

.uk-input::placeholder {
    color: rgba(255, 255, 255, .5);
}

.uk-alert ul {
    list-style: none;
}

.uk-navbar-justify .uk-navbar-nav>li.tm-lang-nav-item {
    flex-grow: unset;
}

.uk-navbar-left .uk-navbar-nav>li:nth-child(n+2)>form {
    border-left: 1px solid rgba(255, 255, 255, .08);
}
.uk-navbar-nav>li>form {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: .25em;
    box-sizing: border-box;
    min-height: 80px;
    font-size: 16px;
    font-family: Raleway;
    text-decoration: none;
}
.uk-navbar-nav>li>form>select {
    cursor: pointer;
}

.uk-navbar-nav>li>form {
    padding: 0 30px;
    color: rgba(255, 255, 255, .7);
    transition: .1s ease-in-out;
    transition-property: color, background-color, border-color, box-shadow;
    position: relative;
    z-index: 1;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    font-style: normal
}

@media (min-width: 960px) {
    .uk-navbar-nav>li>form {
        padding: 0 20px
    }
}

.uk-navbar-nav>li>form::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    bottom: -1px;
    height: 1px;
    background-color: transparent;
    transition: .35s ease-in-out;
    transition-property: background-color, border-color, box-shadow, height, left, right, opacity;
    --uk-navbar-nav-item-line-margin-horizontal: 0;
    left: var(--uk-navbar-nav-item-line-margin-horizontal);
    left: 50%;
    right: 50%;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, 0) 100%)
}

.uk-navbar-primary .uk-navbar-nav>li>form {
    font-size: 22px
}

.uk-navbar-primary .uk-navbar-nav>li>form {
    font-weight: 400
}

.uk-navbar-nav>li:hover>form,
.uk-navbar-nav>li>form[aria-expanded=true] {
    color: #fff;
    text-shadow: 0 0 8px rgba(255, 255, 255, .8);
    background-image: radial-gradient(at 50% bottom, rgba(0, 88, 219, .14), rgba(0, 88, 219, 0));
    box-shadow: 0 6px 20px -13px #0057da
}

.uk-navbar-nav>li:hover>form::before,
.uk-navbar-nav>li>form[aria-expanded=true]::before {
    left: var(--uk-navbar-nav-item-line-margin-horizontal);
    right: var(--uk-navbar-nav-item-line-margin-horizontal)
}

.uk-navbar-nav>li>form:active {
    color: #fff
} 

.uk-navbar-nav>li.uk-active>form {
    color: #fff;
    text-shadow: 0 0 8px rgba(255, 255, 255, .8);
    background-image: radial-gradient(at 50% bottom, rgba(0, 88, 219, .14), rgba(0, 88, 219, 0));
    box-shadow: 0 6px 20px -13px #0057da
}

.uk-navbar-nav>li.uk-active>form::before {
    left: var(--uk-navbar-nav-item-line-margin-horizontal);
    right: var(--uk-navbar-nav-item-line-margin-horizontal)
}

.uk-navbar-nav>li>form[aria-expanded=true] .uk-navbar-parent-icon {
    transform: rotateX(180deg)
}
@media (min-width: 960px) {
    .uk-navbar-primary .uk-navbar-nav>li>form {
        padding-left: 30px;
        padding-right: 30px
    }
}

.uk-dark .uk-navbar-nav>li>form {
    color: rgba(0, 0, 0, .5)
}

.uk-dark .uk-navbar-nav>li>form::before {
    background-color: transparent
}

.uk-dark .uk-navbar-nav>li>form::before {
    background-image: none
}

.uk-dark .uk-navbar-nav>li:hover>form,
.uk-dark .uk-navbar-nav>li>form[aria-expanded=true] {
    color: rgba(0, 0, 0, .7)
}

.uk-dark .uk-navbar-nav>li:hover>form::before,
.uk-dark .uk-navbar-nav>li>form[aria-expanded=true]::before {
    background-color: rgba(0, 0, 0, .12)
}

.uk-dark .uk-navbar-nav>li>form:active {
    color: #000
}

.uk-dark .uk-navbar-nav>li>form:active::before {
    background-color: rgba(0, 0, 0, .12)
}

.uk-dark .uk-navbar-nav>li.uk-active>form {
    color: #000
}

.uk-dark .uk-navbar-nav>li.uk-active>form::before {
    background-color: rgba(0, 0, 0, .12)
}