/*-----------------------------------------------------------------------------------
    Template Name: tsco - IT Solutions & Digital Services HTML5 Template
    Template URI: https://webtend.net/demo/html/tsco/
    Author: WebTend
    Author URI:  https://webtend.net/
    Version: 1.0

    Note: This is Main Style Scss File.
-----------------------------------------------------------------------------------
	CSS INDEX
	===================
    01. Common
    02. Header
    03. Banner
    04. Service
    05. Feature
    05. Portdolio
    07. Counter
    08. Team
    09. Testimonial
    10. Call to action
    11. Latest Post
    12. About
    13. Why Choose
    14. Contact
    15. Intro Video
    16. Accordion
    17. history
    18. Brand
    19. Page title
    20. Shop
    21. Blog
    22. Pricing
    23. Tile Gallery
    24. Comming Soon
    25. Privacy
-----------------------------------------------------------------------------------*/

@import "variables";
@import "common";
@import "header";
@import "banner";
@import "service";
@import "feature";
@import "portfolio";
@import "counter";
@import "team";
@import "testimonial";
@import "cta";
@import "latest-news";
@import "about";
@import "why-choose";
@import "contact";
@import "intro-video";
@import "accordion";
@import "history";
@import "brand";
@import "footer";
@import "page-title";
@import "shop";
@import "blog";
@import "pricing";
@import "tile-gallery";
@import "coming-soon";
@import "privacy";


.carousel-svg svg line {
  width: 100%;
  height: 1px;
  background-color: rgba($white, 0.1);
  position: relative;

  &::after {
    position: absolute;
    top: 50%;
    left: -20%;
    transform: translatey(-50);
    content: "";
    width: 20%;
    height: 100%;
    background: linear-gradient(
      to right,
      rgba($white, 0) 0%,
      $color-2 80%,
      $color-2 100%
    );
    animation: move 6s infinite;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
  }

  &:nth-child(1)::after {
    animation-delay: 1.4s;
  }

  &:nth-child(2)::after {
    animation-delay: 0;
  }

  &:nth-child(3)::after {
    animation-delay: 2s;
  }
}

@keyframes move {
  0% {
    left: -20%;
  }

  100% {
    left: 100%;
  }
}