<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
Theme Name: Fionca Child
Theme URI: http://smartdemowp.com/fionca/
Template: fionca
Author: smartdatasoft
Author URI: http://smartdatasoft.com
Description: Fionca is a superfast user friendly wordpress business consulting woocommerce theme. You can set up your online business consultation website with this theme very easily. Fionca is responsive and easy to customize. With this theme it is very easy to create pages, posts using Elementor page builder.Fionca is very colorful and can be modfied with unlimited color options and typography for every section seperatly. This theme is absolute for the people who are ready start online business consultations. So lets buy Fionca, start with your website and get started+ with your online business consultation.
Tags: custom-background,custom-logo,custom-menu,featured-images,threaded-comments,translation-ready
Version: 1.0
Updated: 2021-06-11 11:22:59

*/

.scroll-animation {
  position: relative;
  width: 100vw;
  height: 37vh;
  top: -60%;
  z-index: 9999999;
}

.scroll-item {
  position: absolute;
  width: 500%;
  height: 60%;
  opacity: 0.5;

  animation-duration: 290s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  background-size: auto;
}

.left-to-right {
  animation-name: scrollLeft;
  z-index: 1;
  opacity: 1;
  background: url("/wp-content/themes/fionca-child/img/sy3.svg") center/auto
    repeat; /* Replace 'symbols.svg' with your SVG file path */
}

.right-to-left {
  animation-name: scrollRight;
  z-index: 0;
  opacity: 0.4;
  background: url("/wp-content/themes/fionca-child/img/sy4.svg") center/auto
    repeat; /* Replace 'symbols.svg' with your SVG file path */
  left: -100%;
}

@keyframes scrollLeft {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}

@keyframes scrollRight {
  100% {
    transform: translateX(0%);
  }
  0% {
    transform: translateX(100%);
  }
}
.video-btn {
  display: none;
}
</pre></body></html>