/* Googlefont Poppins CDN Link             font-family: "Roboto", sans-serif;  font-family: "Open Sans", sans-serif;  font-family: "Montserrat", sans-serif;  font-family: "Inter", sans-serif;*/

  /* Basic Details Form Styles */
  .service-card {
    transition: all 0.3s ease;
    border: 2px solid #e5e7eb;
  }

  .service-card:hover {
    border-color: #0a76c0;
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(10, 118, 192, 0.1);
  }

  .service-card.selected {
    border-color: #0a76c0;
    background-color: #f0f9ff;
  }

  .form-input {
    border: 2px solid #e5e7eb;
    transition: border-color 0.3s ease;
  }

  .form-input:focus {
    border-color: #0a76c0;
    outline: none;
    box-shadow: 0 0 0 3px rgba(10, 118, 192, 0.1);
  }


  @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Kulim+Park:ital,wght@0,200;0,300;0,400;0,600;0,700;1,200;1,300;1,400;1,600;1,700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Outfit:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

  html {
    font-family: "Outfit", sans-serif;
    ;
  }

  * {
    margin: 0;
    padding: 0;
    font-family: "Outfit", sans-serif;
  }




  .gry-cl {
    color: #404040 !important
  }

  h1, h2, h3, h4, h5, h6 {
    font-family: "Outfit", sans-serif;
  }

  p {
    font-family: "Outfit", sans-serif;
  }

  a {
    font-family: "Outfit", sans-serif;
  }

  .text-site-neutrals-500 {
    color: #52606d;
  }

  .site-paragraph-s {
    font-size: .875rem;
    line-height: 1.25rem;
  }

  header .container {
    max-width: 100%;
    margin: auto;
  }

  header .row {
    display: flex;
    flex-wrap: wrap;
  }

  .v-center {
    align-items: center;
  }

  header ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  header a {
    text-decoration: none;
  }

  /* header */
  .header {
    display: block;
    width: 100%;
    position: relative;
    z-index: 99;
    padding: 15px;
  }

  .header .item-left {
    flex: 0 0 17%;
  }

  .header .logo a {
    font-size: 30px;
    color: #000000;
    font-weight: 700;
    text-decoration: none;
  }

  .header .item-center {
    flex: 0 0 66%;
  }

  .header .item-right {
    flex: 0 0 14%;
    display: flex;
    justify-content: flex-end;
  }

  .header .item-right a {
    text-decoration: none;
    font-size: 16px;
    color: #555555;
    display: inline-block;
    margin-left: 10px;
    transition: color 0.3s ease;
  }

  .header .menu>ul>li {
    display: inline-block;
    line-height: 50px;
    margin-left: 25px;
    margin-right: 25px
  }

  .ca-usa {
    line-height: 0px !important;
    margin-right: 0px !important
  }


  .header .menu>ul>li>a {
    font-size: 1rem;
    font-weight: 600;
    color: #1b1f22;
    position: relative;
    text-transform: capitalize;
    transition: color 0.3s ease;
    display: flex;
    align-items: center;
  }

  .header .menu>ul>li>a i {
    margin-top: 6px;
    margin-left: 8px;
  }

  .header .menu>ul>li .sub-menu {
    position: absolute;
    z-index: 500;
    background-color: #ffffff;
    box-shadow: 0px 2px 10px -5px rgba(0, 0, 0, 0.3);
    padding: 20px 30px;
    transition: all 0.5s ease;
    margin-top: 25px;
    opacity: 0;
    visibility: hidden;
  }

  @media(min-width: 992px) {
    .header .menu>ul>li.menu-item-has-children:hover .sub-menu {
      margin-top: 0;
      visibility: visible;
      opacity: 1;
    }
  }

  .header .menu>ul>li .sub-menu>ul>li {
    line-height: 1;
  }

  .header .menu>ul>li .sub-menu>ul>li>a {
    display: inline-block;
    padding: 10px 0;
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 500;
    color: #3d4751;
    font-family: "Outfit", sans-serif;
    transition: color 0.3s ease;
  }

  .header .menu>ul>li .sub-menu>ul>li>a:hover {
    text-decoration-line: underline;
  }

  .header .menu>ul>li .single-column-menu {
    min-width: 280px;
    max-width: 350px;
  }

  /* Hover functionality for nested submenus within mega menu */
  .header .menu>ul>li .sub-menu.mega-menu .list-item ul li.menu-item-has-children {
    position: relative;
  }

  .header .menu>ul>li .sub-menu.mega-menu .list-item ul li.menu-item-has-children .sub-menu {
    position: absolute;
    left: 90%;
    top: 0;
    visibility: hidden;
    opacity: 0;
    margin-top: 0;
    transition: all 0.3s ease;
    z-index: 600;
    background-color: #ffffff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    padding: 0;
    min-width: 250px;
  }

  .header .menu>ul>li .sub-menu.mega-menu .list-item ul li.menu-item-has-children:hover .sub-menu {
    visibility: visible;
    opacity: 1;
  }

  /* Style the nested submenu items */
  .header .menu>ul>li .sub-menu.mega-menu .list-item ul li.menu-item-has-children .sub-menu ul li a {
    display: block;
    padding: 8px 20px;
    color: #333;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.3s ease;
  }

  .header .menu>ul>li .sub-menu.mega-menu .list-item ul li.menu-item-has-children .sub-menu ul li a:hover {
    background-color: #f8f9fa;
    color: #00a266;
  }

  .header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li {
    line-height: 1;
    display: block;
  }

  .header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a {
    padding: 0px 0;
    display: inline-block;
    font-size: 1rem;
    line-height: 2.2rem;
    font-weight: 500;
    color: #141516;
    font-family: "Outfit", sans-serif;
    transition: color 0.3s ease;
  }

  .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.subhed a {
    line-height: 1.2rem;
    margin-bottom: 2.5vh
  }

  .header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a:hover {
    text-decoration-line: underline;
  }

  .header .menu>ul>li .sub-menu.mega-menu {
    left: 50%;
    transform: translateX(-50%);
  }

  .header .menu>ul>li .sub-menu.mega-menu-column-4 {
    max-width: 100%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 30px 0px 0px 0px;
  }

  /* .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item {
    flex: 0 0 22%;
  }

  .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.ist-item {
    flex: 0 0 18%;
  } */

  .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.logo {
    flex: 0 0 14%;
  }


  .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.subhed {
    flex: 0 0 30%;
  }

  .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item .title {
    padding: 0px 0;
    color: #687580;
    font-size: .9rem;
    font-weight: 500;
    align-items: center;
    text-transform: uppercase;
  }

  .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item .title span.id-col {
    font-weight: 800;
    font-size: 1.2rem;
    margin-left: 7px
  }

  .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item .de-v:before {
    --tw-content: "";
    content: "";
  }

  .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item .de-v:before {
    content: "";
    --tw-bg-opacity: 1;
    background-color: #00a266;
  }

  .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item .de-v:before {
    content: "";
    border-radius: .125rem;
  }

  .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item .de-v:before {
    content: "";
    width: .3rem;
    display: inline-block;
    height: .5rem;
  }

  .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item .de-v span {
    margin-left: 10px
  }


  .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.text-center .title {
    text-align: center;
  }

  .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item img {
    max-width: 75%;
    width: 75%;
    vertical-align: middle;
    margin-top: 5px;
    height: auto;
    object-fit: cover;
  }

  .header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a:hover,
  .header .menu>ul>li .sub-menu>ul>li>a:hover,
  .header .item-right a:hover,
  .header .menu>ul>li:hover>a {
    color: #00a266;
  }

  .header .menu a.active {
    color: #00a266 !important;
  }

  .\32xl\:pr-\[calc\(\(100vw-108rem\)\/2\)\] {
    padding-right: calc((100vw - 115rem) / 2) !important;
  }




  /**/


  /**/











  /* banner section */
  .banner-section {
    background-image: url('../img/banner.jpg');
    background-size: cover;
    background-position: center;
    height: 700px;
    width: 100%;
    display: block;
  }

  .mobile-menu-head,
  .mobile-menu-trigger {
    display: none;
  }

  /*responsive*/
  @media(max-width: 991px) {

    .header .item-center {
      order: 3;
      flex: 0 0 50%;
    }

    .header .item-left,
    .header .item-right {
      flex: 0 0 auto;
    }

    .v-center {
      justify-content: space-between;
    }

    .header .mobile-menu-trigger {
      display: flex;
      height: 30px;
      width: 30px;
      margin-left: 15px;
      cursor: pointer;
      align-items: center;
      justify-content: center;
      float: right;
    }

    .header .mobile-menu-trigger span {
      display: block;
      height: 2px;
      background-color: #333333;
      width: 24px;
      position: relative;
    }

    .header .mobile-menu-trigger span:before,
    .header .mobile-menu-trigger span:after {
      content: '';
      position: absolute;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #333333;
    }

    .header .mobile-menu-trigger span:before {
      top: -6px;
    }

    .header .mobile-menu-trigger span:after {
      top: 6px;
    }

    .header .item-right {
      align-items: center;
    }

    .header .menu {
      position: fixed;
      width: 100%;
      background-color: #ffffff;
      left: 0;
      top: 0;
      height: 100vh;
      overflow: hidden;
      transform: translate(-100%);
      transition: all 0.5s ease;
      z-index: 1099;
    }

    .ca-usa button {
      width: 100%;
      border-radius: 0 !important;
      padding: 0px !important;
    }

    .header .menu>ul>.ca-usa>a {
      padding: 0 0px 0 0px;
    }

    .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.subhed .cp-div {
      border-right: 0px solid #d5d5d5 !important;
    }

    .header .menu.active {
      transform: translate(0%);
    }

    .header .menu>ul>li {
      line-height: 1;
      margin: 0;
      display: block;
    }

    .header .menu>ul>li>a {
      line-height: 50px;
      height: 50px;
      padding: 0 50px 0 15px;
      display: block;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .header .menu>ul>li>a i {
      position: absolute;
      height: 50px;
      width: 50px;
      top: 0;
      right: 0;
      text-align: center;
      line-height: 50px;
      transform: rotate(-90deg);
    }

    .header .menu .mobile-menu-head {
      display: flex;
      height: 50px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      justify-content: space-between;
      align-items: center;
      position: relative;
      z-index: 501;
      position: sticky;
      background-color: #ffffff;
      top: 0;
    }

    .header .menu .mobile-menu-head .go-back {
      height: 50px;
      width: 50px;
      border-right: 1px solid rgba(0, 0, 0, 0.1);
      cursor: pointer;
      line-height: 50px;
      text-align: center;
      color: #000000;
      font-size: 16px;
      display: none;
    }

    .header .menu .mobile-menu-head.active .go-back {
      display: block;
    }

    .header .menu .mobile-menu-head .current-menu-title {
      font-size: 15px;
      font-weight: 500;
      color: #000000;
    }

    .header .menu .mobile-menu-head .mobile-menu-close {
      height: 50px;
      width: 50px;
      border-left: 1px solid rgba(0, 0, 0, 0.1);
      cursor: pointer;
      line-height: 50px;
      text-align: center;
      color: #000000;
      font-size: 25px;
    }

    .header .menu .menu-main {
      height: 100%;
      overflow-x: hidden;
      overflow-y: auto;
    }

    .header .menu>ul>li .sub-menu.mega-menu,
    .header .menu>ul>li .sub-menu {
      visibility: visible;
      opacity: 1;
      position: absolute;
      box-shadow: none;
      margin: 0;
      padding: 15px;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      padding-top: 65px;
      max-width: none;
      min-width: auto;
      display: none;
      transform: translateX(0%);
      overflow-y: auto;
    }

    .header .menu>ul>li .sub-menu.active {
      display: block;
    }

    @keyframes slideLeft {
      0% {
        opacity: 0;
        transform: translateX(100%);
      }

      100% {
        opacity: 1;
        transform: translateX(0%);
      }
    }

    @keyframes slideRight {
      0% {
        opacity: 1;
        transform: translateX(0%);
      }

      100% {
        opacity: 0;
        transform: translateX(100%);
      }
    }

    .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item img {
      margin-top: 0;
    }

    .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.text-center .title {
      margin-bottom: 20px;
    }

    .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.text-center:last-child .title {
      margin-bottom: 0px;
    }

    .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item {
      flex: 0 0 100%;
      padding: 0px;
    }

    .header .menu>ul>li .sub-menu>ul>li>a,
    .header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a {
      display: block;
    }

    .header .menu>ul>li .sub-menu.mega-menu>.list-item>ul {
      margin-bottom: 15px;
    }

    .menu-overlay {
      position: fixed;
      background-color: rgb(10 118 192 / 32%);
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 1098;
      visibility: hidden;
      opacity: 0;
      transition: all 0.5s ease;
    }

    .menu-overlay.active {
      visibility: visible;
      opacity: 1;
    }
  }

  nav.menu {
    float: right;
  }

  nav.menu .menu-main {
    text-align: left;
  }



  .subhed h5 {
    font-size: 1.2rem !important;
    color: #3d4751 !important;
    line-height: 25px;
    font-weight: 500 !important;
    padding: 6px 0;
  }

  .subhed h5:hover {
    color: #00a266 !important;
    text-decoration-line: underline;
  }

  .subhed h5.active {
    color: #00a266 !important;
  }


  .subhed p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 1rem;
  }

  .subhed .cp-img {
    display: block;
    margin: auto;
    float: left;
    width: 10%;
  }

  .subhed .cp-text {
    display: block;
    margin: auto;
    float: left;
    width: 90%;
    padding-right: 30px;
  }

  .cp-div {
    border-right: 1px solid #0a76c0;
    display: block;
    float: left;
    margin: auto;
    height: auto;
    width: auto;
  }

  .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item a>code {
    margin-right: 10px;
    font-size: 12px;
    display: none;
  }

  .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.subhed .cp-div {
    border-right: 0px solid #d5d5d5;
  }


  .menu-item-has-children .sub-menu a>code {
    margin-right: 10px;
    font-size: 12px;
    display: none;
  }


  .subhed {
    background: #f6f7f8;
  }



  .slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 1s ease-in-out, transform 1s ease-in-out;
    transform: scale(1.05);
    z-index: 0;
  }

  .slide.active {
    opacity: 1;
    transform: scale(1);
    z-index: 1;
  }

  .slide-content div {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.8s ease-out;

  }

  .slide.active .slide-content div {
    opacity: 1;
    transform: translateY(0);
  }

  .slide h1 {
    font-size: 4rem !important;
    color: #000000;
    font-weight: 500 !important;
    font-family: "Outfit", sans-serif;
    line-height: 5rem !important;
  }

  .slide h1 strong {
    color: #0279b3 !important;
  }


  .max-w-screen-lg {
    max-width: 1580px !important;
  }

  .max-w-screen-xl {
    max-width: 1020px !important;
  }

  .site-display-2xl {
    font-size: 3rem !important;
    font-weight: 500 !important;
    line-height: 3.375rem !important;
  }


  @media (min-width: 1512px) {
    .site-display-2xl {
      font-size: 4.5rem !important;
      line-height: 5rem !important;
    }

    .lg\:px-20 {
      padding-left: 1rem !important;
      padding-right: 1rem !important;
    }
  }

  @media (min-width: 834px) {
    .site-display-2xl {
      font-size: 4rem !important;
      line-height: 4.75rem !important;
    }
  }

  @media (min-width: 1024px) {
    .lg\:max-w-3xl {
      max-width: 36rem;
    }
  }

  @media (min-width: 1024px) {
    .lg\:max-w-31xl {
      max-width: 36rem !important;
    }
  }

  @media (min-width: 1600px) {
    .site-display-2xl {
      font-size: 4.5rem !important;
      line-height: 4.75rem !important;
    }
  }

  .Font-Play-2xl {
    font-size: 3rem !important;
  }

  .text-\[1\.5rem\] {
    font-size: 1.5rem !important;
  }




  .px-01 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }



  /*

#flip {
  height:100px;
  overflow:hidden;
}

#flip > div > div {
  color:#fff;
  padding:0px 0px;
  height:100px;
  margin-bottom:0px;
  display:inline-block;
}

#flip div:first-child {
  animation: show 10s linear infinite;
}

#flip div div {color: #0a76c0 !important;
}




@keyframes show {
  0% {margin-top:-270px;}
  5% {margin-top:-180px;}
  33% {margin-top:-180px;}
  38% {margin-top:-90px;}
  66% {margin-top:-90px;}
  71% {margin-top:0px;}
  99.99% {margin-top:0px;}
  100% {margin-top:-270px;}
}


@keyframes bg {
  0% {background: #ff0075;}
  3% {background: #0094ff;}
  20% {background: #0094ff;}
  23% {background: #b200ff;}
  40% {background: #b200ff;}
  43% {background: #8BC34A;}
  60% {background: #8BC34A;}
  63% {background: #F44336;}
  80% {background: #F44336;}
  83% {background: #F44336;}
  100% {background: #F44336;}
}

*/


  .mt-407 {
    margin-top: 8rem !important;

  }

  .mt-40 {
    margin-top: 11rem !important;
  }

  .mb-40 {
    margin-bottom: 11rem !important;
  }



  .wordCarousel {}

  .wordCarousel div {
    overflow: hidden;
    position: relative;
    float: left;
    height: 100px;
    padding-top: 10px;
    margin-top: 0px;
  }

  .wordCarousel div li {


    height: 45px;
    margin-bottom: 45px;
    display: block;
  }

  .flip2 {
    -webkit-animation: flip2 10s cubic-bezier(0.23, 1, 0.32, 1.2) infinite;
    animation: flip2 10s cubic-bezier(0.23, 1, 0.32, 1.2) infinite;
  }

  .flip3 {
    -webkit-animation: flip3 12s cubic-bezier(0.23, 1, 0.32, 1.2) infinite;
    animation: flip3 12s cubic-bezier(0.23, 1, 0.32, 1.2) infinite;
  }

  .flip4 {
    -webkit-animation: flip4 14s cubic-bezier(0.23, 1, 0.32, 1.2) infinite;
    animation: flip4 14s cubic-bezier(0.23, 1, 0.32, 1.2) infinite;
  }

  .flip5 {
    -webkit-animation: flip5 16s cubic-bezier(0.23, 1, 0.32, 1.2) infinite;
    animation: flip5 16s cubic-bezier(0.23, 1, 0.32, 1.2) infinite;
  }

  @-webkit-keyframes flip2 {
    0% {
      margin-top: -180px;
    }

    5% {
      margin-top: -90px;
    }

    50% {
      margin-top: -90px;
    }

    55% {
      margin-top: 0px;
    }

    99.99% {
      margin-top: 0px;
    }

    100% {
      margin-top: -180px;
    }
  }

  @keyframes flip2 {
    0% {
      margin-top: -180px;
    }

    5% {
      margin-top: -90px;
    }

    50% {
      margin-top: -90px;
    }

    55% {
      margin-top: 0px;
    }

    99.99% {
      margin-top: 0px;
    }

    100% {
      margin-top: -180px;
    }
  }

  @-webkit-keyframes flip3 {
    0% {
      margin-top: -270px;
    }

    5% {
      margin-top: -180px;
    }

    33% {
      margin-top: -180px;
    }

    38% {
      margin-top: -90px;
    }

    66% {
      margin-top: -90px;
    }

    71% {
      margin-top: 0px;
    }

    99.99% {
      margin-top: 0px;
    }

    100% {
      margin-top: -270px;
    }
  }

  @keyframes flip3 {
    0% {
      margin-top: -270px;
    }

    5% {
      margin-top: -180px;
    }

    33% {
      margin-top: -180px;
    }

    38% {
      margin-top: -90px;
    }

    66% {
      margin-top: -90px;
    }

    71% {
      margin-top: 0px;
    }

    99.99% {
      margin-top: 0px;
    }

    100% {
      margin-top: -270px;
    }
  }

  @-webkit-keyframes flip4 {
    0% {
      margin-top: -360px;
    }

    5% {
      margin-top: -270px;
    }

    25% {
      margin-top: -270px;
    }

    30% {
      margin-top: -180px;
    }

    50% {
      margin-top: -180px;
    }

    55% {
      margin-top: -90px;
    }

    75% {
      margin-top: -90px;
    }

    80% {
      margin-top: 0px;
    }

    99.99% {
      margin-top: 0px;
    }

    100% {
      margin-top: -360px;
    }
  }

  @keyframes flip4 {
    0% {
      margin-top: -360px;
    }

    5% {
      margin-top: -270px;
    }

    25% {
      margin-top: -270px;
    }

    30% {
      margin-top: -180px;
    }

    50% {
      margin-top: -180px;
    }

    55% {
      margin-top: -90px;
    }

    75% {
      margin-top: -90px;
    }

    80% {
      margin-top: 0px;
    }

    99.99% {
      margin-top: 0px;
    }

    100% {
      margin-top: -360px;
    }
  }

  @-webkit-keyframes flip5 {
    0% {
      margin-top: -450px;
    }

    5% {
      margin-top: -360px;
    }

    20% {
      margin-top: -360px;
    }

    25% {
      margin-top: -270px;
    }

    40% {
      margin-top: -270px;
    }

    45% {
      margin-top: -180px;
    }

    60% {
      margin-top: -180px;
    }

    65% {
      margin-top: -90px;
    }

    80% {
      margin-top: -90px;
    }

    85% {
      margin-top: 0px;
    }

    99.99% {
      margin-top: 0px;
    }

    100% {
      margin-top: -450px;
    }
  }

  @keyframes flip5 {
    0% {
      margin-top: -450px;
    }

    5% {
      margin-top: -360px;
    }

    20% {
      margin-top: -360px;
    }

    25% {
      margin-top: -270px;
    }

    40% {
      margin-top: -270px;
    }

    45% {
      margin-top: -180px;
    }

    60% {
      margin-top: -180px;
    }

    65% {
      margin-top: -90px;
    }

    80% {
      margin-top: -90px;
    }

    85% {
      margin-top: 0px;
    }

    99.99% {
      margin-top: 0px;
    }

    100% {
      margin-top: -450px;
    }
  }
















  .slide h1 span {
    display: block;
    float: left;
  }

  .slide button {
    margin-top: 3vh;
  }


  .home-logo-wrapper {
    grid-column-gap: 7rem;
    grid-row-gap: 3rem;
    justify-content: flex-start;
    align-items: center;
    margin-top: 1rem;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .home-logo-wrapper.reverse {
    margin-top: 3rem;
  }

  .clients-grid.logo-animate {
    grid-column-gap: 7rem;
    opacity: 1;
    flex: none;
    grid-template-columns: 2fr 2fr 2fr 2fr 2fr 2fr 2fr;
    width: 100rem;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    display: flex;
  }

  .logo-animate {
    animation: slide 35s infinite linear;
  }

  .clients-grid.logo-animate-alt {
    grid-column-gap: 7rem;
    flex: none;
    width: 100rem;
    margin-top: 0;
    margin-left: 0;
    margin-right: auto;
    display: flex;
  }

  .logo-animate-alt {
    animation: slidealt 55s infinite linear;
    animation-direction: reverse;
  }

  /* Animation for the first right to left marquee */
  @keyframes slide {
    0% {
      transform: translateX(calc(0% + 50px));
    }

    100% {
      transform: translateX(-100%);
    }
  }

  .logo-animate {
    animation: slide 55s infinite linear;
    /* Adjust the seconds for a slower or faster animation */
  }

  /* Animation for the second left to right marquee */
  @keyframes slidealt {
    0% {
      transform: translateX(calc(0% + 50px));
    }

    100% {
      transform: translateX(-100%);
    }
  }

  .logo-animate-alt {
    animation: slidealt 55s infinite linear;
    /* Adjust the seconds for a slower or faster animation */
    animation-direction: reverse;
  }






  .carousel-container {
    overflow: hidden;
    padding: 20px 0;
  }

  .carousel-track {
    display: flex;
    transition: transform 0.5s ease-in-out;
  }

  /* Custom min-widths for responsive design */
  @media (min-width: 768px) {
    .carousel-track>div {
      min-width: 50%;
    }
  }

  @media (min-width: 1024px) {
    .carousel-track>div {
      min-width: 33.333%;
    }
  }

  @media (min-width: 1280px) {
    .carousel-track>div {
      min-width: 25%;
    }
  }




  .an-bx {
    position: relative;
    width: 100%;
    text-align: center;
    overflow: hidden;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid #dddddd3b;
  }

  .animated-image {
    width: 40%;
    opacity: 0;
    transform: translateY(-60px);
    animation: imageDownSequence 5s cubic-bezier(0.77, 0, 0.175, 1) infinite;
    margin: auto;
  }

  .animated-text {
    position: absolute;
    width: 100%;
    left: 0;
    top: -30px;
    color: #fff;
    opacity: 0;
    transform: translateY(-60px);
    animation: textSequence 5s cubic-bezier(0.77, 0, 0.175, 1) infinite;
    z-index: 3;
    padding: 15px;
  }

  @keyframes imageDownSequence {
    0% {
      opacity: 0;
      transform: translateY(-60px);
    }

    10% {
      opacity: 1;
      transform: translateY(0px);
    }

    40% {
      opacity: 1;
      transform: translateY(0px);
    }

    50% {
      opacity: 0;
      transform: translateY(0px);
    }

    100% {
      opacity: 0;
      transform: translateY(0px);
    }
  }

  @keyframes textSequence {
    0% {
      opacity: 0;
      transform: translateY(-60px);
    }

    40% {
      opacity: 0;
      transform: translateY(-60px);
    }

    50% {
      opacity: 1;
      transform: translateY(80px);
    }

    80% {
      opacity: 1;
      transform: translateY(80px);
    }

    100% {
      opacity: 0;
      transform: translateY(80px);
    }
  }









  .ap-bg {
    border-radius: 10px;
    padding-left: 5rem !important;
    padding-right: 5rem !important;
    background: #f4f7f9;
    padding: 3rem;
    background-image: linear-gradient(to bottom right, #1c75bb00, #1F95D2),
      /* Gradient overlay */
      url(../images/banner/ftbg.jpg);
    /* Background image */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  .ap-bg .site-paragraph-m {
    color: #fff;
  }


  @media (min-width: 1536px) {
    .\32xl\:text-4xl {
      font-size: 50px !important;
      line-height: 60px !important;
      font-weight: 40 !;
    }
  }


  .bg-primary {
    --bs-bg-opacity: 1;
    background-color: #0a76c0 !important;
  }




  .bg-primary div {
    width: 30hv;
    height: 400px;
  }













  .emblem {
    position: relative;
    left: 0;
    right: 0;
    margin: 2vh auto 13vh;
    width: 20vh;
    height: 20vh;
    border-radius: 50%;
    font-weight: 400;
    color: #000000;
    animation: spinZ 10s linear infinite;
    text-align: center;
  }

  .inner-heading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #030303;
    text-align: center;
  }

  .emblem span {
    position: absolute;
    display: inline-block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    color: #000000;
    text-transform: capitalize;
    font-size: 16px;
    transition: all .5s cubic-bezier(0, 0, 0, 1);
  }

  @keyframes spinZ {
    0% {
      transform: rotateZ(360deg);
    }

    100% {
      transform: rotateZ(0deg);
    }
  }

  .proj-dev span {
    background: #4fddff01;
  }

  .rat-cus span {
    background: #ffffff03;
  }

  .happ-cli span {
    background: #db2b2b01;
  }

  .aw-win span {
    background: #ffb60b01;
  }




  .te-apa i {
    color: rgb(35 154 191);
    font-size: 30px;
  }

  .te-apa i:before {
    font-size: 3vw;
    margin: 0;
  }


  .emblem.proj-dev {
    left: 10vh;
    top: 1vh;
  }

  .emblem.rat-cus {
    left: 10vh;
    top: 1vh;
  }

  .emblem.happ-cli {
    left: 10vh;
    top: 0vh;
  }

  .emblem.aw-win {
    left: 10vh;
    top: 0vh;
  }

  .prodevz .te-apa {
    position: relative;
    top: 1vh;
    background: transparent;
    padding: 0px calc(0px - 0px);
    left: 0vh;
    border: 0px dashed #ddd4d4;
    border-radius: 8px;
  }

  .rtzr .te-apa {
    text-align: center;
    position: relative;
    top: 5vh;
    background: transparent;
    padding: 0px calc(0px - 0px);
    left: -7vh;
    border: 0px dashed #ddd4d4;
    border-radius: 8px;
  }

  .hayypz .te-apa {
    position: relative;
    top: 11vh;
    background: transparent;
    padding: 0px calc(0px - 0px);
    left: -2vh;
    border: 0px dashed #ddd4d4;
    border-radius: 8px;
  }

  .awwa .te-apa {
    position: relative;
    top: 11vh;
    background: transparent;
    padding: 0px calc(0px - 0px);
    left: -3vh;
    border: 0px dashed #ddd4d4;
    border-radius: 8px;
  }

  .te-apa p {
    color: #000 !important;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 1px;
  }


  .a-zivtec {
    border: 0px solid #e1e1e1;
  }

  .next-ch {
    position: relative;
    right: 9vh;
    top: 2vh;
  }


















  .clip-half {
    clip-path: inset(0 50% 0 0);
  }

  .clip-cross {
    clip-path: polygon(0% 0%, 50% 50%, 0% 100%, 100% 100%, 50% 50%, 100% 0%);
  }

  .clip-hexagon {
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
  }

  .clip-leaf {
    clip-path: ellipse(50% 100% at 50% 0);
  }



  .swiper-button-prev::after,
  .swiper-button-next::after {
    display: none;
    /* Hides default Swiper arrows */
  }


  .dev-term {
    margin-top: 6rem;
  }

  .dev-term .dev-terms {
    width: 65%;
  }

  .dev-term .dev-terms p {
    color: rgb(55 65 81 / var(--tw-text-opacity, 1)) !important;
    font-size: 31px;
    line-height: 46px;
    font-family: "Outfit", sans-serif;
  }

  .dev-term .dev-terms img {
    filter: grayscale(100%);
    margin-top: 10px;
  }



  .dev-term .com-dev {
    width: 90%;
  }

  .dev-term .dev-terms span {
    font-weight: 800;
  }















  .bg-white .next-w {
    width: 100%;
  }

  .bg-white .next-w {
    padding-left: 18rem;
    padding-right: 18rem;
  }


  .bg-white .next-w h4.lin-h {
    line-height: 55px;
    font-weight: 500;
    font-size: 3rem;
    width: 65%;
    margin-bottom: 20px;
  }

  .hit-text {
    font-size: 20px;
    line-height: 27px;
    width: 74%;
  }

  .hot-zorroae {
    color: #687580 !important;
    border-right: 4px solid #0a76c0;
    padding-right: 9px;
    text-transform: capitalize;
    font-size: 18px;
    letter-spacing: -1px;
    line-height: 28px;
    margin-top: 3vh;
  }


  .mt-18 {
    padding-top: 9vh;
  }

  .mercy h4 {
    font-size: 2rem;
    line-height: 40px;
    font-weight: 500;
    margin-bottom: 20px;
  }

  .mercy p {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 400;
    color: #000000ab;
  }


  .bg-site-neutrals-25 h2.site-display-l {
    font-size: 3rem;
    line-height: 3.75rem;
    margin-bottom: 1rem;
  }

  p.lang-p {
    color: #687580;
    margin-bottom: 3rem;
  }


  .logos-marquee .clients-grid h4 {
    color: #c2c7cc;
  }

  .logos-marquee .clients-grid h4:hover {
    color: #0a76c0;
  }

  .zivr-div h2 {
    color: #404040;
    font-size: 2.75rem;
    line-height: 3.3rem;
    font-weight: 500;
  }

  .ziv-img img {
    float: left;
    display: block;
    margin-bottom: 0rem !important;
  }

  .ziv-img img.yan {
    width: 80px !important;
  }

  .ziv-img .axa-img {
    width: 100px !important;
    height: 100px !important;
  }



  .ziv-img p {
    color: #000000c7;
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .ziv-img .p-6 {
    padding: 3.5rem;
  }

  .ziv-img span {
    color: #0a76c0;
    font-size: 30px;
  }



  .text-gray-400 {
    --tw-text-opacity: 1;
    color: #7f8993 !important;
  }

  .site-display-l h2 {
    line-height: 55px;
    font-weight: 500;
    font-size: 3rem;

    margin-bottom: 10px;
  }

  .site-display-l h3 {
    line-height: 55px;
    font-weight: 500;
    font-size: 3rem;

    margin-bottom: 5px;
  }


  .w-full-70 {
    width: 65%;
    margin: auto;
    margin-top: 10vh !important
  }

  .w-full-70 span {
    color: #272e34;
    font-weight: 600;
    line-height: 2rem;
    font-size: 26px;
    text-transform: capitalize;
  }

  .w-full-70 p {
    font-size: 19px;
    margin-top: 1vh;
  }


  .w-full-70 svg path {
    fill: #0a76c0
  }

  .nex-t-Gen svg path {
    fill: #0ebc7a;
  }

  .id-col {
    color: #0a76c0 !important;
  }

  .id-colo {
    color: #0a76c0 !important;
    font-weight: 500;
    font-size: 3rem !important
  }

  .id-col-w {
    color: #fff !important;
  }


  .ceo-spark .spa span {
    color: #ffffff !important;
    letter-spacing: 1px;
    background: #0ebd7a;
    padding: 2px 8px;
  }

  .ceo-spark .spa h4 {
    color: #1b1f22;
    font-weight: 600;
    margin-top: 1vh;
  }

  .ceo-spark .spa p {
    color: #3d4751;
  }

  .ceo-spark .drp-logo {
    position: relative;
    left: 62vh;
    top: -32vh;
  }


  .ceo-spark .drp-logo .h-w {
    height: 5rem;
  }

  .w-b8 {
    width: 90%;
    margin: auto;
    margin-top: 13vh;
  }

  .w-b8 h4 {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }




  .w-img-lo {
    width: 50%;
  }

  .back-bg {
    padding: 80px 6rem;

    color: #fff !important;
  }

  .bg-las {
    background-image: url(../images/banner/ftbg.jpg);

    background-size: cover;
    background-position: top;
    background-attachment: fixed;
  }


  .col-er-or {
    color: #934b1c;
  }

  .gap-30 {
    gap: 7vh;
  }





  .a-zivtec {
    margin-top: 20vh !important;
  }






  @media (min-width: 834px) {
    .mercy h4 {
      font-weight: 500 !important;
    }
  }

  @media (min-width: 834px) {
    @media (min-width: 834px) {
      .mercy h4 {
        font-size: 1.875rem !important;
        line-height: 2.375rem !important;
      }
    }
  }





  .men {
    position: relative;
  }

  .men u {
    text-decoration-line: underline;
    text-underline-offset: 1px !important;
    text-decoration-thickness: 0.0005rem;
    color: #0a76c0;
    text-decoration-color: #75808a !important;
  }

  .men u:hover {
    text-decoration-line: none;
  }



  u {
    text-decoration-line: underline;
    text-underline-offset: 3px !important;
    text-decoration-thickness: 0.25rem;

    text-decoration-color: #0a76c0 !important;


  }

  u:hover {
    text-decoration-thickness: 0.23rem;
    text-decoration-color: #008452 !important;
  }

  p u {
    text-decoration-thickness: 0.00021rem;
    text-underline-offset: 1px !important;
  }

  p u:hover {
    text-decoration-thickness: 0.00021rem;
    text-underline-offset: 1px !important;
  }



  .same .inv {
    display: none;
    font-size: 14px;
  }

  .same:hover .inv {
    display: block;
  }





  /* -	.b-bl-zorroae img{filter: brightness(0) invert(0);}*/

  .b-bl-zorroae p.zorroae-cl {
    color: #000;
    font-size: 26px !important;
    font-weight: 800 !important;
  }



  .arrow-zorroae-bg {
    background: #f3f3f3;
    padding: 5px 18px;
    color: #000000 !important;
    border: 1px solid #ababab;
    border-radius: 50px;
    font-size: 16px;
  }

  .arrow-zorroae-bg:hover {
    background: #0a76c0;
    color: #fff !important;
    border: 1px solid #0a76c0;
  }

  .arrow-zorroae-bg:hover img {
    filter: brightness(0) invert(1);
  }

  .zorro-ae-arrow {
    width: 100%;
    padding-top: 0px !important;
    height: 40px;
    font-size: 2.5vh;
    line-height: 0px;
    padding-bottom: 4px !important;
    padding-left: 30px !important;
    text-align: left;
    padding-right: 30px !important;
    background-color: #f3f3f3 !important;
    color: #000 !important;
    border: 1px solid #ababab;
  }

  .zorro-ae-arrow:hover {
    background-color: #0a76c0 !important;
    color: #fff !important;
    border: 1px solid #0a76c0;
  }

  .ab-zorro-ae {
    color: #fff;
  }

  .motobg {
    background-color: #0a76c0;
    background-image: linear-gradient(to right, #04071c 0%, #020075 100% 100%);
  }



  .moto-tit {
    text-transform: capitalize;
    color: #0a76c0 !important;
    margin-top: 12vh;
  }


  .ever-h2 {
    font-size: 36px;
    line-height: 46px;
    width: 80%;
    color: #404040;
    font-weight: 600;
    margin-top: 5vh;
  }

  .ever-p {
    font-size: 18px;
    line-height: 1.85rem;
    font-weight: 400;
    color: rgb(0 0 0);
  }



  .making-zorroae h4 {
    font-weight: 600;
    line-height: 60px;
    margin-bottom: 4vh;
  }

  .making-zorroae span {
    font-weight: 600;
    line-height: 57px;
    font-size: 47px;
    font-family: "Outfit", sans-serif;
    letter-spacing: 1px;
    color: #272e34;
  }


  .seehow {
    background-color: #0a76c0 !important;
    color: #ffffff !important;
    padding: 12px 30px !important;
    border-radius: 10px !important;
  }

  .seehow img {
    display: block;
    float: left;
    filter: brightness(0) invert(1);
  }


  .call-nw {
    background-color: #0a76c0 !important;
    font-family: Outfit, sans-serif !important;
    font-size: 1.2rem !important;
    font-weight: 500;
    color: #ffffff !important;
    padding: 10px 20px !important;
  }

  .call-nw img {
    display: block;
    float: left;
    filter: brightness(0) invert(1);
  }

  .clip-top-large-circle {
    -webkit-clip-path: ellipse(100% 45% at 50% 50%) !important;
    clip-path: ellipse(100% 45% at 50% 50%) !important;
  }

  .site-paragraph-xl {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }




  [class*=site-display] {
    font-family: Outfit, sans-serif !important;
  }


  @media (min-width: 834px) {
    .site-display-m {
      font-size: 2rem !important;
      line-height: 2.5rem !important;
    }
  }

  @media (min-width: 1512px) {
    .site-display-m {
      font-size: 2.25rem !important;
      line-height: 2.75rem !important;
      text-align: left !important;
    }
  }



  .site-display-m {
    color: #646464 !important
  }


  .brand {
    width: 100%;
    margin-top: 5vh;
  }










  .projectFactsWrap {
    display: flex;
    margin-top: 30px;
    flex-direction: row;
    flex-wrap: wrap;
    background: transparent;
  }

  #projectFacts .fullWidth {
    padding: 0;
  }

  .projectFactsWrap .item {
    width: 48%;
    height: 100%;
    padding: 10px;
    border-left: 1px dashed #ffffff38;
    margin-bottom: 10px;
    margin-right: 7px;
    text-align: center;
  }

  .projectFactsWrap .item p.number {
    font-size: 40px;
    padding: 0;
    font-weight: bold;
  }

  .projectFactsWrap .item p {
    color: rgba(255, 255, 255, 0.8);
    font-size: 18px;
    margin: 0;
    padding: 10px;
  }


  .projectFactsWrap .item span {
    width: 60px;
    background: rgba(255, 255, 255, 0.8);
    height: 0px;
    display: block;
    margin: 0 auto;
  }


  .projectFactsWrap .item i {
    vertical-align: middle;
    color: rgba(255, 255, 255, 0.8);
  }

  .projectFactsWrap .item i::before {
    font-size: 60px;
    margin-left: 0px;
  }


  .projectFactsWrap .item:hover i, .projectFactsWrap .item:hover p {
    color: white;
  }

  .projectFactsWrap .item:hover span {
    background: white;
  }

  @media (max-width: 786px) {
    .projectFactsWrap .item {
      flex: 0 0 50%;
    }
  }



  .art-cle a:hover h4 {
    color: #00a266;
  }

  .art-cle a:hover p {
    color: #000;
  }

  .art-cle a:hover img {
    opacity: .7;
  }



  footer .call-nw {
    background-color: #0a76c0 !important;
    font-family: Outfit, sans-serif !important;
    font-size: 1rem !important;
    font-weight: 500;
    color: #ffffff !important;
    padding: 10px 20px !important;
    margin-left: 15px;
  }



  .text-site-neut-texrals-0 {
    font-size: 20px;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    line-height: 41px;
  }



  .ziv-call h3 {
    color: #737373 !important;
  }

  .ziv-call h3.text-sit-colo {
    color: #272e34 !important;
  }

  .bo-rd-glob {
    border: 1px solid #e7e7e7;
    padding: 40px 20px;
    margin: 0px;
    border-radius: 5px;
    background: #fbfbfb;
  }

  .bo-rd-glob h4 {
    font-size: 25px;
    font-weight: 600;
    color: #0279b3;
    margin-bottom: 2vh;
  }

  .bo-rd-glob p {
    font-size: 16px;
    color: #000;
  }

  .bg-normal {
    padding-bottom: 5vh;
    padding-top: 3rem;
    background-color: rgb(241 241 241) !important;
  }

  .aa-boss {
    color: #272e34;
    font-size: 25px;
    font-weight: 500;
    line-height: 38px;
  }


  .aa-boa {
    text-decoration-color: #0a76c0 !important;
    text-decoration-line: underline !important;
  }


  .de-aa-s {
    background: #3c81bf;
    padding: 32px;
    width: 20.25rem;
    margin-top: 0rem;
    margin-right: 0rem;
  }

  .skill-aa {
    color: #fff;
    font-size: 19px;
    line-height: 28px;
  }

  .aa-skill {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    text-align: center;
  }

  .bg-site-neutrals-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(217 220 223 / var(--tw-bg-opacity));
  }











  .ziv-call .mat-50 {
    margin-top: 5vh;
  }







  /* -------------------- ABOUT -------------------- */
  .proce-aebg1 {
    cursor: pointer;
    background-image: linear-gradient(to right, #209be9 0%, #104587 100% 100%);
  }

  .proce-aebg2 {
    cursor: pointer;
    background-image: linear-gradient(to right, #f16000 0%, #ff930e 100% 100%);
  }

  .proce-aebg3 {
    cursor: pointer;
    background-image: linear-gradient(to right, #1bda92 0%, #00a266 100% 100%);
  }

  .hove-bg-bg1:hover .big-trio {
    background: #209be9;
  }

  .hove-bg-bg1:hover .big-trio i::before {
    color: #fff;
  }

  .hove-bg-bg2:hover .big-trio {
    background: #ff930e;
  }

  .hove-bg-bg2:hover .big-trio i::before {
    color: #fff;
  }

  .hove-bg-bg3:hover .big-trio {
    background: #1bda92;
  }

  .hove-bg-bg3:hover .big-trio i::before {
    color: #fff;
  }

  .proce-zorroae i::before {
    font-size: 60px;
    margin-left: 0px;
    color: #fff;
  }

  .big-trio {
    cursor: pointer;
  }

  .big-trio:hover {
    background: #36bafe
  }

  .big-trio i::before {
    font-size: 60px;
    margin-left: 0px;
    color: #000;
  }

  .big-trio:hover i::before {
    color: #fff;
  }

  .hove-bg-bg1 .big-trio i::before {
    color: #209be9;
  }

  .hove-bg-bg2 .big-trio i::before {
    color: #ff930e;
  }

  .hove-bg-bg3 .big-trio i::before {
    color: #1bda92;
  }

  .gap-15 {
    gap: 10vh;
  }

  .po-log-po {
    position: relative;
  }

  /*
.po-log-po .po-log{    } */

  .hed-tilt {
    font-size: 3rem;
    line-height: 43px;
    font-weight: 500;
    margin-bottom: 1vh;
  }

  .hed-tilt b {
    font-weight: 200;
  }

  .new-tit {
    font-size: 26px !important;
    line-height: 42px !important;
  }

  .prgr-about {
    font-size: 17px !important;
    ;
    font-family: "Outfit", sans-serif !important;
    line-height: 24px !important;
  }

  .p-cu-team {
    font-size: 29px;
    line-height: 40px;
    font-weight: 800;
  }



  .grav-4 {
    padding-bottom: 100px;
    padding-top: 100px;
  }

  .grav-4 .w-d-th {
    width: 60%;
    margin: auto;
  }

  .bg-them {
    background-color: rgb(10 118 192);
    background-image: linear-gradient(to right, #04071c 0%, #020075 100% 100%);
    border-radius: 0px !important;
  }


  .bg-them .txt-alig {
    text-align: center;
    width: 60%;
    margin: auto;
  }

  .bg-them .txt-alig button img {
    filter: brightness(0) invert(0);
    float: right;
    margin-left: 20px;
  }

  .cl-nw {
    background-color: #fff !important;
    color: #0a76c0 !important;
    padding: 12px 30px !important;
    border-radius: 50px !important;
  }



  .clintes-sc {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .clintes-sc .container {
    margin: auto;
    max-width: 1440px;
    overflow-x: scroll;
    white-space: nowrap;
    background-color: #fff;
    display: flex;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .clintes-sc .scroll-disabler {
    width: 100vw;
    height: 450px;
    position: absolute;
  }



  .clintes-sc article {
    min-width: 200px;
    height: auto;
    padding: 1rem;
  }

  .clintes-sc article .wrapper {
    padding: 1rem;
    background-color: #fff;
    height: 100%;
  }

  .clintes-sc article .img {
    /* optional */
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3rem;
    font-weight: bold;
    color: #fff;
  }






  /* -------------------- SOLUTIONS -------------------- */

  .solution p {
    font-family: "Outfit", sans-serif !important;
  }

  .solution h1 {
    line-height: 50px !important;
    font-size: 38px !important;
    font-weight: 600 !important;
    font-family: "Outfit", sans-serif !important;
  }

  .mr-right {
    margin-right: 6vh;
  }

  .mr-right h2 {
    font-size: 24px !important;
    line-height: 36px !important;
    font-family: "Outfit", sans-serif !important;
  }

  .mr-ri-ght h4 {
    font-size: 24px !important;
    line-height: 36px !important;
    font-family: "Outfit", sans-serif !important;
  }

  .app-rera p.buil-app-ziv {
    line-height: 34px;
    font-weight: 500;
    font-size: 30px;
    margin-bottom: 20px;
    width: 60%;
  }

  .app-rera p.buil-app {
    font-size: 20px !important;
    line-height: 25px !important;
  }


  .border-gri {
    --bs-border-opacity: 1;
    border-color: rgb(215 210 210) !important;
  }

  .key-solu-tion h2 {
    line-height: 50px !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    font-family: "Outfit", sans-serif !important;
  }

  .key-solu-tion p {
    font-family: "Outfit", sans-serif !important;
  }

  .tit-buott {
    font-size: 22px !important;
  }








  /* -------------------- CONTACT US -------------------- */

  .pad-left-ba-text {
    padding-left: 20vh !important;
  }

  .marg-top-ba-imag {
    margin-top: 6vh !important;
    height: 27.5rem !important;
  }

  .marg-top-ba-imag img {
    height: 27.5rem !important;
  }

  .div-w-cont {
    width: 50%;
    display: block;
    float: left;
    margin: auto;
  }



  .con-sect-ion {
    position: relative;
  }

  .landing_page .responsive-container-block {
    height: fit-content;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    justify-content: flex-start;
  }

  .con-sect-ion .tent-box {
    margin-bottom: 5vh;
  }

  .con-sect-ion .content-box {
    margin-bottom: 5vh;
  }

  .landing_page .text-blk {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    line-height: 25px;
  }

  .landing_page .responsive-cell-block {
    min-height: 75px;
  }

  .landing_page .responsive-container-block.container {
    margin-top: 60px;
    margin-right: auto;
    margin-bottom: 60px;
    margin-left: auto;
    position: relative;
  }

  .landing_page .responsive-container-block.container.hukjl {
    padding: 0;
  }

  .landing_page .responsive-container-block.container.cfgvbh {
    margin-bottom: 15vh;
  }

  .landing_page .form-box {
    background-color: #ffffff;
    color: rgb(0, 0, 0);
    padding-top: 35px;
    padding-right: 33px;
    padding-bottom: 35px;
    padding-left: 33px;
  }

  .landing_page .text-blk.contactus-head {
    font-size: 30px;
    line-height: 40px;
  }

  .landing_page .text-blk.contactus-subhead {
    color: #000;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 18px;
    margin-left: 0px;
  }

  .landing_page .input {
    width: 100%;
    height: 50px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 18px;
    padding-top: 1px;
    padding-right: 125px;
    padding-bottom: 1px;
    padding-left: 22.5px;
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-top-color: #767676;
    border-right-color: #767676;
    border-bottom-color: #767676;
    border-left-color: #767676;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    background-color: transparent;
    padding: 1px 12.5px 1px 22.5px;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
  }

  .landing_page .textinput {
    width: 100%;
    height: 233px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
    font-size: 18px;
    padding-top: 22px;
    padding-right: 22px;
    padding-bottom: 22px;
    padding-left: 22px;
    background-color: transparent;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-top-color: #767676;
    border-right-color: #767676;
    border-bottom-color: #767676;
    border-left-color: #767676;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
  }

  .landing_page .submit-btn {
    width: 100%;
    height: 56px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: #096caf;
    font-size: 18px;
    font-weight: 600;
    color: white;
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-top-color: #146132;
    border-right-color: #146132;
    border-bottom-color: #146132;
    border-left-color: #146132;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
  }

  .landing_page .responsive-cell-block.wk-tab-12.wk-mobile-12.wk-desk-6.wk-ipadp-6.emial {
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-left: 0px;
  }

  .landing_page .responsive-cell-block.wk-ipadp-6.wk-tab-12.wk-mobile-12.wk-desk-6.right-one {
    display: flex;
    justify-content: center;
  }

  .landing_page .responsive-cell-block.wk-desk-6.wk-ipadp-6.wk-tab-12.wk-mobile-12.left-one {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: rgb(0, 0, 0);
  }

  .landing_page .text-blk.section-subhead {
    margin-bottom: 30px;
    font-size: 18px;
    color: #000000;
    line-height: 28px;
    font-family: "Outfit", sans-serif;
  }

  .landing_page .text-blk.section-subhead a {
    margin-right: 9px;
    border: 1px solid #ccc;
    padding: 9px 12px;
  }

  .landing_page .text-blk.section-head {
    font-size: 30px;
    line-height: 35px;
    font-weight: 800;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 0px;
  }

  .landing_page .icons-container {
    display: block;
  }

  .landing_page h3 {
    font-size: 25px;
    margin-bottom: 2vh;
  }

  .landing_page .icons-container h3 {
    font-size: 25px;
    margin-bottom: 2vh;
  }

  .landing_page .icons-container a {
    margin-right: 10px;
  }

  .landing_page .img {
    width: 31px;
    height: 31px;
  }

  .landing_page .responsive-container-block.big-container {
    padding-top: 0px;
    padding-right: 50px;
    padding-bottom: 0px;
    padding-left: 50px;
    position: relative;
  }

  .landing_page .bg-img {
    width: 100%;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    height: 100%;
    opacity: 0.5;
    object-fit: cover;
  }

  @media (max-width: 768px) {
    .landing_page .responsive-cell-block.wk-desk-6.wk-ipadp-6.wk-tab-12.wk-mobile-12.left-one {
      justify-content: center;
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 30px;
      margin-left: 0px;
    }

    .landing_page .responsive-cell-block.wk-tab-12.wk-mobile-12.wk-desk-6.wk-ipadp-6.emial {
      padding-top: 0px;
      padding-right: 0px;
      padding-bottom: 0px;
      padding-left: 0px;
    }

    .landing_page .responsive-cell-block.wk-desk-6.wk-ipadp-6.wk-tab-12.wk-mobile-12.left-one {
      margin: 0 0 40px 0;
    }
  }

  @media (max-width: 500px) {
    .landing_page .text-blk.section-head {
      font-size: 26px;
      line-height: 40px;
    }

    .landing_page .responsive-container-block.big-container {
      padding-top: 0px;
      padding-right: 20px;
      padding-bottom: 0px;
      padding-left: 20px;
    }

    .landing_page .text-blk.section-subhead {
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 30px;
      margin-left: 0px;
      font-size: 16px;
    }

    .landing_page .form-box {
      padding-top: 30px;
      padding-right: 15px;
      padding-bottom: 30px;
      padding-left: 15px;
    }

    .landing_page .responsive-cell-block.wk-desk-6.wk-ipadp-6.wk-tab-12.wk-mobile-12.left-one {
      margin: 0 0 30px 0;
    }

    .landing_page .input {
      height: 45px;
    }

    .landing_page .text-blk.contactus-head {
      font-size: 24px;
      line-height: 34px;
    }
  }











  /*DIVACE REX */

  .wk-desk-1 {
    width: 8.333333%;
  }

  .wk-desk-2 {
    width: 16.666667%;
  }

  .wk-desk-3 {
    width: 25%;
  }

  .wk-desk-4 {
    width: 33.333333%;
  }

  .wk-desk-5 {
    width: 41.666667%;
  }

  .wk-desk-6 {
    width: 50%;
  }

  .wk-desk-7 {
    width: 58.333333%;
  }

  .wk-desk-8 {
    width: 66.666667%;
  }

  .wk-desk-9 {
    width: 75%;
  }

  .wk-desk-10 {
    width: 83.333333%;
  }

  .wk-desk-11 {
    width: 91.666667%;
  }

  .wk-desk-12 {
    width: 100%;
  }

  @media (max-width: 1024px) {
    .wk-ipadp-1 {
      width: 8.333333%;
    }

    .wk-ipadp-2 {
      width: 16.666667%;
    }

    .wk-ipadp-3 {
      width: 25%;
    }

    .wk-ipadp-4 {
      width: 33.333333%;
    }

    .wk-ipadp-5 {
      width: 41.666667%;
    }

    .wk-ipadp-6 {
      width: 50%;
    }

    .wk-ipadp-7 {
      width: 58.333333%;
    }

    .wk-ipadp-8 {
      width: 66.666667%;
    }

    .wk-ipadp-9 {
      width: 75%;
    }

    .wk-ipadp-10 {
      width: 83.333333%;
    }

    .wk-ipadp-11 {
      width: 91.666667%;
    }

    .wk-ipadp-12 {
      width: 100%;
    }
  }

  @media (max-width: 768px) {
    .wk-tab-1 {
      width: 8.333333%;
    }

    .wk-tab-2 {
      width: 16.666667%;
    }

    .wk-tab-3 {
      width: 25%;
    }

    .wk-tab-4 {
      width: 33.333333%;
    }

    .wk-tab-5 {
      width: 41.666667%;
    }

    .wk-tab-6 {
      width: 50%;
    }

    .wk-tab-7 {
      width: 58.333333%;
    }

    .wk-tab-8 {
      width: 66.666667%;
    }

    .wk-tab-9 {
      width: 75%;
    }

    .wk-tab-10 {
      width: 83.333333%;
    }

    .wk-tab-11 {
      width: 91.666667%;
    }

    .wk-tab-12 {
      width: 100%;
    }
  }

  @media (max-width: 500px) {
    .wk-mobile-1 {
      width: 8.333333%;
    }

    .wk-mobile-2 {
      width: 16.666667%;
    }

    .wk-mobile-3 {
      width: 25%;
    }

    .wk-mobile-4 {
      width: 33.333333%;
    }

    .wk-mobile-5 {
      width: 41.666667%;
    }

    .wk-mobile-6 {
      width: 50%;
    }

    .wk-mobile-7 {
      width: 58.333333%;
    }

    .wk-mobile-8 {
      width: 66.666667%;
    }

    .wk-mobile-9 {
      width: 75%;
    }

    .wk-mobile-10 {
      width: 83.333333%;
    }

    .wk-mobile-11 {
      width: 91.666667%;
    }

    .wk-mobile-12 {
      width: 100%;
    }
  }




  .img-respansive {
    width: 100%;
    height: 100%;
  }


  .magic-tech {
    padding-top: 7rem;
    padding-bottom: 4rem;
  }

  .magic {
    width: 100%;
    margin-top: 5vh;
  }

  .magic svg {
    width: 100%;
    height: auto;
  }




  .magic-tech h2 {
    font-weight: 700;
    color: #687580;
    line-height: 42px;
    font-size: 36px;
    ;
  }


  .magic-tech h2 a {
    text-decoration-color: #0a76c0;
  }





  .royal {
    margin-top: -1vh !important
  }












  .scr-cont {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .scr-cont span {
    font-size: 18px;
    text-shadow: -5px 6px 13px #fff;
    height: 140px;
    position: absolute;
    width: 40px;
    top: 30px;
    transform-origin: bottom center;
    text-align: center;
    font-weight: 400;
    background: transparent;
  }

  @keyframes spin1 {
    0% {
      transform: rotate(18deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(377deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch1 {
    transform: rotate(17deg);
    animation: spin1 10s linear infinite;
  }

  @keyframes spin2 {
    0% {
      transform: rotate(34deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(394deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch2 {
    transform: rotate(34deg);
    animation: spin2 10s linear infinite;
  }

  @keyframes spin3 {
    0% {
      transform: rotate(51deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(411deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch3 {
    transform: rotate(51deg);
    animation: spin3 10s linear infinite;
  }

  @keyframes spin4 {
    0% {
      transform: rotate(68deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(428deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch4 {
    transform: rotate(68deg);
    animation: spin4 10s linear infinite;
  }

  @keyframes spin5 {
    0% {
      transform: rotate(85deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(445deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch5 {
    transform: rotate(85deg);
    animation: spin5 10s linear infinite;
  }

  @keyframes spin6 {
    0% {
      transform: rotate(102deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(462deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch6 {
    transform: rotate(102deg);
    animation: spin6 10s linear infinite;
  }

  @keyframes spin7 {
    0% {
      transform: rotate(119deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(479deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch7 {
    transform: rotate(119deg);
    animation: spin7 10s linear infinite;
  }

  @keyframes spin8 {
    0% {
      transform: rotate(136deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(496deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch8 {
    transform: rotate(136deg);
    animation: spin8 10s linear infinite;
  }

  @keyframes spin9 {
    0% {
      transform: rotate(153deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(513deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch9 {
    transform: rotate(153deg);
    animation: spin9 10s linear infinite;
  }

  @keyframes spin10 {
    0% {
      transform: rotate(170deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(530deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch10 {
    transform: rotate(170deg);
    animation: spin10 10s linear infinite;
  }

  @keyframes spin11 {
    0% {
      transform: rotate(187deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(547deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch11 {
    transform: rotate(187deg);
    animation: spin11 10s linear infinite;
  }

  @keyframes spin12 {
    0% {
      transform: rotate(204deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(564deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch12 {
    transform: rotate(204deg);
    animation: spin12 10s linear infinite;
  }

  @keyframes spin13 {
    0% {
      transform: rotate(221deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(581deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch13 {
    transform: rotate(221deg);
    animation: spin13 10s linear infinite;
  }

  @keyframes spin14 {
    0% {
      transform: rotate(238deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(598deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch14 {
    transform: rotate(238deg);
    animation: spin14 10s linear infinite;
  }

  @keyframes spin15 {
    0% {
      transform: rotate(255deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(615deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch15 {
    transform: rotate(255deg);
    animation: spin15 10s linear infinite;
  }

  @keyframes spin16 {
    0% {
      transform: rotate(272deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(632deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch16 {
    transform: rotate(272deg);
    animation: spin16 10s linear infinite;
  }

  @keyframes spin17 {
    0% {
      transform: rotate(289deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(649deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch17 {
    transform: rotate(289deg);
    animation: spin17 10s linear infinite;
  }

  @keyframes spin18 {
    0% {
      transform: rotate(306deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(666deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch18 {
    transform: rotate(306deg);
    animation: spin18 10s linear infinite;
  }

  @keyframes spin19 {
    0% {
      transform: rotate(323deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(683deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch19 {
    transform: rotate(323deg);
    animation: spin19 10s linear infinite;
  }

  @keyframes spin20 {
    0% {
      transform: rotate(340deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(700deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch20 {
    transform: rotate(340deg);
    animation: spin20 10s linear infinite;
  }

  @keyframes spin21 {
    0% {
      transform: rotate(357deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(717deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch21 {
    transform: rotate(357deg);
    animation: spin21 10s linear infinite;
  }

  @keyframes spin22 {
    0% {
      transform: rotate(374deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(734deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch22 {
    transform: rotate(374deg);
    animation: spin22 10s linear infinite;
  }

  @keyframes spin23 {
    0% {
      transform: rotate(391deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(751deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch23 {
    transform: rotate(391deg);
    animation: spin23 10s linear infinite;
  }

  @keyframes spin24 {
    0% {
      transform: rotate(408deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(768deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch24 {
    transform: rotate(408deg);
    animation: spin24 10s linear infinite;
  }

  @keyframes spin25 {
    0% {
      transform: rotate(425deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(785deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch25 {
    transform: rotate(425deg);
    animation: spin25 10s linear infinite;
  }

  @keyframes spin26 {
    0% {
      transform: rotate(442deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(802deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch26 {
    transform: rotate(442deg);
    animation: spin26 10s linear infinite;
  }

  @keyframes spin27 {
    0% {
      transform: rotate(459deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(819deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch27 {
    transform: rotate(459deg);
    animation: spin27 10s linear infinite;
  }

  @keyframes spin28 {
    0% {
      transform: rotate(476deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(836deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch28 {
    transform: rotate(476deg);
    animation: spin28 10s linear infinite;
  }

  @keyframes spin29 {
    0% {
      transform: rotate(493deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(853deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch29 {
    transform: rotate(493deg);
    animation: spin29 10s linear infinite;
  }

  @keyframes spin30 {
    0% {
      transform: rotate(510deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(870deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch30 {
    transform: rotate(510deg);
    animation: spin30 10s linear infinite;
  }

  @keyframes spin31 {
    0% {
      transform: rotate(527deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(887deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch31 {
    transform: rotate(527deg);
    animation: spin31 10s linear infinite;
  }

  @keyframes spin32 {
    0% {
      transform: rotate(544deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(904deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch32 {
    transform: rotate(544deg);
    animation: spin32 10s linear infinite;
  }

  @keyframes spin33 {
    0% {
      transform: rotate(561deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(921deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch33 {
    transform: rotate(561deg);
    animation: spin33 10s linear infinite;
  }

  @keyframes spin34 {
    0% {
      transform: rotate(578deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(938deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch34 {
    transform: rotate(578deg);
    animation: spin34 10s linear infinite;
  }

  @keyframes spin35 {
    0% {
      transform: rotate(595deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(955deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch35 {
    transform: rotate(595deg);
    animation: spin35 10s linear infinite;
  }

  @keyframes spin36 {
    0% {
      transform: rotate(612deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(972deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch36 {
    transform: rotate(612deg);
    animation: spin36 10s linear infinite;
  }

  @keyframes spin37 {
    0% {
      transform: rotate(629deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(989deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch37 {
    transform: rotate(629deg);
    animation: spin37 10s linear infinite;
  }

  @keyframes spin38 {
    0% {
      transform: rotate(646deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1006deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch38 {
    transform: rotate(646deg);
    animation: spin38 10s linear infinite;
  }

  @keyframes spin39 {
    0% {
      transform: rotate(663deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1023deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch39 {
    transform: rotate(663deg);
    animation: spin39 10s linear infinite;
  }

  @keyframes spin40 {
    0% {
      transform: rotate(680deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1040deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch40 {
    transform: rotate(680deg);
    animation: spin40 10s linear infinite;
  }

  @keyframes spin41 {
    0% {
      transform: rotate(697deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1057deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch41 {
    transform: rotate(697deg);
    animation: spin41 10s linear infinite;
  }

  @keyframes spin42 {
    0% {
      transform: rotate(714deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1074deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch42 {
    transform: rotate(714deg);
    animation: spin42 10s linear infinite;
  }

  @keyframes spin43 {
    0% {
      transform: rotate(731deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1091deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch43 {
    transform: rotate(731deg);
    animation: spin43 10s linear infinite;
  }

  @keyframes spin44 {
    0% {
      transform: rotate(748deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1108deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch44 {
    transform: rotate(748deg);
    animation: spin44 10s linear infinite;
  }

  @keyframes spin45 {
    0% {
      transform: rotate(765deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1125deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch45 {
    transform: rotate(765deg);
    animation: spin45 10s linear infinite;
  }

  @keyframes spin46 {
    0% {
      transform: rotate(782deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1142deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch46 {
    transform: rotate(782deg);
    animation: spin46 10s linear infinite;
  }

  @keyframes spin47 {
    0% {
      transform: rotate(799deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1159deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch47 {
    transform: rotate(799deg);
    animation: spin47 10s linear infinite;
  }

  @keyframes spin48 {
    0% {
      transform: rotate(816deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1176deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch48 {
    transform: rotate(816deg);
    animation: spin48 10s linear infinite;
  }

  @keyframes spin49 {
    0% {
      transform: rotate(833deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1193deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch49 {
    transform: rotate(833deg);
    animation: spin49 10s linear infinite;
  }

  @keyframes spin50 {
    0% {
      transform: rotate(850deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1210deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch50 {
    transform: rotate(850deg);
    animation: spin50 10s linear infinite;
  }

  @keyframes spin51 {
    0% {
      transform: rotate(867deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1227deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch51 {
    transform: rotate(867deg);
    animation: spin51 10s linear infinite;
  }

  @keyframes spin52 {
    0% {
      transform: rotate(884deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1244deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch52 {
    transform: rotate(884deg);
    animation: spin52 10s linear infinite;
  }

  @keyframes spin53 {
    0% {
      transform: rotate(901deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1261deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch53 {
    transform: rotate(901deg);
    animation: spin53 10s linear infinite;
  }

  @keyframes spin54 {
    0% {
      transform: rotate(918deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1278deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch54 {
    transform: rotate(918deg);
    animation: spin54 10s linear infinite;
  }

  @keyframes spin55 {
    0% {
      transform: rotate(935deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1295deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch55 {
    transform: rotate(935deg);
    animation: spin55 10s linear infinite;
  }

  @keyframes spin56 {
    0% {
      transform: rotate(952deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1312deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch56 {
    transform: rotate(952deg);
    animation: spin56 10s linear infinite;
  }

  @keyframes spin57 {
    0% {
      transform: rotate(969deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1329deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch57 {
    transform: rotate(969deg);
    animation: spin57 10s linear infinite;
  }

  @keyframes spin58 {
    0% {
      transform: rotate(986deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1346deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch58 {
    transform: rotate(986deg);
    animation: spin58 10s linear infinite;
  }

  @keyframes spin59 {
    0% {
      transform: rotate(1003deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1363deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch59 {
    transform: rotate(1003deg);
    animation: spin59 10s linear infinite;
  }

  @keyframes spin60 {
    0% {
      transform: rotate(1020deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1380deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch60 {
    transform: rotate(1020deg);
    animation: spin60 10s linear infinite;
  }

  @keyframes spin61 {
    0% {
      transform: rotate(1037deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1397deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch61 {
    transform: rotate(1037deg);
    animation: spin61 10s linear infinite;
  }

  @keyframes spin62 {
    0% {
      transform: rotate(1054deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1414deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch62 {
    transform: rotate(1054deg);
    animation: spin62 10s linear infinite;
  }

  @keyframes spin63 {
    0% {
      transform: rotate(1071deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1431deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch63 {
    transform: rotate(1071deg);
    animation: spin63 10s linear infinite;
  }

  @keyframes spin64 {
    0% {
      transform: rotate(1088deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1448deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch64 {
    transform: rotate(1088deg);
    animation: spin64 10s linear infinite;
  }

  @keyframes spin65 {
    0% {
      transform: rotate(1105deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1465deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch65 {
    transform: rotate(1105deg);
    animation: spin65 10s linear infinite;
  }

  @keyframes spin66 {
    0% {
      transform: rotate(1122deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1482deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch66 {
    transform: rotate(1122deg);
    animation: spin66 10s linear infinite;
  }

  @keyframes spin67 {
    0% {
      transform: rotate(1139deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1499deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch67 {
    transform: rotate(1139deg);
    animation: spin67 10s linear infinite;
  }

  @keyframes spin68 {
    0% {
      transform: rotate(1156deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1516deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch68 {
    transform: rotate(1156deg);
    animation: spin68 10s linear infinite;
  }

  @keyframes spin69 {
    0% {
      transform: rotate(1173deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1533deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch69 {
    transform: rotate(1173deg);
    animation: spin69 10s linear infinite;
  }

  @keyframes spin70 {
    0% {
      transform: rotate(1190deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1550deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch70 {
    transform: rotate(1190deg);
    animation: spin70 10s linear infinite;
  }

  @keyframes spin71 {
    0% {
      transform: rotate(1207deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1567deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch71 {
    transform: rotate(1207deg);
    animation: spin71 10s linear infinite;
  }

  @keyframes spin72 {
    0% {
      transform: rotate(1224deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1584deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch72 {
    transform: rotate(1224deg);
    animation: spin72 10s linear infinite;
  }

  @keyframes spin73 {
    0% {
      transform: rotate(1241deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1601deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch73 {
    transform: rotate(1241deg);
    animation: spin73 10s linear infinite;
  }

  @keyframes spin74 {
    0% {
      transform: rotate(1258deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1618deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch74 {
    transform: rotate(1258deg);
    animation: spin74 10s linear infinite;
  }

  @keyframes spin75 {
    0% {
      transform: rotate(1275deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1635deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch75 {
    transform: rotate(1275deg);
    animation: spin75 10s linear infinite;
  }

  @keyframes spin76 {
    0% {
      transform: rotate(1292deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1652deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch76 {
    transform: rotate(1292deg);
    animation: spin76 10s linear infinite;
  }

  @keyframes spin77 {
    0% {
      transform: rotate(1309deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1669deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch77 {
    transform: rotate(1309deg);
    animation: spin77 10s linear infinite;
  }

  @keyframes spin78 {
    0% {
      transform: rotate(1326deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1686deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch78 {
    transform: rotate(1326deg);
    animation: spin78 10s linear infinite;
  }

  @keyframes spin79 {
    0% {
      transform: rotate(1343deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1703deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch79 {
    transform: rotate(1343deg);
    animation: spin79 10s linear infinite;
  }

  @keyframes spin80 {
    0% {
      transform: rotate(1360deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1720deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch80 {
    transform: rotate(1360deg);
    animation: spin80 10s linear infinite;
  }

  @keyframes spin81 {
    0% {
      transform: rotate(1377deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1737deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch81 {
    transform: rotate(1377deg);
    animation: spin81 10s linear infinite;
  }

  @keyframes spin82 {
    0% {
      transform: rotate(1394deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1754deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch82 {
    transform: rotate(1394deg);
    animation: spin82 10s linear infinite;
  }

  @keyframes spin83 {
    0% {
      transform: rotate(1411deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1771deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch83 {
    transform: rotate(1411deg);
    animation: spin83 10s linear infinite;
  }

  @keyframes spin84 {
    0% {
      transform: rotate(1428deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1788deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch84 {
    transform: rotate(1428deg);
    animation: spin84 10s linear infinite;
  }

  @keyframes spin85 {
    0% {
      transform: rotate(1445deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1805deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch85 {
    transform: rotate(1445deg);
    animation: spin85 10s linear infinite;
  }

  @keyframes spin86 {
    0% {
      transform: rotate(1462deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1822deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch86 {
    transform: rotate(1462deg);
    animation: spin86 10s linear infinite;
  }

  @keyframes spin87 {
    0% {
      transform: rotate(1479deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1839deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch87 {
    transform: rotate(1479deg);
    animation: spin87 10s linear infinite;
  }

  @keyframes spin88 {
    0% {
      transform: rotate(1496deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1856deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch88 {
    transform: rotate(1496deg);
    animation: spin88 10s linear infinite;
  }

  @keyframes spin89 {
    0% {
      transform: rotate(1513deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1873deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch89 {
    transform: rotate(1513deg);
    animation: spin89 10s linear infinite;
  }

  @keyframes spin90 {
    0% {
      transform: rotate(1530deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1890deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch90 {
    transform: rotate(1530deg);
    animation: spin90 10s linear infinite;
  }

  @keyframes spin91 {
    0% {
      transform: rotate(1547deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1907deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch91 {
    transform: rotate(1547deg);
    animation: spin91 10s linear infinite;
  }

  @keyframes spin92 {
    0% {
      transform: rotate(1564deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1924deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch92 {
    transform: rotate(1564deg);
    animation: spin92 10s linear infinite;
  }

  @keyframes spin93 {
    0% {
      transform: rotate(1581deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1941deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch93 {
    transform: rotate(1581deg);
    animation: spin93 10s linear infinite;
  }

  @keyframes spin94 {
    0% {
      transform: rotate(1598deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1958deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch94 {
    transform: rotate(1598deg);
    animation: spin94 10s linear infinite;
  }

  @keyframes spin95 {
    0% {
      transform: rotate(1615deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1975deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch95 {
    transform: rotate(1615deg);
    animation: spin95 10s linear infinite;
  }

  @keyframes spin96 {
    0% {
      transform: rotate(1632deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(1992deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch96 {
    transform: rotate(1632deg);
    animation: spin96 10s linear infinite;
  }

  @keyframes spin97 {
    0% {
      transform: rotate(1649deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(2009deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch97 {
    transform: rotate(1649deg);
    animation: spin97 10s linear infinite;
  }

  @keyframes spin98 {
    0% {
      transform: rotate(1666deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(2026deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch98 {
    transform: rotate(1666deg);
    animation: spin98 10s linear infinite;
  }

  @keyframes spin99 {
    0% {
      transform: rotate(1683deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(2043deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch99 {
    transform: rotate(1683deg);
    animation: spin99 10s linear infinite;
  }

  @keyframes spin100 {
    0% {
      transform: rotate(1700deg);
      font-variation-settings: "wdth"50;
    }

    20% {
      font-variation-settings: "wdth"145;
    }

    30% {
      font-variation-settings: "wdth"155;
    }

    50% {
      font-variation-settings: "wdth"250;
    }

    70% {
      font-variation-settings: "wdth"155;
    }

    80% {
      font-variation-settings: "wdth"145;
    }

    100% {
      transform: rotate(2060deg);
      font-variation-settings: "wdth"50;
    }
  }

  .ch100 {
    transform: rotate(1700deg);
    animation: spin100 10s linear infinite;
  }



  .scr-cont .inner-heading i {
    color: rgb(35 154 191);
    font-size: 30px;
  }

  .scr-cont .inner-heading i:before {
    font-size: 3vw;
    margin: 0;
  }





  .f-w-450px {
    width: 450px !important
  }

  .f-w-450px button {
    font-size: 1.25rem !important
  }









  .testimonial-wrapper .carousel img {
    width: 70px;
    max-height: 70px;
    border-radius: 50%;
    margin-right: 1rem;
    overflow: hidden;
  }

  .testimonial-wrapper .carousel-inner {
    padding: 1em;
  }

  .testimonial-wrapper .carousel-inner {
    display: flex;
    overflow: hidden;
  }

  .testimonial-wrapper .carousel-item {
    display: block;
  }

  .testimonial-wrapper .carousel-item {
    flex: 0 0 100%;
    min-width: 100%;
    box-sizing: border-box;
    padding: 0 0.5rem;
    margin-right: -20px;
  }

  @media screen and (min-width: 576px) {
    .testimonial-wrapper .carousel-inner {
      /* Carousel inner styles */
    }

    .testimonial-wrapper .carousel-item {
      display: block;
      margin-right: 0;
      flex: 0 0 calc(100% / 4);
    }
  }

  @media screen and (min-width: 768px) {
    .testimonial-wrapper .carousel-item {
      display: block;
      margin-right: 0;
      flex: 0 0 calc(100% / 4);
    }
  }

  .testimonial-wrapper .carousel .card25 {
    margin: 0 0.5em;
    border: 0;
  }

  .testimonial-wrapper .carousel-control-prev,
  .testimonial-wrapper .carousel-control-next {
    width: 3rem;
    height: 3rem;
    background-color: grey;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
  }

  .testimonial-wrapper .carousel .card25 {
    min-height: 320px;
    padding: 1.5rem;
    border-radius: 1rem;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  }

  .testimonial-wrapper .card25-body {
    font-family: "Outfit", sans-serif;
  }

  @media screen and (min-width: 576px) {
    .testimonial-wrapper .carousel-item {
      flex: 0 0 25%;
      min-width: 25%;
    }
  }

  @media screen and (min-width: 768px) {
    .carousel-item {
      flex: 0 0 33.3333%;
      min-width: 33.3333%;
    }
  }



  .-indiv .md\:px-10 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }

  .f-w-450px button {
    margin-bottom: 10px;
    margin-right: 10px
  }

  .hover\:underline:hover {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #00a266 !important;
  }








  .act-in {
    color: rgb(0 162 102) !important;
    text-decoration-line: underline;
  }

  a span.text-gray-900 {
    font-size: 1.5rem !important
  }

  a span.text-gray-900:hover {
    color: rgb(0 162 102) !important;
    text-decoration-line: underline;
  }

  .bot-tom-16 {
    bottom: 6rem;
    z-index: -111
  }

  #section-2 h2.on-te {
    text-align: center !important;
  }



  #section3 .border-l {
    border-left: 1px solid rgb(10 118 192) !important;
  }


  #section3 .border-l h3 {
    border: 1px solid #bdbdbd;
    padding: 14px;
    background: #0a76c0;
    color: #fff;
    text-transform: capitalize;
  }

  #section3 h2 .text-\[rgb\(0\2c 162\2c 102\)\] {
    font-size: 18px !important;
    color: rgb(10 118 192 / var(--tw-text-opacity, 1)) !important;
    font-weight: 800 !important
  }


  .mr-right svg {
    color: rgb(10 118 192) !important
  }

  .bo-color {
    border-width: 1px !important;
    border-color: rgb(10 118 192) !important;
  }

  .iv-con {
    display: inherit;
    width: 50px;
    border-radius: 0px;
    color: rgb(10 118 192) !important;
    height: 50px;
  }

  .iv-con i {
    color: rgb(10 118 192) !important;
  }



  .bg-but-ton .hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(204 236 226 / var(--tw-bg-opacity)) !important;
  }



  .bg-but-ton .shadow-lg {
    box-shadow: 0 0.5rem 1.2rem rgba(0, 0, 0, .1) !important;
  }


  .ac-tv {
    color: #00a266 !important;
  }



  .site-overline-m {
    font-family: Outfit, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .125rem;
  }

  .site-display-xs {
    font-size: 1.5rem !important;
    line-height: 2rem !important;
  }








  .hove-team:hover {
    transition: 0.5s ease-in-out;
    padding-left: 30rem !important;
    padding-right: 30rem !important;
  }



  .swiper-button-prev, .swiper-button-next {
    border: 1px solid #000;
    border-radius: 50px;
    width: 44px;
  }

  .swiper-button-prev img, .swiper-button-next img {
    width: 20px
  }

  .carousel-control {
    border: 1px solid #9ca3af;
    border-radius: 50px;
    width: 44px;
    padding: 12px
  }

  .carousel-control img {
    width: 20px
  }

  .mr-5 {
    margin-right: 40px
  }


  .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.subhed.lg\:pl-36 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }


  .site-display-xs {
    font-size: 1.2rem !important;
    line-height: 1.7rem !important;
  }

  .desk-lo {
    display: block;
  }

  .mobile-lo {
    display: none;
  }



  .li-z {
    position: fixed;
    width: 2px;
    height: 435px;
    margin-left: 3.5rem;
    background: #000;
    display: block !important;
  }

  .li-ziv {
    display: block !important;
  }



  @media (min-width: 150px) {
    .li-z {
      display: none !important;
    }

    .li-ziv {
      display: none !important;
    }


  }

  @media (min-width: 1024px) {
    .li-z {
      display: none !important;
    }

    .li-ziv {
      display: none !important;
    }
  }


  @media (min-width: 1366px) {
    .li-z {
      height: 410px !important;
      display: block !important;
    }

    .li-ziv {
      display: block !important;
    }

  }

  /* Back to Top Button Styles */
  .back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    background-color: #01a065;
    color: white;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    box-shadow: 0 4px 12px rgba(1, 160, 101, 0.3);
    transition: all 0.3s ease;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
  }

  .back-to-top.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  .back-to-top:hover {
    background-color: #008452;
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(1, 160, 101, 0.4);
  }

  .back-to-top:active {
    transform: translateY(-1px);
  }

  /* Responsive adjustments */
  @media (max-width: 768px) {
    .back-to-top {
      bottom: 20px;
      right: 20px;
      width: 45px;
      height: 45px;
      font-size: 18px;
    }
  }

  /* Case Study Popup Modal Styles */
  .case-study-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(5px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
  }

  .case-study-modal.show {
    opacity: 1;
    visibility: visible;
  }

  .case-study-modal-content {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border-radius: 20px;
    padding: 0;
    max-width: 800px;
    width: 90%;
    max-height: 80vh;
    overflow-y: auto;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25);
    transform: scale(0.7) translateY(50px);
    transition: all 0.3s ease;
    position: relative;
    border: 1px solid rgba(1, 160, 101, 0.1);
    /* Hide scrollbar */
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
  }

  .case-study-modal-content::-webkit-scrollbar {
    display: none;
    /* WebKit */
  }

  .case-study-modal.show .case-study-modal-content {
    transform: scale(1) translateY(0);
  }

  .case-study-modal-header {
    background: linear-gradient(135deg, #01a065 0%, #008452 100%);
    color: white;
    padding: 25px 30px;
    border-radius: 20px 20px 0 0;
    position: relative;
    overflow: hidden;
  }

  .case-study-modal-header::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -50%;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
    animation: shimmer 3s ease-in-out infinite;
  }

  @keyframes shimmer {
    0%, 100% {
      transform: translateX(-100%) translateY(-100%);
    }

    50% {
      transform: translateX(100%) translateY(100%);
    }
  }

  .case-study-modal-title {
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    position: relative;
    z-index: 1;
  }

  .case-study-modal-subtitle {
    font-size: 14px;
    opacity: 0.9;
    margin: 5px 0 0 0;
    position: relative;
    z-index: 1;
  }

  .case-study-modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: rgba(255, 255, 255, 0.2);
    border: none;
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    transition: all 0.3s ease;
    z-index: 2;
  }

  .case-study-modal-close:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: rotate(90deg);
  }

  .case-study-modal-body {
    padding: 30px;
  }

  .case-study-summary {
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
    border-left: 4px solid #01a065;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 25px;
    position: relative;
  }


  .case-study-summary h3 {
    color: #01a065;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 15px 0;
  }

  .case-study-summary p {
    color: #374151;
    line-height: 1.6;
    margin: 0;
    font-size: 15px;
  }

  .case-study-details {
    display: grid;
    gap: 20px;
  }

  .case-study-detail-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 20px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    border: 1px solid #f1f5f9;
    transition: all 0.3s ease;
  }

  .case-study-detail-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
  }

  .case-study-detail-icon {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #01a065 0%, #008452 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 20px;
    flex-shrink: 0;
  }

  .case-study-detail-content h4 {
    color: #1f2937;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 8px 0;
  }

  .case-study-detail-content p {
    color: #6b7280;
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
  }

  .case-study-footer {
    padding: 20px 30px;
    background: #f8fafc;
    border-radius: 0 0 20px 20px;
    text-align: center;
    border-top: 1px solid #e2e8f0;
  }

  .case-study-footer p {
    color: #64748b;
    font-size: 14px;
    margin: 0;
  }

  /* Responsive Design */
  @media (max-width: 768px) {
    .case-study-modal-content {
      width: 95%;
      margin: 20px;
    }

    .case-study-modal-header {
      padding: 20px;
    }

    .case-study-modal-title {
      font-size: 20px;
    }

    .case-study-modal-body {
      padding: 20px;
    }

    .case-study-detail-item {
      flex-direction: column;
      text-align: center;
    }

    .case-study-detail-icon {
      align-self: center;
    }
  }

  /* Downloads Page Styles */
  .download-card {
    transition: all 0.3s ease;
    border: 2px solid #e5e7eb;
    background: white;
  }

  .download-card:hover {
    border-color: #0a76c0;
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(10, 118, 192, 0.15);
  }

  .download-btn {
    background: #01a065;
    transition: all 0.3s ease;
  }

  .download-btn:hover {
    background: #008452;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(1, 160, 101, 0.3);
  }

  .view-btn {
    background: transparent;
    border: 2px solid #0a76c0;
    color: #0a76c0;
    transition: all 0.3s ease;
  }

  .view-btn:hover {
    background: #0a76c0;
    color: white;
    transform: translateY(-2px);
  }

  .pdf-icon {
    background: linear-gradient(135deg, #ff6b6b, #ee5a24);
    color: white;
  }

  .file-size {
    color: #6b7280;
    font-size: 0.875rem;
  }

  .modal-content {
    border-radius: 15px;
    border: none;
    background: #ffffff;
  }

  .modal-header {
    background: #01a065;
    color: white;
    border-radius: 15px 15px 0 0;
    border-bottom: none;
  }

  .modal-header .modal-title {
    color: white;
    font-weight: 600;
  }

  .modal-header .btn-close {
    filter: invert(1);
    opacity: 0.8;
  }

  .modal-header .btn-close:hover {
    opacity: 1;
  }

  .modal-footer {
    background: #f8f9fa;
    border-top: 1px solid #e9ecef;
    border-radius: 0 0 15px 15px;
  }

  .modal-footer .btn-secondary {
    background: #6c757d;
    border-color: #6c757d;
    color: white;
  }

  .modal-footer .btn-secondary:hover {
    background: #5a6268;
    border-color: #545b62;
  }

  .modal-footer .btn-primary {
    background: #01a065;
    border-color: #01a065;
    color: white;
  }

  .modal-footer .btn-primary:hover {
    background: #008452;
    border-color: #008452;
  }

  /* Site-specific classes */
  .site-overline-m {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }

  .id-col {
    color: #0a76c0;
  }