/**
* Template Name: HeroBiz - v2.4.0
* Template URL: https://bootstrapmade.com/herobiz-bootstrap-business-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/**
* Check out variables.css for easy customization of colors, typography, and other repetitive properties
*/

/* @import url('https://fonts.googleapis.com/css2?family=Inter:wght@500&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Public+Sans:wght@500&display=swap');

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
:root {
  scroll-behavior: smooth;
}

a {
  color: var(--color-links);
  text-decoration: none;
}

a:hover {
  color: black;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-primary);
}


hr {
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  color: #000;
  margin-bottom: 2%;
  border-width: 2px;
}

body {
  transition: background-color 0.3s ease-in-out;
}
/* .navbar .foottext {
  font-family: "AtypDisplay";
  font-weight: 800;
  font-size: 13px;
  color: var(--color-black);
} */
/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
  position: fixed;
  inset: 0;
  z-index: 9999;
  overflow: hidden;
  background: var(--color-white);
  transition: all 0.6s ease-out;
  width: 100%;
  height: 100vh;
}

#preloader:before,
#preloader:after {
  content: "";
  position: absolute;
  border: 4px solid var(--color-primary);
  border-radius: 50%;
  -webkit-animation: animate-preloader 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
  animation: animate-preloader 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

#preloader:after {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

@-webkit-keyframes animate-preloader {
  0% {
    width: 10px;
    height: 10px;
    top: calc(50% - 5px);
    left: calc(50% - 5px);
    opacity: 1;
  }

  100% {
    width: 72px;
    height: 72px;
    top: calc(50% - 36px);
    left: calc(50% - 36px);
    opacity: 0;
  }
}

@keyframes animate-preloader {
  0% {
    width: 10px;
    height: 10px;
    top: calc(50% - 5px);
    left: calc(50% - 5px);
    opacity: 1;
  }

  100% {
    width: 72px;
    height: 72px;
    top: calc(50% - 36px);
    left: calc(50% - 36px);
    opacity: 0;
  }
}

/*--------------------------------------------------------------
# Sections & Section Header
--------------------------------------------------------------*/
section {
  padding: 60px 0;
  background-color: #ffffff;
}

.section-header {
  text-align: center;
  padding-bottom: 40px;
}

.section-header h2 {
  font-size: 48px;
  font-weight: 300;
  margin-bottom: 20px;
  color: var(--color-secondary);
}

.section-header p {
  margin: 0 auto;
  color: var(--color-secondary-light);
}

@media (min-width: 1280px) {
  .section-header p {
    max-width: 80%;
  }
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
  padding: 15px 0;
  background: rgba(var(--color-secondary-rgb), 0.05);
  min-height: 40px;
  margin-top: 76px;
}

.breadcrumbs h2 {
  font-size: 30px;
  font-weight: 300;
  margin: 0;
}

.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
}

.breadcrumbs ol li+li {
  padding-left: 10px;
}

.breadcrumbs ol li+li::before {
  display: inline-block;
  padding-right: 10px;
  color: var(--color-secondary-light);
  content: "/";
}

@media (max-width: 992px) {
  .breadcrumbs .d-flex {
    display: block !important;
  }

  .breadcrumbs h2 {
    margin-bottom: 10px;
    font-size: 24px;
  }

  .breadcrumbs ol {
    display: block;
  }

  .breadcrumbs ol li {
    display: inline-block;
  }
}

/*--------------------------------------------------------------
# Scroll top button
--------------------------------------------------------------*/
.scroll-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 995;
  background: var(--color-black);
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}

.scroll-top i {
  font-size: 24px;
  color: var(--color-white);
  line-height: 0;
}

.scroll-top:hover {
  background: rgba(var(--color-black-rgb), 0.85);
  color: var(--color-white);
}

.scroll-top.active {
  visibility: visible;
  opacity: 1;
}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header {
  padding: 15px 0;
  transition: all 0.5s;
  z-index: 997;
}

.header.sticked {
  backdrop-filter: blur(10px);
  /* box-shadow: 0px 2px 20px rgba(var(--color-secondary-rgb), 0.1); */
}

.header .logo img {
  max-height: 40px;
  margin-right: 6px;
}

.header .logo h1 {
  font-size: 32px;
  font-weight: 300;
  color: var(--color-secondary);
  font-family: ""var(--font-secondary)"";
}

.header .logo h1 span {
  color: var(--color-primary);
  font-weight: 500;
}

.header .btn-getstarted,
.header .btn-getstarted:focus {
  color: var(--color-black);
  background: var(--color-white);
  padding: 8px 23px;
  border-radius: 4px;
  transition: 0.3s;
  font-family: "WhyteInktrapBook", "sans-serif", monospace;
  font-weight: 800;
  font-size: 15px;
}

.header .btn-getstarted:hover,
.header .btn-getstarted:focus:hover {
  color: var(--color-black);
  background: rgba(var(--color-white-rgb), 0.85);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

@media (max-width: 1279px) {

  .header .btn-getstarted,
  .header .btn-getstarted:focus {
    margin-right: 50px;
  }
}

@media (max-width: 768px) {

  .header .btn-getstarted,
  .header .btn-getstarted:focus {
    display: none;
  }
}

/*--------------------------------------------------------------
# Desktop Navigation 
--------------------------------------------------------------*/
@media (min-width: 1280px) {
  .navbar {
    padding: 0;
    position: relative;
  }

  .navbar ul {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    align-items: center;
  }

  .navbar li {
    position: relative;
  }

  .navbar>ul>li {
    white-space: nowrap;
  }

  .navbar a,
  .navbar a:focus {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px;
    font-family: var(--font-secondary);
    font-size: 16px;
    font-weight: 400;
    color: rgba(var(--color-secondary-dark-rgb), 0.7);
    white-space: nowrap;
    transition: 0.3s;
    position: relative;
  }

  .navbar a i,
  .navbar a:focus i {
    font-size: 12px;
    line-height: 0;
    margin-left: 5px;
  }

  .navbar>ul>li>a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: var(--color-primary);
    visibility: hidden;
    transition: all 0.3s ease-in-out 0s;
    transform: scaleX(0);
    transition: all 0.3s ease-in-out 0s;
  }

  .navbar a:hover:before,
  .navbar li:hover>a:before,
  .navbar .active:before {
    visibility: visible;
    transform: scaleX(0.7);
  }

  .navbar a:hover,
  .navbar .active,
  .navbar .active:focus,
  .navbar li:hover>a {
    color: var(--color-primary);
  }

  .navbar .dropdown a:hover:before,
  .navbar .dropdown:hover>a:before,
  .navbar .dropdown .active:before {
    visibility: hidden;
  }

  .navbar .dropdown a:hover,
  .navbar .dropdown .active,
  .navbar .dropdown .active:focus,
  .navbar .dropdown:hover>a {
    color: var(--color-white);
    background: var(--color-secondary);
  }

  .navbar .dropdown ul {
    display: block;
    position: absolute;
    left: 0;
    top: 100%;
    margin: 0;
    padding: 0 0 10px 0;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    background: var(--color-secondary);
    transition: 0.3s;
  }

  .navbar .dropdown ul li {
    min-width: 200px;
  }

  .navbar .dropdown ul a {
    padding: 10px 20px;
    font-size: 15px;
    text-transform: none;
    font-weight: 400;
    color: rgba(var(--color-white-rgb), 0.5);
  }

  .navbar .dropdown ul a i {
    font-size: 12px;
  }

  .navbar .dropdown ul a:hover,
  .navbar .dropdown ul .active,
  .navbar .dropdown ul .active:hover,
  .navbar .dropdown ul li:hover>a {
    color: var(--color-white);
    background: var(--color-primary);
  }

  .navbar .dropdown:hover>ul {
    opacity: 1;
    visibility: visible;
  }

  .navbar .megamenu {
    position: static;
  }

  .navbar .megamenu ul {
    right: 0;
    padding: 10px;
    display: flex;
  }

  .navbar .megamenu ul li {
    flex: 1;
  }

  .navbar .megamenu ul li a,
  .navbar .megamenu ul li:hover>a {
    color: rgba(var(--color-white-rgb), 0.5);
    background: none;
  }

  .navbar .megamenu ul li a:hover,
  .navbar .megamenu ul li .active,
  .navbar .megamenu ul li .active:hover {
    color: var(--color-white);
    background: var(--color-primary);
  }

  .navbar .dropdown .dropdown ul {
    top: 0;
    left: calc(100% - 30px);
    visibility: hidden;
  }

  .navbar .dropdown .dropdown:hover>ul {
    opacity: 1;
    top: 0;
    left: 100%;
    visibility: visible;
  }
}

@media (min-width: 1280px) and (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90%;
  }

  .navbar .dropdown .dropdown:hover>ul {
    left: -100%;
  }
}

/*--------------------------------------------------------------
# Mobile Navigation
--------------------------------------------------------------*/
@media (max-width: 1279px) {
  .navbar {
    position: fixed;
    top: 0;
    left: -100%;
    width: calc(100% - 70px);
    bottom: 0;
    transition: 0.3s;
    z-index: 9997;
  }

  .navbar ul {
    position: absolute;
    inset: 0;
    padding: 10px 0;
    margin: 0;
    background: rgba(var(--color-secondary-rgb), 0.9);
    overflow-y: auto;
    transition: 0.3s;
    z-index: 9998;
  }

  .navbar a,
  .navbar a:focus {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    font-size: 16px;
    font-weight: 500;
    color: rgba(var(--color-white-rgb), 0.7);
    white-space: nowrap;
    transition: 0.3s;
  }

  .navbar a i,
  .navbar a:focus i {
    font-size: 12px;
    line-height: 0;
    margin-left: 5px;
  }

  .navbar a:hover,
  .navbar .active,
  .navbar .active:focus,
  .navbar li:hover>a {
    color: var(--color-white);
  }

  .navbar .dropdown ul,
  .navbar .dropdown .dropdown ul {
    position: static;
    display: none;
    padding: 10px 0;
    margin: 10px 20px;
    transition: all 0.5s ease-in-out;
    border: 1px solid rgba(var(--color-secondary-light-rgb), 0.3);
  }

  .navbar .dropdown>.dropdown-active,
  .navbar .dropdown .dropdown>.dropdown-active {
    display: block;
  }

  .mobile-nav-toggle {
    display: block !important;
    color: var(--color-secondary);
    font-size: 28px;
    cursor: pointer;
    line-height: 0;
    transition: 0.5s;
    position: fixed;
    top: 20px;
    z-index: 9999;
    right: 20px;
  }

  .mobile-nav-toggle.bi-x {
    color: var(--color-white);
  }

  .mobile-nav-active {
    overflow: hidden;
    z-index: 9995;
    position: relative;
  }

  .mobile-nav-active .navbar {
    left: 0;
  }

  .mobile-nav-active .navbar:before {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(var(--color-secondary-rgb), 0.8);
    z-index: 9996;
  }
}

/*--------------------------------------------------------------
# Index Page
--------------------------------------------------------------*/

@font-face {
  font-family: 'WhyteInktrapBook';
  src: url('WhyteInktrap-Book.ttf');
}

@font-face {
  font-family: 'WhyteInktrapLight';
  src: url('WhyteInktrap-Light.ttf');
}

@font-face {
  font-family: 'WhyteInktrapLight';
  src: url('WhyteInktrap-Light.ttf');
}

@font-face {
  font-family: 'WhyteInktrapBook';
  src: url('WhyteInktrapBook.ttf');
}

@font-face {
  font-family: 'Calluna';
  src: url('calluna-regular.otf');
}

@font-face {
  font-family: 'WhyteInktrapBook';
  src: url('TAN-WhyteInktrapBook-Regular.ttf');
}
/*--------------------------------------------------------------
# Animated Hero Section
--------------------------------------------------------------*/
.hero-animated {
  width: 100%;
  min-height: 50vh;
  /* background: url("../img/hero-bg.png") center center; */
  /* background-size: cover; */
  background-color: #ffffff;
  position: relative;
  /* background: radial-gradient(#c2c2c2 8%, transparent 8%), white; */
  background-position: 0 0, 25px 25px;
  background-size:25px 25px;
  min-height: 100vh;
  padding-top: 20vh;
}

.hero-animated h2 {
  /* margin: 0 0 10px 0; */
  font-size: 110px;
  line-height: 90%;
  font-weight: 500;
  font-style: normal;
  color: black;
  font-family: 'WhyteInktrapLight', sans-serif;
  padding-top: 1vh;
}

/* effect-shine */
.effect-shine:hover {
  -webkit-mask-image: linear-gradient(
    -75deg,
    rgba(0, 0, 0, 0.6) 30%,
    #000 50%,
    rgba(0, 0, 0, 0.6) 70%
  );
  -webkit-mask-size: 200%;
  animation: shine 2s infinite;
}

@-webkit-keyframes shine {
  from {
    -webkit-mask-position: 150%;
  }

  to {
    -webkit-mask-position: -50%;
  }
}

.hero-animated p {
  color: black;
  margin: 0 0 0 0;
  font-size: 20px;
  font-weight: 580;
  font-family: "Calluna", "sans-serif", monospace;
}

.hero-animated .animated {
  margin-bottom: 60px;
  animation: up-down 2s ease-in-out infinite alternate-reverse both;
}

.hero-animated .titleone {
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: end;
  text-align: end;
}

.hero-animated .titletwo {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  text-align: start;
}

.hero-animated .titlethree {
  display: none;
}

.hero-animated .titlefour {
  display: none;
}

.hero-animated .herotextthree {
  display: none;
}

.hero-animated .herotextfour {
  display: none;
}

.hero-animated .first {
  margin-right: 15%;
}

.hero-animated .second {
  margin-left: 25%;
}

.hero-animated .textone {
  margin-top: 20%;
}

.hero-animated .texttwo {
  margin-top: 20%;
  margin-left: 10%;
}


@media (max-width: 1098px) {

  .hero-animated {
    width: 100%;
    min-height: 50vh;
    /* background: url("../img/hero-bg.png") center center; */
    /* background-size: cover; */
    background-color: #ffffff;
    position: relative;
    /* background: radial-gradient(#c2c2c2 8%, transparent 8%), white; */
    background-position: 0 0, 25px 25px;
    background-size:25px 25px;
    min-height: 100vh;
    padding-top: 30vh;
  }

  .hero-animated .animated {
    max-width: 60%;
  }

  .hero-animated h2 {
    margin: 0 0 10px 0;
    font-size: 80px;
    font-weight: 500;
    color: black;
    font-family: 'WhyteInktrapLight', sans-serif;
    padding-top: 1vh;
  }
}

@media (max-width: 991px) {
  .hero-animated {
    width: 100%;
    min-height: 50vh;
    /* background: url("../img/hero-bg.png") center center; */
    /* background-size: cover; */
    background-color: #ffffff;
    position: relative;
    /* background: radial-gradient(#c2c2c2 8%, transparent 8%), white; */
    background-position: 0 0, 25px 25px;
    background-size:25px 25px;
    min-height: 100vh;
    padding-top: 35vh;
  }

  .hero-animated h2 {
    margin: 0 0 10px 0;
    font-size: 60px;
    font-weight: 500;
    color: black;
    font-family: 'WhyteInktrapLight', sans-serif;
    padding-top: 1vh;
  }

  .hero-animated .textone {
    margin-top: 10%;
  }
}

@media (max-width: 738px) {

  .hero-animated .titletwo {
    margin-left: 33%;
    margin-bottom: 5vh;
  }

  .hero-animated .titleone h2 {
    font-size: 50px;
    padding-top: 1vh;
  }

  .hero-animated .titletwo h2 {
    font-size: 50px;
    padding-top: 1vh;
  }

  .hero-animated .herotextone {
    display: none;
  }
  
  .hero-animated .herotexttwo {
    display: none;
  }

  .hero-animated .herotextthree {
    display: flex;
  }
  
  .hero-animated .herotextfour {
    display: flex;
  }
}

@media (max-width: 600px) {
  .hero-animated {
    width: 100%;
    min-height: 50vh;
    /* background: url("../img/hero-bg.png") center center; */
    /* background-size: cover; */
    background-color: #ffffff;
    position: relative;
    /* background: radial-gradient(#c2c2c2 8%, transparent 8%), white; */
    background-position: 0 0, 25px 25px;
    background-size:25px 25px;
    min-height: 100vh;
    padding-top: 20vh;
  }

  .hero-animated .titleone {
    display: none;
  }
  
  .hero-animated .titletwo {
    display: none;
  }
  
  .hero-animated .titlethree {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 2px;
  }
  
  .hero-animated .titlefour {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 2px;
    margin-bottom: 5vh;
  }

  .hero-animated .titlethree h2{
    padding-top: 1vh;
  }
  
  .hero-animated .titlefour h2{
    padding-top: 1vh;
  }

  .hero-animated .three{
    font-size: 60px;
    line-height: 100%;
    text-align: left;
  }
  
  .hero-animated .four{
    font-size: 60px;
    line-height: 100%;
    text-align: right;
  }

  .hero-animated .herotextone {
    display: none;
  }
  
  .hero-animated .herotexttwo {
    display: none;
  }

  .hero-animated .herotextthree {
    display: flex;
  }
  
  .hero-animated .herotextfour {
    display: flex;
  }
}


@media (max-width: 400px) {
  .hero-animated {
    width: 100%;
    min-height: 50vh;
    /* background: url("../img/hero-bg.png") center center; */
    /* background-size: cover; */
    background-color: #ffffff;
    position: relative;
    /* background: radial-gradient(#c2c2c2 8%, transparent 8%), white; */
    background-position: 0 0, 25px 25px;
    background-size:25px 25px;
    min-height: 100vh;
    padding-top: 13vh;
  }

  .hero-animated .titleone {
    display: none;
  }
  
  .hero-animated .titletwo {
    display: none;
  }
  
  .hero-animated .titlethree {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    /* font-size: 2px; */
  }

  .hero-animated .titlethree h2 {
    font-size: 50px;
    line-height: 120%;
    padding-top: 1vh;
  }
  
  .hero-animated .titlefour {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    /* font-size: 2px; */
    margin-bottom: 5vh;
  }

  .hero-animated .titlefour h2 {
    font-size: 50px;
    line-height: 120%;
    padding-top: 1vh;
  }

  .hero-animated .three{
    font-size: 40px;
    line-height: 100%;
    text-align: left;
  }
  
  .hero-animated .four{
    font-size: 40px;
    line-height: 100%;
    text-align: right;
  }

  .hero-animated .herotextone {
    display: none;
  }
  
  .hero-animated .herotexttwo {
    display: none;
  }

  .hero-animated .herotextthree {
    margin-top: 3%;
    display: flex;
  }

  .hero-animated .herotextthree p {
    font-size: 17px;
  }
  
  .hero-animated .herotextfour {
    display: flex;
  }

  .hero-animated .herotextfour p {
    font-size: 17px;
  }
}

@media (max-width: 575px) {
  .hero-animated .animated {
    max-width: 80%;
  }
}

.hero-animated .btn-get-started {
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
  padding: 10px 28px;
  border-radius: 4px;
  transition: 0.5s;
  color: var(--color-white);
  background: var(--color-primary);
  font-family: var(--font-secondary);
}

.hero-animated .btn-get-started:hover {
  background: rgba(var(--color-primary-rgb), 0.8);
}

.hero-animated .btn-watch-video {
  font-size: 16px;
  transition: 0.5s;
  margin-left: 25px;
  font-family: var(--font-secondary);
  color: var(--color-secondary);
  font-weight: 600;
}

.hero-animated .btn-watch-video i {
  color: var(--color-primary);
  font-size: 32px;
  transition: 0.3s;
  line-height: 0;
  margin-right: 8px;
}

.hero-animated .btn-watch-video:hover {
  color: var(--color-primary);
}

.hero-animated .btn-watch-video:hover i {
  color: rgba(var(--color-primary-rgb), 0.8);
}

@media (max-width: 640px) {
  .hero-animated h2 {
    font-size: 32px;
  }

  .hero-animated p {
    font-size: 18px;
    margin-bottom: 30px;
  }

  .hero-animated .btn-get-started,
  .hero-animated .btn-watch-video {
    font-size: 14px;
  }
}

@-webkit-keyframes up-down {
  0% {
    transform: translateY(10px);
  }

  100% {
    transform: translateY(-10px);
  }
}

@keyframes up-down {
  0% {
    transform: translateY(10px);
  }

  100% {
    transform: translateY(-10px);
  }
}

/*--------------------------------------------------------------
# Carousel Hero Section
--------------------------------------------------------------*/
.hero {
  width: 100%;
  padding: 0;
  background: var(--color-black);
  background: url("../img/hero-bg.png") center center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 140px 0 60px 0;
}

.hero .carousel-item {
  overflow: hidden;
}

@media (max-width: 640px) {
  .hero .container {
    padding: 0 60px;
  }
}

.hero h2 {
  color: var(--color-secondary);
  margin-bottom: 25px;
  font-size: 48px;
  font-weight: 300;
  -webkit-animation: fadeInDown 1s both 0.2s;
  animation: fadeInDown 1s both 0.2s;
}

@media (max-width: 768px) {
  .hero h2 {
    font-size: 30px;
  }
}

.hero p {
  color: var(--color-secondary-light);
  -webkit-animation: fadeInDown 1s both 0.4s;
  animation: fadeInDown 1s both 0.4s;
  font-weight: 500;
  margin-bottom: 30px;
}

.hero .img {
  margin-bottom: 40px;
  -webkit-animation: fadeInDownLite 1s both;
  animation: fadeInDownLite 1s both;
}

.hero .btn-get-started {
  font-family: var(--font-secondary);
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 8px 32px;
  border-radius: 5px;
  transition: 0.5s;
  -webkit-animation: fadeInUp 1s both 0.6s;
  animation: fadeInUp 1s both 0.6s;
  color: var(--color-primary);
  border: 2px solid var(--color-primary);
}

.hero .btn-get-started:hover {
  background: var(--color-primary);
  color: var(--color-white);
}

.hero .carousel-control-prev {
  justify-content: start;
}

@media (min-width: 640px) {
  .hero .carousel-control-prev {
    padding-left: 15px;
  }
}

.hero .carousel-control-next {
  justify-content: end;
}

@media (min-width: 640px) {
  .hero .carousel-control-next {
    padding-right: 15px;
  }
}

.hero .carousel-control-next-icon,
.hero .carousel-control-prev-icon {
  background: none;
  font-size: 26px;
  line-height: 0;
  background: rgba(var(--color-secondary-rgb), 0.4);
  color: rgba(var(--color-white-rgb), 0.98);
  border-radius: 50px;
  width: 54px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero .carousel-control-next-icon {
  padding-left: 3px;
}

.hero .carousel-control-prev-icon {
  padding-right: 3px;
}

.hero .carousel-control-prev,
.hero .carousel-control-next {
  transition: 0.3s;
}

.hero .carousel-control-prev:focus,
.hero .carousel-control-next:focus {
  opacity: 0.5;
}

.hero .carousel-control-prev:hover,
.hero .carousel-control-next:hover {
  opacity: 0.9;
}

.hero .carousel-indicators li {
  cursor: pointer;
  background: rgba(var(--color-secondary-rgb), 0.5);
  overflow: hidden;
  border: 0;
  width: 12px;
  height: 12px;
  border-radius: 50px;
  opacity: 0.6;
  transition: 0.3s;
}

.hero .carousel-indicators li.active {
  opacity: 1;
  background: var(--color-primary);
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeInDownLite {
  from {
    opacity: 0;
    transform: translate3d(0, -10%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownLite {
  from {
    opacity: 0;
    transform: translate3d(0, -10%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/*--------------------------------------------------------------
# Fullscreen Hero Section
--------------------------------------------------------------*/
.hero-fullscreen {
  width: 100%;
  min-height: 100vh;
  background: url("../img/hero-fullscreen-bg.jpg") center center;
  background-size: cover;
  position: relative;
  padding: 120px 0 60px;
}

.hero-fullscreen:before {
  content: "";
  background: rgba(var(--color-white-rgb), 0.85);
  position: absolute;
  inset: 0;
}

@media (min-width: 1365px) {
  .hero-fullscreen {
    background-attachment: fixed;
  }
}

.hero-fullscreen h2 {
  margin: 0 0 10px 0;
  font-size: 48px;
  font-weight: 300;
  color: var(--color-secondary);
  font-family: var(--font-secondary);
}

.hero-fullscreen h2 span {
  color: var(--color-primary);
}

.hero-fullscreen p {
  color: rgba(var(--color-secondary-rgb), 0.8);
  margin: 0 0 30px 0;
  font-size: 20px;
  font-weight: 400;
}

.hero-fullscreen .btn-get-started {
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
  padding: 10px 28px;
  border-radius: 4px;
  transition: 0.5s;
  color: var(--color-white);
  background: var(--color-primary);
  font-family: var(--font-secondary);
}

.hero-fullscreen .btn-get-started:hover {
  background: rgba(var(--color-primary-rgb), 0.8);
}

.hero-fullscreen .btn-watch-video {
  font-size: 16px;
  transition: 0.5s;
  margin-left: 25px;
  font-family: var(--font-secondary);
  color: var(--color-secondary);
  font-weight: 600;
}

.hero-fullscreen .btn-watch-video i {
  color: var(--color-primary);
  font-size: 32px;
  transition: 0.3s;
  line-height: 0;
  margin-right: 8px;
}

.hero-fullscreen .btn-watch-video:hover {
  color: var(--color-primary);
}

.hero-fullscreen .btn-watch-video:hover i {
  color: rgba(var(--color-primary-rgb), 0.8);
}

@media (max-width: 640px) {
  .hero-fullscreen h2 {
    font-size: 32px;
  }

  .hero-fullscreen p {
    font-size: 18px;
    margin-bottom: 30px;
  }

  .hero-fullscreen .btn-get-started,
  .hero-fullscreen .btn-watch-video {
    font-size: 14px;
  }
}

/*--------------------------------------------------------------
# Static Hero Section
--------------------------------------------------------------*/
.hero-static {
  width: 100%;
  min-height: 50vh;
  background: url("../img/hero-bg.png") center center;
  background-size: cover;
  position: relative;
  padding: 120px 0 60px;
}

.hero-static h2 {
  margin: 0 0 10px 0;
  font-size: 48px;
  font-weight: 300;
  color: var(--color-secondary);
  font-family: var(--font-secondary);
}

.hero-static h2 span {
  color: var(--color-primary);
}

.hero-static p {
  color: rgba(var(--color-secondary-rgb), 0.8);
  margin: 0 0 30px 0;
  font-size: 20px;
  font-weight: 400;
}

.hero-static .btn-get-started {
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
  padding: 10px 28px;
  border-radius: 4px;
  transition: 0.5s;
  color: var(--color-white);
  background: var(--color-primary);
  font-family: var(--font-secondary);
}

.hero-static .btn-get-started:hover {
  background: rgba(var(--color-primary-rgb), 0.8);
}

.hero-static .btn-watch-video {
  font-size: 16px;
  transition: 0.5s;
  margin-left: 25px;
  font-family: var(--font-secondary);
  color: var(--color-secondary);
  font-weight: 600;
}

.hero-static .btn-watch-video i {
  color: var(--color-primary);
  font-size: 32px;
  transition: 0.3s;
  line-height: 0;
  margin-right: 8px;
}

.hero-static .btn-watch-video:hover {
  color: var(--color-primary);
}

.hero-static .btn-watch-video:hover i {
  color: rgba(var(--color-primary-rgb), 0.8);
}

@media (max-width: 640px) {
  .hero-static h2 {
    font-size: 32px;
  }

  .hero-static p {
    font-size: 18px;
    margin-bottom: 30px;
  }

  .hero-static .btn-get-started,
  .hero-static .btn-watch-video {
    font-size: 14px;
  }
}

/*--------------------------------------------------------------
# Featured Services Section
--------------------------------------------------------------*/
.featured-services .service-item {
  padding: 30px;
  transition: all ease-in-out 0.4s;
  background: var(--color-white);
  height: 100%;
}

.featured-services .service-item .icon {
  margin-bottom: 10px;
}

.featured-services .service-item .icon i {
  color: var(--color-primary);
  font-size: 36px;
  transition: 0.3s;
}

.featured-services .service-item h4 {
  font-weight: 600;
  margin-bottom: 15px;
  font-size: 24px;
}

.featured-services .service-item h4 a {
  color: var(--color-secondary);
  transition: ease-in-out 0.3s;
}

.featured-services .service-item p {
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
}

.featured-services .service-item:hover {
  transform: translateY(-10px);
  box-shadow: 0px 0 60px 0 rgba(var(--color-secondary-rgb), 0.1);
}

.featured-services .service-item:hover h4 a {
  color: var(--color-primary);
}

/*--------------------------------------------------------------
# tentang Section
--------------------------------------------------------------*/
/* .tentang .tentang-img {
  position: relative;
  margin: 60px 0 0 60px;
}

.tentang .tentang-img:before {
  position: absolute;
  inset: -60px 0 0 -60px;
  z-index: -1;
  content: "";
  background: url("../img/about-bg.png") top left;
  background-repeat: no-repeat;
} */

.tentang {
  background-color: transparent;
  margin-bottom: 7vh;
}

.tentang h3 {
  color: black;
  font-family: 'WhyteInktrapBook', sans-serif;
  /* font-weight: 100; */
  font-size: 40px;
  margin-bottom: 5%;
}

.tentang .text p {
  color: black;
  font-family: "WhyteInktrapLight", "sans-serif", monospace;
  font-size: 25px;
  margin-bottom: 6%;
}

.tentang .quotes p {
  color: black;
  font-family: "WhyteInktrapLight", "sans-serif", monospace;
  font-size: 38px;
  margin-top: 25%;
}

@media (max-width: 991px) {
  .tentang h3 {
    color: black;
    font-family: "WhyteInktrapBook", "sans-serif", monospace;
    font-weight: 300;
    font-size: 38px;
    margin-bottom: 5%;
  }
  .tentang .text p {
    color: black;
  font-family: "WhyteInktrapBook", "sans-serif", monospace;
    font-weight: 0;
    font-size: 22px;
    margin-bottom: 6%;
  }

}

@media (max-width: 738px) {
  .tentang h3 {
    color: black;
    font-family: "WhyteInktrapBook", "sans-serif", monospace;
    font-weight: 300;
    font-size: 36px;
    margin-bottom: 5%;
  }
  .tentang .text p {
    color: black;
    font-family: "WhyteInktrapLight", "sans-serif", monospace;
    font-weight: 0;
    font-size: 20px;
    margin-bottom: 6%;
  }

}

@media (max-width: 600px) {
  .tentang h3 {
    color: black;
    font-family: "WhyteInktrapBook", "sans-serif", monospace;
    font-weight: 300;
    font-size: 30px;
    margin-bottom: 5%;
  }
  .tentang .text p {
    color: black;
    font-family: "WhyteInktrapLight", "sans-serif", monospace;
    font-weight: 0;
    font-size: 18px;
    margin-bottom: 6%;
  }

}

/* @media (max-width: 575px) {
  .tentang .tentang-img {
    margin: 30px 0 0 30px;
  }

  .tentang .tentang-img:before {
    inset: -30px 0 0 -30px;
  }
  .tentang .nav-link {
    font-size: 16px;
  }
} */


.tentang .nav-pills {
  border-bottom: 1px solid rgba(var(--color-secondary-rgb), 0.2);
}

.tentang .nav-pills li+li {
  margin-left: 40px;
}

.tentang .nav-link {
  background: none;
  font-size: 18px;
  font-weight: 400;
  color: var(--color-secondary);
  padding: 12px 0;
  margin-bottom: -2px;
  border-radius: 0;
  font-family: var(--font-secondary);
}

.tentang .nav-link.active {
  color: var(--color-primary);
  background: none;
  border-bottom: 3px solid var(--color-primary);
}


.tentang .tab-content h4 {
  font-size: 18px;
  margin: 0;
  font-weight: 700;
  color: var(--color-secondary);
}

.tentang .tab-content i {
  font-size: 22px;
  line-height: 0;
  margin-right: 8px;
  color: var(--color-primary);
}


/*--------------------------------------------------------------
# Arrow
--------------------------------------------------------------*/
/* Here's the SVG Code */

.arrow-text{
  display:inline-block;
  float: left;
  cursor:pointer;
  color: black;
  font-family: "Calluna", "sans-serif", monospace;
  font-weight: 500;
  padding-right: 3%;
  text-align: left;
}

.arrow{
  display:inline-block;
  float: left;
  cursor:pointer;
  padding-top: 0.7%;
}

.arrow:before{
  content:'';
  height:2px;
  width:300px;
  background-color:#000;
  display:block;
  float:left;
  position:relative;
  top:9px;
  transition:0.2s ease-in-out;
}

.arrow:after{
  content:'';
  float:left;
  border-left:11px solid #000;
  border-right:11px solid transparent;
  border-top:11px solid transparent;
  border-bottom:11px solid transparent;
}

.arrow:hover:before{
  width:500px;
}

/* .arrow-text:hover + .arrow{
  width:500px;
  content:'';
  float:left;
  border-left:11px solid #000;
  border-right:11px solid transparent;
  border-top:11px solid transparent;
  border-bottom:11px solid transparent;
} */

.arrow-text:hover + .arrow:hover:before{
  width:500px;
}
.arrow-text:hover + .arrow:after{
  content:'';
  float:left;
  border-left:11px solid #000;
  border-right:11px solid transparent;
  border-top:11px solid transparent;
  border-bottom:11px solid transparent;
}



/*--------------------------------------------------------------
# value Section
--------------------------------------------------------------*/
.value {
  margin-top: 80px;
  margin-bottom: 80px;
}

.value h1 {
  color: black;
  font-family: "WhyteInktrapBook", "sans-serif", monospace;
  font-weight: 500;
  font-size: 50px;
  /* padding-bottom: 3%; */
}

.value h2 {
  color: black;
  font-family: "WhyteInktrapBook", "sans-serif", monospace;
  font-weight: 500;
  font-size: 30px;
  padding-top: 5%;
  padding-bottom: 5vh;
  text-align: center;
}

.value .summary {
  color: black;
  font-family: "WhyteInktrapLight", "sans-serif", monospace;
  font-weight: 500;
  font-size: 20px;
  padding-bottom: 5vh;
  text-align: center;
}

.value h3 {
  color: var(--color-secondary);
  font-family: var(--font-secondary);
  font-weight: 300;
  font-size: 32px;
  margin-bottom: 20px;
}




@media (min-width: 992px) {
  .value .first {
    padding-top: 145px;
  }

}

@media (max-width: 575px) {
  /* .value .value-img {
    margin: 30px 0 0 30px;
  }

  .value .value-img:before {
    inset: -30px 0 0 -30px;
  } */
}


@media (max-width: 768px) {
  /* .value h3 {
    font-size: 28px;
  } */
}

.value .nav-pills {
  border-bottom: 1px solid rgba(var(--color-secondary-rgb), 0.2);
}

.value .nav-pills li+li {
  margin-left: 40px;
}

.value .nav-link {
  background: none;
  font-size: 18px;
  font-weight: 400;
  color: var(--color-secondary);
  padding: 12px 0;
  margin-bottom: -2px;
  border-radius: 0;
  font-family: var(--font-secondary);
}

.value .nav-link.active {
  color: var(--color-primary);
  background: none;
  border-bottom: 3px solid var(--color-primary);
}

@media (max-width: 575px) {
  .value .nav-link {
    font-size: 16px;
  }
}

.value .tab-content h4 {
  font-size: 18px;
  margin: 0;
  font-weight: 700;
  color: var(--color-secondary);
}

.value .tab-content i {
  font-size: 22px;
  line-height: 0;
  margin-right: 8px;
  color: black;
}

/*--------------------------------------------------------------
# F.A.Q Section
--------------------------------------------------------------*/
@media (max-width: 991px) {
  .value {
    padding: 0;
  }
}

.value .content h3 {
  font-weight: 400;
  font-size: 34px;
  color: var(--color-secondary);
  
}

.value .content h4 {
  font-size: 20px;
  font-weight: 700;
  margin-top: 5px;
}

.value .content p {
  font-size: 15px;
  color: var(--color-gray);
}

.value .img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 400px;
}

.value .different {
  background-color: transparent;
  border: 1px solid #000;
  padding: 2% 0% 2% 0%;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
  margin-top: 9%;
}

.value .different {
  margin-left: auto;
  margin-right: auto;
  /* padding: 4%; */
}

@media (max-width: 1199px) {
  .value .different {
    margin-left: auto;
    margin-right: auto;
    padding-left: 5%;
    padding-right: 5%;
  }

  .value {
    padding-top: 5%;
  }

}

@media (max-width: 575px) {
  .value .different {
    margin-left: auto;
    margin-right: auto;
    padding-left: 5%;
    padding-right: 5%;
  }
  .value {
    padding: 5%;
    padding-top: 5%;
  }

}

.value .accordion-item {
  border: 0;
  /* margin-top: 15px; */
  /* box-shadow: 0px 5px 25px 0px rgba(var(--color-black-rgb), 0.06); */
}

.value .accordion-collapse {
  border: 0;
}

.value .accordion-button {
  padding: 15px 40px 20px 0px;
  /* font-weight: 600; */
  /* border: 0; */
  font-size: 20px;
  text-align: left;
  background: transparent;
  /* box-shadow: none; */
  /* border-radius: 5px; */
  font-family: "WhyteInktrapLight", "sans-serif", monospace;
  font-weight: 500;
  border-bottom: 1px solid var(--color-secondary);
  box-shadow: none;
  color: #000;
}

.value .accordion-button:not(.collapsed) {
  color: var(--color-secondary);
  border-bottom: 0;
  box-shadow: none;
  border-bottom: 1px solid var(--color-secondary);
  padding: 15px 40px 20px 0px;
}

.value .question-icon {
  position: absolute;
  top: 14px;
  left: 25px;
  font-size: 20px;
  color: black;
}

.value .accordion-button:after {
  position: absolute;
  right: 15px;
  top: 15px;
  color: black;
}

.value .accordion-body {
  padding: 0 30px 25px 60px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  box-shadow: none;
}




/*--------------------------------------------------------------
# favorite Section
--------------------------------------------------------------*/
.favorite {
  margin-top: 2em;
  margin-bottom: 80px;
  /* display:initial; */
}

.favorite .favorite-title {
  display: initial;
  align-self: flex-start;
  top: 6em;
}

.favorite .favorite-content {
  margin-top: 7em;
  overflow-y: hidden;
}

.favorite .favorite-button a {
  color: white;
  padding: 15.5px 20px 13px 20px;
  text-align: center;
  display: inline-block;
  font-family: "WhyteInktrapBook", "sans-serif", monospace;
  font-weight: 300;
  font-size: 15px;
  background-color: black;
  border-radius: 12px;
}

.favorite-text {
  color: black;
  font-family: "WhyteInktrapLight", "sans-serif", monospace;
  font-weight: 0;
  font-size: 20px;
  padding-bottom: 5vh;
}

.favorite h1 {
  color: black;
  font-family: "WhyteInktrapBook", "sans-serif", monospace;
  font-weight: 500;
  font-size: 50px;
  /* top: 50; */
  /* padding-bottom: 3%; */
}

.favorite .sticky {
  position: -webkit-sticky;
  position: sticky;
  z-index: 996;
  /* top: 100; */
  /* background-color: yellow;
  padding: 50px;
  font-size: 20px; */
}

.favorite h2 {
  color: black;
  font-family: "WhyteInktrapBook", "sans-serif", monospace;
  font-weight: 500;
  font-size: 30px;
  padding-top: 5%;
  padding-bottom: 5vh;
  text-align: center;
}

.favorite .summary {
  color: black;
  font-family: "WhyteInktrapLight", "sans-serif", monospace;
  font-weight: 500;
  font-size: 20px;
  padding-bottom: 5vh;
  text-align: center;
}

.favorite h3 {
  color: var(--color-secondary);
  font-family: var(--font-secondary);
  font-weight: 300;
  font-size: 32px;
  margin-bottom: 20px;
}


@media (max-width: 992px) {
  .favorite .favorite-title {
    margin-top: 10vh;
  }
  
}

@media (max-width: 575px) {
}


@media (max-width: 768px) {
}

.favorite .nav-pills {
  border-bottom: 1px solid rgba(var(--color-secondary-rgb), 0.2);
}

.favorite .nav-pills li+li {
  margin-left: 40px;
}

.favorite .nav-link {
  background: none;
  font-size: 18px;
  font-weight: 400;
  color: var(--color-secondary);
  padding: 12px 0;
  margin-bottom: -2px;
  border-radius: 0;
  font-family: var(--font-secondary);
}

.favorite .nav-link.active {
  color: var(--color-primary);
  background: none;
  border-bottom: 3px solid var(--color-primary);
}

@media (max-width: 575px) {
  .favorite .nav-link {
    font-size: 16px;
  }
}

.favorite .tab-content h4 {
  font-size: 18px;
  margin: 0;
  font-weight: 700;
  color: var(--color-secondary);
}

.favorite .tab-content i {
  font-size: 22px;
  line-height: 0;
  margin-right: 8px;
  color: black;
}

@media (max-width: 991px) {
  .favorite {
    padding: 0;
  }
}

.favorite .content h3 {
  font-weight: 400;
  font-size: 34px;
  color: var(--color-secondary);
  
}

.favorite .content h4 {
  font-size: 20px;
  font-weight: 700;
  margin-top: 5px;
}

.favorite .content p {
  font-size: 15px;
  color: var(--color-gray);
}

.favorite .img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 400px;
}

.favorite .different {
  background-color: transparent;
  border: 1px solid #000;
  padding: 2em 0em 2em 0em;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
  margin-top: 6em;
}

.favorite .different {
  margin-left: auto;
  margin-right: auto;
  /* padding: 4%; */
}

@media (max-width: 1199px) {
  .favorite .different {
    margin-left: auto;
    margin-right: auto;
    padding-left: 5%;
    padding-right: 5%;
  }

  .favorite {
    padding-top: 5%;
  }

}

@media (max-width: 575px) {
  .favorite .different {
    margin-left: auto;
    margin-right: auto;
    padding-left: 2em;
    padding-right: 2em;
  }
  .favorite {
    padding: 2em;
    padding-top: 2em;
  }

}

.favorite .accordion-item {
  border: 0;
  /* margin-top: 15px; */
  /* box-shadow: 0px 5px 25px 0px rgba(var(--color-black-rgb), 0.06); */
}

.favorite .accordion-collapse {
  border: 0;
}

.favorite .accordion-button {
  padding: 15px 40px 20px 0px;
  /* font-weight: 600; */
  /* border: 0; */
  font-size: 20px;
  text-align: left;
  background: transparent;
  /* box-shadow: none; */
  /* border-radius: 5px; */
  font-family: "WhyteInktrapLight", "sans-serif", monospace;
  font-weight: 500;
  border-bottom: 1px solid var(--color-secondary);
  box-shadow: none;
  color: #000;
}

.favorite .accordion-button:not(.collapsed) {
  color: var(--color-secondary);
  border-bottom: 0;
  box-shadow: none;
  border-bottom: 1px solid var(--color-secondary);
  padding: 15px 40px 20px 0px;
}

.favorite .question-icon {
  position: absolute;
  top: 14px;
  left: 25px;
  font-size: 20px;
  color: black;
}

.favorite .accordion-button:after {
  position: absolute;
  right: 15px;
  top: 15px;
  color: black;
}

.favorite .accordion-body {
  padding: 0 30px 25px 60px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  box-shadow: none;
}

/*--------------------------------------------------------------
# cap Section
--------------------------------------------------------------*/
.cap .cap-img {
  position: relative;
  margin: 60px 0 0 60px;
  height: 50vh;
}

.cap .cap-img:before {
  position: absolute;
  inset: -60px 0 0 -60px;
  z-index: -1;
  content: "";
  background: url("../img/about-bg.png") top left;
  background-repeat: no-repeat;
}

@media (max-width: 575px) {
  .cap .cap-img {
    margin: 30px 0 0 30px;
  }

  .cap .cap-img:before {
    inset: -30px 0 0 -30px;
  }
}


.cap h3 {
  color: var(--color-secondary);
  font-family: var(--font-secondary);
  font-weight: 300;
  font-size: 32px;
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  .cap h3 {
    font-size: 28px;
  }
}

.cap .nav-pills {
  border-bottom: 1px solid rgba(var(--color-secondary-rgb), 0.2);
}

.cap .nav-pills li+li {
  margin-left: 40px;
}

.cap .nav-link {
  background: none;
  font-size: 18px;
  font-weight: 400;
  color: var(--color-secondary);
  padding: 12px 0;
  margin-bottom: -2px;
  border-radius: 0;
  font-family: var(--font-secondary);
}

.cap .nav-link.active {
  color: var(--color-primary);
  background: none;
  border-bottom: 3px solid var(--color-primary);
}

@media (max-width: 575px) {
  .cap .nav-link {
    font-size: 16px;
  }
}

.cap .tab-content h4 {
  font-size: 18px;
  margin: 0;
  font-weight: 700;
  color: var(--color-secondary);
}

.cap .tab-content i {
  font-size: 22px;
  line-height: 0;
  margin-right: 8px;
  color: var(--color-primary);
}

/* ------------ */
.fancy_card {
  font-family: Roboto, sans-serif;
  width: 300px;
  border-radius: 5px;
  box-shadow: 8px 14px 38px rgba(39,44,49,.1), 1px 3px 8px rgba(39,44,49,.03);
  overflow: hidden; /* otherwise header image won't respect rounded corners */
  background: white;
  transition: all .5s ease; /* back to normal */
}
.fancy_card:hover {
  transform: translate3D(0,-1px,0) scale(1.03); /* move up slightly and zoom in */
  box-shadow: 0px 0px 50px rgba(39,44,49,0.5), 1px 6px 12px rgba(39,44,49,.04);
  transition: all .4s ease; /* zoom in */
  cursor: pointer;
}

.card_image {
  width: 100%; /* forces image to maintain its aspect ratio; otherwise image stretches vertically */
}

.card_text {
  padding: 20px 13px 10px 16px;
}

.tags {
  color: #738a94;
  font-size: 0.9rem;
  line-height: 1em;
  font-weight: 500;
  letter-spacing: .5px;
  text-transform: uppercase;
}

.card_footer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center; /* vertically align content */
  font-family: roboto, sans-serif;
  padding: 10px 20px 10px 10px;
}

.author_image {
  object-fit: cover; /* don't squish profile image */
  object-position: 30%;  /* move image to the right slightly */
  border-radius: 100%; /* make profile image a circle */
  width: 44px;
  height: 44px;
}

.reading_time {
  color: #738a94;
  font-size: 0.9rem;
  line-height: 33px;
  font-weight: 500;
  text-transform: uppercase;  
  margin-left: auto; /* move over to the right */
}

/*--------------------------------------------------------------
# foundation Section
--------------------------------------------------------------*/
.foundation {
  /* background: radial-gradient(#c2c2c2 8%, transparent 8%), white; */
  background-position: 0 0, 25px 25px;
  background-size:25px 25px;
  min-height: 100vh;
  transition: background-color 0.3s ease-in-out;
  margin-top: 80px;
  margin-bottom: 80px;
}

.foundation h1 {
  color: black;
  font-family: "WhyteInktrapBook", "sans-serif", monospace;
  font-weight: 500;
  font-size: 50px;
  padding-bottom: 3%;
}

.foundation h3 {
  color: var(--color-secondary);
  font-family: "WhyteInktrapBook", "sans-serif", monospace;
  font-weight: 300;
  font-size: 32px;
  margin-bottom: 10px;
}

.foundation .threefoundation {
  margin-top: 9%;
}

.foundation-title {
  font-family: "WhyteInktrapBook", "sans-serif", monospace;
  font-weight: 100;
  font-size: 20px;
  color: black;
}

.foundation-text {
  color: black;
  font-family: "WhyteInktrapLight", "sans-serif", monospace;
  font-weight: 0;
  font-size: 20px;
}
.circlefirst {
  min-height: 20vh;
  display: flex;
  justify-content: center;
  align-content: center;
  perspective: 1000px;
  perspective-origin: center top;
  transform-style: preserve-3d;
  overflow: hidden;
}
a.circle {
  width: 40vmin;
  height: 40vmin;
  transform-style: preserve-3d;
  position: relative;
  -webkit-animation: h 1s both;
          animation: h 1s both;
  transform-origin: center bottom;
  padding-top: 8%;
  padding-left: 13%;
}
a.circle:before,
a.circle:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: center / cover url(https://images.unsplash.com/photo-1486736065690-45e0655d038a?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=80);
}
a.circle:before {
  -webkit-animation: f 4s both;
          animation: f 4s both;
}
@-webkit-keyframes f {
  from {
    -webkit-clip-path: inset(0 80% 0 0);
            clip-path: inset(0 80% 0 0);
  }
  50%,
  to {
    -webkit-clip-path: inset(0 0% 0 0);
            clip-path: inset(0 0% 0 0);
  }
}
@keyframes f {
  from {
    -webkit-clip-path: inset(0 80% 0 0);
            clip-path: inset(0 80% 0 0);
  }
  50%,
  to {
    -webkit-clip-path: inset(0 0% 0 0);
            clip-path: inset(0 0% 0 0);
  }
}
a.circle:after {
  filter: brightness(0.2);
  transform: rotateY(-180deg);
  -webkit-animation: g 4s both;
          animation: g 4s both;
}
@-webkit-keyframes g {
  from {
    -webkit-clip-path: inset(0 0 0 20%);
            clip-path: inset(0 0 0 20%);
    transform-origin: 20% 0;
  }
  50%,
  to {
    -webkit-clip-path: inset(0 0 0 100%);
            clip-path: inset(0 0 0 100%);
    transform-origin: 100% 0;
  }
}
@keyframes g {
  from {
    -webkit-clip-path: inset(0 0 0 20%);
            clip-path: inset(0 0 0 20%);
    transform-origin: 20% 0;
  }
  50%,
  to {
    -webkit-clip-path: inset(0 0 0 100%);
            clip-path: inset(0 0 0 100%);
    transform-origin: 100% 0;
  }
}
@-webkit-keyframes h {
  from {
    transform: rotate(-50deg);
  }
  to {
    transform: rotate(-40deg);
  }
}
@keyframes h {
  from {
    transform: rotate(-50deg);
  }
  to {
    transform: rotate(-40deg);
  }
}


@media (min-width: 992px) {
  .foundation .attention-text h1 {
    margin-left: 100px;
  }
  .foundation .first {
    padding-top: 80px;
  }

  .foundation .foundation-img {
    position: relative;
    margin: -100px 0 0 -120px;
  }
  
  .foundation .foundation-img:before {
    position: absolute;
    inset: -0 0 0 -0;
    z-index: -1;
    content: "";
    /* background: url("../img/about-bg.png") top left; */
    background-repeat: no-repeat;
  }

}

@media (max-width: 991px) {
  .foundation .foundation-img {
    /* position: relative;
    margin: 60px 0 0 60px;
    width: 50vh; */
    display: none;
  }
  
  .foundation .foundation-img:before {
    /* position: absolute;
    inset: -60px 0 0 -60px;
    z-index: -1;
    content: ""; */
    /* background: url("../img/about-bg.png") top left; */
    /* background-repeat: no-repeat; */
    display: none;
  }
  .foundation .attention-text h1 {
    margin-left: 100px;
  }
  .foundation .first {
    padding-top: 80px;
  }

  .foundation .foundation-img {
    position: relative;
    margin: -100px 0 0 -120px;
  }
  
  .foundation .foundation-img:before {
    position: absolute;
    inset: -0 0 0 -0;
    z-index: -1;
    content: "";
    /* background: url("../img/about-bg.png") top left; */
    background-repeat: no-repeat;
  }

}

@media (max-width: 575px) {
  .foundation .foundation-img {
    margin: 30px 0 0 30px;
  }

  .foundation .foundation-img:before {
    inset: -30px 0 0 -30px;
  }
}

@media (max-width: 768px) {
  .foundation h3 {
    font-size: 28px;
  }
}

.foundation .nav-pills {
  border-bottom: 1px solid rgba(var(--color-secondary-rgb), 0.2);
}

.foundation .nav-pills li+li {
  margin-left: 40px;
}

.foundation .nav-link {
  background: none;
  font-size: 18px;
  font-weight: 400;
  color: var(--color-secondary);
  padding: 12px 0;
  margin-bottom: -2px;
  border-radius: 0;
  font-family: var(--font-secondary);
}

.foundation .nav-link.active {
  color: var(--color-primary);
  background: none;
  border-bottom: 3px solid var(--color-primary);
}

@media (max-width: 575px) {
  .foundation .nav-link {
    font-size: 16px;
  }
}

.foundation .tab-content h4 {
  font-size: 18px;
  margin: 0;
  font-weight: 700;
  color: var(--color-secondary);
}

.foundation .tab-content i {
  font-size: 22px;
  line-height: 0;
  margin-right: 8px;
  color: var(--color-primary);
}

/*Circle Quotes*/

.circle-quotes {
  display: grid;
  justify-content: center;
  align-content: center;
  height: 70vh;
  overflow: hidden;
  background: transparent;
}
@media screen and (max-width: 1000px) {
  .circle-quotes {
    transform: scale(0.9);
  }
}
@media screen and (max-width: 600px) {
  .circle-quotes {
    transform: scale(0.6);
  }
}

.circle-quotes .text {
  font-size: 3.5rem;
  font-family: Kanit, sans-serif;
  text-transform: uppercase;
  color: white;
  text-stroke: 2px var(--shadow-color, #282828);
  -webkit-text-stroke: 2px var(--shadow-color, #282828);
  letter-spacing: 3px;
  transform: scaleX(0.5);
  -webkit-animation: stagger 2.5s steps(25) alternate infinite;
          animation: stagger 2.5s steps(25) alternate infinite;
}
@-webkit-keyframes stagger {
  0% {
    text-shadow: -0.3333333333px 0.3px var(--shadow-color, #282828) , -0.6666666667px 0.6px var(--shadow-color, #282828) , -1px 0.9px var(--shadow-color, #282828) , -1.3333333333px 1.2px var(--shadow-color, #282828) , -1.6666666667px 1.5px var(--shadow-color, #282828) , -2px 1.8px var(--shadow-color, #282828) , -2.3333333333px 2.1px var(--shadow-color, #282828) , -2.6666666667px 2.4px var(--shadow-color, #282828) , -3px 2.7px var(--shadow-color, #282828) , -3.3333333333px 3px var(--shadow-color, #282828) , -3.6666666667px 3.3px var(--shadow-color, #282828) , -4px 3.6px var(--shadow-color, #282828) , -4.3333333333px 3.9px var(--shadow-color, #282828) , -4.6666666667px 4.2px var(--shadow-color, #282828) , -5px 4.5px var(--shadow-color, #282828) , -5.3333333333px 4.8px var(--shadow-color, #282828) , -5.6666666667px 5.1px var(--shadow-color, #282828) , -6px 5.4px var(--shadow-color, #282828) , -6.3333333333px 5.7px var(--shadow-color, #282828) , -6.6666666667px 6px var(--shadow-color, #282828) , -7px 6.3px var(--shadow-color, #282828) , -7.3333333333px 6.6px var(--shadow-color, #282828) , -7.6666666667px 6.9px var(--shadow-color, #282828) , -8px 7.2px var(--shadow-color, #282828) , -8.3333333333px 7.5px var(--shadow-color, #282828) , -8.6666666667px 7.8px var(--shadow-color, #282828) , -9px 8.1px var(--shadow-color, #282828) , -9.3333333333px 8.4px var(--shadow-color, #282828) , -9.6666666667px 8.7px var(--shadow-color, #282828) , -10px 9px var(--shadow-color, #282828);
  }
  4% {
    text-shadow: -0.3307049004px 0.3px var(--shadow-color, #282828) , -0.6614098009px 0.6px var(--shadow-color, #282828) , -0.9921147013px 0.9px var(--shadow-color, #282828) , -1.3228196018px 1.2px var(--shadow-color, #282828) , -1.6535245022px 1.5px var(--shadow-color, #282828) , -1.9842294026px 1.8px var(--shadow-color, #282828) , -2.3149343031px 2.1px var(--shadow-color, #282828) , -2.6456392035px 2.4px var(--shadow-color, #282828) , -2.9763441039px 2.7px var(--shadow-color, #282828) , -3.3070490044px 3px var(--shadow-color, #282828) , -3.6377539048px 3.3px var(--shadow-color, #282828) , -3.9684588053px 3.6px var(--shadow-color, #282828) , -4.2991637057px 3.9px var(--shadow-color, #282828) , -4.6298686061px 4.2px var(--shadow-color, #282828) , -4.9605735066px 4.5px var(--shadow-color, #282828) , -5.291278407px 4.8px var(--shadow-color, #282828) , -5.6219833074px 5.1px var(--shadow-color, #282828) , -5.9526882079px 5.4px var(--shadow-color, #282828) , -6.2833931083px 5.7px var(--shadow-color, #282828) , -6.6140980088px 6px var(--shadow-color, #282828) , -6.9448029092px 6.3px var(--shadow-color, #282828) , -7.2755078096px 6.6px var(--shadow-color, #282828) , -7.6062127101px 6.9px var(--shadow-color, #282828) , -7.9369176105px 7.2px var(--shadow-color, #282828) , -8.267622511px 7.5px var(--shadow-color, #282828) , -8.5983274114px 7.8px var(--shadow-color, #282828) , -8.9290323118px 8.1px var(--shadow-color, #282828) , -9.2597372123px 8.4px var(--shadow-color, #282828) , -9.5904421127px 8.7px var(--shadow-color, #282828) , -9.9211470131px 9px var(--shadow-color, #282828);
  }
  8% {
    text-shadow: -0.3228610537px 0.3px var(--shadow-color, #282828) , -0.6457221074px 0.6px var(--shadow-color, #282828) , -0.9685831611px 0.9px var(--shadow-color, #282828) , -1.2914442148px 1.2px var(--shadow-color, #282828) , -1.6143052685px 1.5px var(--shadow-color, #282828) , -1.9371663223px 1.8px var(--shadow-color, #282828) , -2.260027376px 2.1px var(--shadow-color, #282828) , -2.5828884297px 2.4px var(--shadow-color, #282828) , -2.9057494834px 2.7px var(--shadow-color, #282828) , -3.2286105371px 3px var(--shadow-color, #282828) , -3.5514715908px 3.3px var(--shadow-color, #282828) , -3.8743326445px 3.6px var(--shadow-color, #282828) , -4.1971936982px 3.9px var(--shadow-color, #282828) , -4.5200547519px 4.2px var(--shadow-color, #282828) , -4.8429158056px 4.5px var(--shadow-color, #282828) , -5.1657768594px 4.8px var(--shadow-color, #282828) , -5.4886379131px 5.1px var(--shadow-color, #282828) , -5.8114989668px 5.4px var(--shadow-color, #282828) , -6.1343600205px 5.7px var(--shadow-color, #282828) , -6.4572210742px 6px var(--shadow-color, #282828) , -6.7800821279px 6.3px var(--shadow-color, #282828) , -7.1029431816px 6.6px var(--shadow-color, #282828) , -7.4258042353px 6.9px var(--shadow-color, #282828) , -7.748665289px 7.2px var(--shadow-color, #282828) , -8.0715263427px 7.5px var(--shadow-color, #282828) , -8.3943873964px 7.8px var(--shadow-color, #282828) , -8.7172484502px 8.1px var(--shadow-color, #282828) , -9.0401095039px 8.4px var(--shadow-color, #282828) , -9.3629705576px 8.7px var(--shadow-color, #282828) , -9.6858316113px 9px var(--shadow-color, #282828);
  }
  12% {
    text-shadow: -0.3099254953px 0.3px var(--shadow-color, #282828) , -0.6198509906px 0.6px var(--shadow-color, #282828) , -0.9297764859px 0.9px var(--shadow-color, #282828) , -1.2397019812px 1.2px var(--shadow-color, #282828) , -1.5496274765px 1.5px var(--shadow-color, #282828) , -1.8595529718px 1.8px var(--shadow-color, #282828) , -2.1694784671px 2.1px var(--shadow-color, #282828) , -2.4794039624px 2.4px var(--shadow-color, #282828) , -2.7893294577px 2.7px var(--shadow-color, #282828) , -3.099254953px 3px var(--shadow-color, #282828) , -3.4091804483px 3.3px var(--shadow-color, #282828) , -3.7191059436px 3.6px var(--shadow-color, #282828) , -4.0290314388px 3.9px var(--shadow-color, #282828) , -4.3389569341px 4.2px var(--shadow-color, #282828) , -4.6488824294px 4.5px var(--shadow-color, #282828) , -4.9588079247px 4.8px var(--shadow-color, #282828) , -5.26873342px 5.1px var(--shadow-color, #282828) , -5.5786589153px 5.4px var(--shadow-color, #282828) , -5.8885844106px 5.7px var(--shadow-color, #282828) , -6.1985099059px 6px var(--shadow-color, #282828) , -6.5084354012px 6.3px var(--shadow-color, #282828) , -6.8183608965px 6.6px var(--shadow-color, #282828) , -7.1282863918px 6.9px var(--shadow-color, #282828) , -7.4382118871px 7.2px var(--shadow-color, #282828) , -7.7481373824px 7.5px var(--shadow-color, #282828) , -8.0580628777px 7.8px var(--shadow-color, #282828) , -8.367988373px 8.1px var(--shadow-color, #282828) , -8.6779138683px 8.4px var(--shadow-color, #282828) , -8.9878393636px 8.7px var(--shadow-color, #282828) , -9.2977648589px 9px var(--shadow-color, #282828);
  }
  16% {
    text-shadow: -0.2921022267px 0.3px var(--shadow-color, #282828) , -0.5842044534px 0.6px var(--shadow-color, #282828) , -0.87630668px 0.9px var(--shadow-color, #282828) , -1.1684089067px 1.2px var(--shadow-color, #282828) , -1.4605111334px 1.5px var(--shadow-color, #282828) , -1.7526133601px 1.8px var(--shadow-color, #282828) , -2.0447155868px 2.1px var(--shadow-color, #282828) , -2.3368178135px 2.4px var(--shadow-color, #282828) , -2.6289200401px 2.7px var(--shadow-color, #282828) , -2.9210222668px 3px var(--shadow-color, #282828) , -3.2131244935px 3.3px var(--shadow-color, #282828) , -3.5052267202px 3.6px var(--shadow-color, #282828) , -3.7973289469px 3.9px var(--shadow-color, #282828) , -4.0894311735px 4.2px var(--shadow-color, #282828) , -4.3815334002px 4.5px var(--shadow-color, #282828) , -4.6736356269px 4.8px var(--shadow-color, #282828) , -4.9657378536px 5.1px var(--shadow-color, #282828) , -5.2578400803px 5.4px var(--shadow-color, #282828) , -5.5499423069px 5.7px var(--shadow-color, #282828) , -5.8420445336px 6px var(--shadow-color, #282828) , -6.1341467603px 6.3px var(--shadow-color, #282828) , -6.426248987px 6.6px var(--shadow-color, #282828) , -6.7183512137px 6.9px var(--shadow-color, #282828) , -7.0104534404px 7.2px var(--shadow-color, #282828) , -7.302555667px 7.5px var(--shadow-color, #282828) , -7.5946578937px 7.8px var(--shadow-color, #282828) , -7.8867601204px 8.1px var(--shadow-color, #282828) , -8.1788623471px 8.4px var(--shadow-color, #282828) , -8.4709645738px 8.7px var(--shadow-color, #282828) , -8.7630668004px 9px var(--shadow-color, #282828);
  }
  20% {
    text-shadow: -0.2696723315px 0.3px var(--shadow-color, #282828) , -0.5393446629px 0.6px var(--shadow-color, #282828) , -0.8090169944px 0.9px var(--shadow-color, #282828) , -1.0786893258px 1.2px var(--shadow-color, #282828) , -1.3483616573px 1.5px var(--shadow-color, #282828) , -1.6180339887px 1.8px var(--shadow-color, #282828) , -1.8877063202px 2.1px var(--shadow-color, #282828) , -2.1573786517px 2.4px var(--shadow-color, #282828) , -2.4270509831px 2.7px var(--shadow-color, #282828) , -2.6967233146px 3px var(--shadow-color, #282828) , -2.966395646px 3.3px var(--shadow-color, #282828) , -3.2360679775px 3.6px var(--shadow-color, #282828) , -3.505740309px 3.9px var(--shadow-color, #282828) , -3.7754126404px 4.2px var(--shadow-color, #282828) , -4.0450849719px 4.5px var(--shadow-color, #282828) , -4.3147573033px 4.8px var(--shadow-color, #282828) , -4.5844296348px 5.1px var(--shadow-color, #282828) , -4.8541019662px 5.4px var(--shadow-color, #282828) , -5.1237742977px 5.7px var(--shadow-color, #282828) , -5.3934466292px 6px var(--shadow-color, #282828) , -5.6631189606px 6.3px var(--shadow-color, #282828) , -5.9327912921px 6.6px var(--shadow-color, #282828) , -6.2024636235px 6.9px var(--shadow-color, #282828) , -6.472135955px 7.2px var(--shadow-color, #282828) , -6.7418082865px 7.5px var(--shadow-color, #282828) , -7.0114806179px 7.8px var(--shadow-color, #282828) , -7.2811529494px 8.1px var(--shadow-color, #282828) , -7.5508252808px 8.4px var(--shadow-color, #282828) , -7.8204976123px 8.7px var(--shadow-color, #282828) , -8.0901699437px 9px var(--shadow-color, #282828);
  }
  24% {
    text-shadow: -0.2429895425px 0.3px var(--shadow-color, #282828) , -0.4859790849px 0.6px var(--shadow-color, #282828) , -0.7289686274px 0.9px var(--shadow-color, #282828) , -0.9719581699px 1.2px var(--shadow-color, #282828) , -1.2149477124px 1.5px var(--shadow-color, #282828) , -1.4579372548px 1.8px var(--shadow-color, #282828) , -1.7009267973px 2.1px var(--shadow-color, #282828) , -1.9439163398px 2.4px var(--shadow-color, #282828) , -2.1869058823px 2.7px var(--shadow-color, #282828) , -2.4298954247px 3px var(--shadow-color, #282828) , -2.6728849672px 3.3px var(--shadow-color, #282828) , -2.9158745097px 3.6px var(--shadow-color, #282828) , -3.1588640522px 3.9px var(--shadow-color, #282828) , -3.4018535946px 4.2px var(--shadow-color, #282828) , -3.6448431371px 4.5px var(--shadow-color, #282828) , -3.8878326796px 4.8px var(--shadow-color, #282828) , -4.1308222221px 5.1px var(--shadow-color, #282828) , -4.3738117645px 5.4px var(--shadow-color, #282828) , -4.616801307px 5.7px var(--shadow-color, #282828) , -4.8597908495px 6px var(--shadow-color, #282828) , -5.1027803919px 6.3px var(--shadow-color, #282828) , -5.3457699344px 6.6px var(--shadow-color, #282828) , -5.5887594769px 6.9px var(--shadow-color, #282828) , -5.8317490194px 7.2px var(--shadow-color, #282828) , -6.0747385618px 7.5px var(--shadow-color, #282828) , -6.3177281043px 7.8px var(--shadow-color, #282828) , -6.5607176468px 8.1px var(--shadow-color, #282828) , -6.8037071893px 8.4px var(--shadow-color, #282828) , -7.0466967317px 8.7px var(--shadow-color, #282828) , -7.2896862742px 9px var(--shadow-color, #282828);
  }
  28% {
    text-shadow: -0.2124746632px 0.3px var(--shadow-color, #282828) , -0.4249493265px 0.6px var(--shadow-color, #282828) , -0.6374239897px 0.9px var(--shadow-color, #282828) , -0.849898653px 1.2px var(--shadow-color, #282828) , -1.0623733162px 1.5px var(--shadow-color, #282828) , -1.2748479795px 1.8px var(--shadow-color, #282828) , -1.4873226427px 2.1px var(--shadow-color, #282828) , -1.699797306px 2.4px var(--shadow-color, #282828) , -1.9122719692px 2.7px var(--shadow-color, #282828) , -2.1247466325px 3px var(--shadow-color, #282828) , -2.3372212957px 3.3px var(--shadow-color, #282828) , -2.549695959px 3.6px var(--shadow-color, #282828) , -2.7621706222px 3.9px var(--shadow-color, #282828) , -2.9746452855px 4.2px var(--shadow-color, #282828) , -3.1871199487px 4.5px var(--shadow-color, #282828) , -3.399594612px 4.8px var(--shadow-color, #282828) , -3.6120692752px 5.1px var(--shadow-color, #282828) , -3.8245439385px 5.4px var(--shadow-color, #282828) , -4.0370186017px 5.7px var(--shadow-color, #282828) , -4.249493265px 6px var(--shadow-color, #282828) , -4.4619679282px 6.3px var(--shadow-color, #282828) , -4.6744425915px 6.6px var(--shadow-color, #282828) , -4.8869172547px 6.9px var(--shadow-color, #282828) , -5.099391918px 7.2px var(--shadow-color, #282828) , -5.3118665812px 7.5px var(--shadow-color, #282828) , -5.5243412445px 7.8px var(--shadow-color, #282828) , -5.7368159077px 8.1px var(--shadow-color, #282828) , -5.949290571px 8.4px var(--shadow-color, #282828) , -6.1617652342px 8.7px var(--shadow-color, #282828) , -6.3742398975px 9px var(--shadow-color, #282828);
  }
  32% {
    text-shadow: -0.1786089317px 0.3px var(--shadow-color, #282828) , -0.3572178633px 0.6px var(--shadow-color, #282828) , -0.535826795px 0.9px var(--shadow-color, #282828) , -0.7144357266px 1.2px var(--shadow-color, #282828) , -0.8930446583px 1.5px var(--shadow-color, #282828) , -1.07165359px 1.8px var(--shadow-color, #282828) , -1.2502625216px 2.1px var(--shadow-color, #282828) , -1.4288714533px 2.4px var(--shadow-color, #282828) , -1.6074803849px 2.7px var(--shadow-color, #282828) , -1.7860893166px 3px var(--shadow-color, #282828) , -1.9646982483px 3.3px var(--shadow-color, #282828) , -2.1433071799px 3.6px var(--shadow-color, #282828) , -2.3219161116px 3.9px var(--shadow-color, #282828) , -2.5005250432px 4.2px var(--shadow-color, #282828) , -2.6791339749px 4.5px var(--shadow-color, #282828) , -2.8577429066px 4.8px var(--shadow-color, #282828) , -3.0363518382px 5.1px var(--shadow-color, #282828) , -3.2149607699px 5.4px var(--shadow-color, #282828) , -3.3935697015px 5.7px var(--shadow-color, #282828) , -3.5721786332px 6px var(--shadow-color, #282828) , -3.7507875649px 6.3px var(--shadow-color, #282828) , -3.9293964965px 6.6px var(--shadow-color, #282828) , -4.1080054282px 6.9px var(--shadow-color, #282828) , -4.2866143598px 7.2px var(--shadow-color, #282828) , -4.4652232915px 7.5px var(--shadow-color, #282828) , -4.6438322232px 7.8px var(--shadow-color, #282828) , -4.8224411548px 8.1px var(--shadow-color, #282828) , -5.0010500865px 8.4px var(--shadow-color, #282828) , -5.1796590181px 8.7px var(--shadow-color, #282828) , -5.3582679498px 9px var(--shadow-color, #282828);
  }
  36% {
    text-shadow: -0.1419264305px 0.3px var(--shadow-color, #282828) , -0.283852861px 0.6px var(--shadow-color, #282828) , -0.4257792916px 0.9px var(--shadow-color, #282828) , -0.5677057221px 1.2px var(--shadow-color, #282828) , -0.7096321526px 1.5px var(--shadow-color, #282828) , -0.8515585831px 1.8px var(--shadow-color, #282828) , -0.9934850137px 2.1px var(--shadow-color, #282828) , -1.1354114442px 2.4px var(--shadow-color, #282828) , -1.2773378747px 2.7px var(--shadow-color, #282828) , -1.4192643052px 3px var(--shadow-color, #282828) , -1.5611907357px 3.3px var(--shadow-color, #282828) , -1.7031171663px 3.6px var(--shadow-color, #282828) , -1.8450435968px 3.9px var(--shadow-color, #282828) , -1.9869700273px 4.2px var(--shadow-color, #282828) , -2.1288964578px 4.5px var(--shadow-color, #282828) , -2.2708228883px 4.8px var(--shadow-color, #282828) , -2.4127493189px 5.1px var(--shadow-color, #282828) , -2.5546757494px 5.4px var(--shadow-color, #282828) , -2.6966021799px 5.7px var(--shadow-color, #282828) , -2.8385286104px 6px var(--shadow-color, #282828) , -2.980455041px 6.3px var(--shadow-color, #282828) , -3.1223814715px 6.6px var(--shadow-color, #282828) , -3.264307902px 6.9px var(--shadow-color, #282828) , -3.4062343325px 7.2px var(--shadow-color, #282828) , -3.548160763px 7.5px var(--shadow-color, #282828) , -3.6900871936px 7.8px var(--shadow-color, #282828) , -3.8320136241px 8.1px var(--shadow-color, #282828) , -3.9739400546px 8.4px var(--shadow-color, #282828) , -4.1158664851px 8.7px var(--shadow-color, #282828) , -4.2577929157px 9px var(--shadow-color, #282828);
  }
  40% {
    text-shadow: -0.1030056648px 0.3px var(--shadow-color, #282828) , -0.2060113296px 0.6px var(--shadow-color, #282828) , -0.3090169944px 0.9px var(--shadow-color, #282828) , -0.4120226592px 1.2px var(--shadow-color, #282828) , -0.515028324px 1.5px var(--shadow-color, #282828) , -0.6180339887px 1.8px var(--shadow-color, #282828) , -0.7210396535px 2.1px var(--shadow-color, #282828) , -0.8240453183px 2.4px var(--shadow-color, #282828) , -0.9270509831px 2.7px var(--shadow-color, #282828) , -1.0300566479px 3px var(--shadow-color, #282828) , -1.1330623127px 3.3px var(--shadow-color, #282828) , -1.2360679775px 3.6px var(--shadow-color, #282828) , -1.3390736423px 3.9px var(--shadow-color, #282828) , -1.4420793071px 4.2px var(--shadow-color, #282828) , -1.5450849719px 4.5px var(--shadow-color, #282828) , -1.6480906367px 4.8px var(--shadow-color, #282828) , -1.7510963015px 5.1px var(--shadow-color, #282828) , -1.8541019662px 5.4px var(--shadow-color, #282828) , -1.957107631px 5.7px var(--shadow-color, #282828) , -2.0601132958px 6px var(--shadow-color, #282828) , -2.1631189606px 6.3px var(--shadow-color, #282828) , -2.2661246254px 6.6px var(--shadow-color, #282828) , -2.3691302902px 6.9px var(--shadow-color, #282828) , -2.472135955px 7.2px var(--shadow-color, #282828) , -2.5751416198px 7.5px var(--shadow-color, #282828) , -2.6781472846px 7.8px var(--shadow-color, #282828) , -2.7811529494px 8.1px var(--shadow-color, #282828) , -2.8841586142px 8.4px var(--shadow-color, #282828) , -2.987164279px 8.7px var(--shadow-color, #282828) , -3.0901699437px 9px var(--shadow-color, #282828);
  }
  44% {
    text-shadow: -0.0624604382px 0.3px var(--shadow-color, #282828) , -0.1249208764px 0.6px var(--shadow-color, #282828) , -0.1873813146px 0.9px var(--shadow-color, #282828) , -0.2498417528px 1.2px var(--shadow-color, #282828) , -0.312302191px 1.5px var(--shadow-color, #282828) , -0.3747626292px 1.8px var(--shadow-color, #282828) , -0.4372230674px 2.1px var(--shadow-color, #282828) , -0.4996835056px 2.4px var(--shadow-color, #282828) , -0.5621439438px 2.7px var(--shadow-color, #282828) , -0.624604382px 3px var(--shadow-color, #282828) , -0.6870648201px 3.3px var(--shadow-color, #282828) , -0.7495252583px 3.6px var(--shadow-color, #282828) , -0.8119856965px 3.9px var(--shadow-color, #282828) , -0.8744461347px 4.2px var(--shadow-color, #282828) , -0.9369065729px 4.5px var(--shadow-color, #282828) , -0.9993670111px 4.8px var(--shadow-color, #282828) , -1.0618274493px 5.1px var(--shadow-color, #282828) , -1.1242878875px 5.4px var(--shadow-color, #282828) , -1.1867483257px 5.7px var(--shadow-color, #282828) , -1.2492087639px 6px var(--shadow-color, #282828) , -1.3116692021px 6.3px var(--shadow-color, #282828) , -1.3741296403px 6.6px var(--shadow-color, #282828) , -1.4365900785px 6.9px var(--shadow-color, #282828) , -1.4990505167px 7.2px var(--shadow-color, #282828) , -1.5615109549px 7.5px var(--shadow-color, #282828) , -1.6239713931px 7.8px var(--shadow-color, #282828) , -1.6864318313px 8.1px var(--shadow-color, #282828) , -1.7488922695px 8.4px var(--shadow-color, #282828) , -1.8113527077px 8.7px var(--shadow-color, #282828) , -1.8738131459px 9px var(--shadow-color, #282828);
  }
  48% {
    text-shadow: -0.0209301732px 0.3px var(--shadow-color, #282828) , -0.0418603464px 0.6px var(--shadow-color, #282828) , -0.0627905195px 0.9px var(--shadow-color, #282828) , -0.0837206927px 1.2px var(--shadow-color, #282828) , -0.1046508659px 1.5px var(--shadow-color, #282828) , -0.1255810391px 1.8px var(--shadow-color, #282828) , -0.1465112122px 2.1px var(--shadow-color, #282828) , -0.1674413854px 2.4px var(--shadow-color, #282828) , -0.1883715586px 2.7px var(--shadow-color, #282828) , -0.2093017318px 3px var(--shadow-color, #282828) , -0.2302319049px 3.3px var(--shadow-color, #282828) , -0.2511620781px 3.6px var(--shadow-color, #282828) , -0.2720922513px 3.9px var(--shadow-color, #282828) , -0.2930224245px 4.2px var(--shadow-color, #282828) , -0.3139525976px 4.5px var(--shadow-color, #282828) , -0.3348827708px 4.8px var(--shadow-color, #282828) , -0.355812944px 5.1px var(--shadow-color, #282828) , -0.3767431172px 5.4px var(--shadow-color, #282828) , -0.3976732904px 5.7px var(--shadow-color, #282828) , -0.4186034635px 6px var(--shadow-color, #282828) , -0.4395336367px 6.3px var(--shadow-color, #282828) , -0.4604638099px 6.6px var(--shadow-color, #282828) , -0.4813939831px 6.9px var(--shadow-color, #282828) , -0.5023241562px 7.2px var(--shadow-color, #282828) , -0.5232543294px 7.5px var(--shadow-color, #282828) , -0.5441845026px 7.8px var(--shadow-color, #282828) , -0.5651146758px 8.1px var(--shadow-color, #282828) , -0.5860448489px 8.4px var(--shadow-color, #282828) , -0.6069750221px 8.7px var(--shadow-color, #282828) , -0.6279051953px 9px var(--shadow-color, #282828);
  }
  52% {
    text-shadow: 0.0209301732px 0.3px var(--shadow-color, #282828) , 0.0418603464px 0.6px var(--shadow-color, #282828) , 0.0627905195px 0.9px var(--shadow-color, #282828) , 0.0837206927px 1.2px var(--shadow-color, #282828) , 0.1046508659px 1.5px var(--shadow-color, #282828) , 0.1255810391px 1.8px var(--shadow-color, #282828) , 0.1465112122px 2.1px var(--shadow-color, #282828) , 0.1674413854px 2.4px var(--shadow-color, #282828) , 0.1883715586px 2.7px var(--shadow-color, #282828) , 0.2093017318px 3px var(--shadow-color, #282828) , 0.2302319049px 3.3px var(--shadow-color, #282828) , 0.2511620781px 3.6px var(--shadow-color, #282828) , 0.2720922513px 3.9px var(--shadow-color, #282828) , 0.2930224245px 4.2px var(--shadow-color, #282828) , 0.3139525976px 4.5px var(--shadow-color, #282828) , 0.3348827708px 4.8px var(--shadow-color, #282828) , 0.355812944px 5.1px var(--shadow-color, #282828) , 0.3767431172px 5.4px var(--shadow-color, #282828) , 0.3976732904px 5.7px var(--shadow-color, #282828) , 0.4186034635px 6px var(--shadow-color, #282828) , 0.4395336367px 6.3px var(--shadow-color, #282828) , 0.4604638099px 6.6px var(--shadow-color, #282828) , 0.4813939831px 6.9px var(--shadow-color, #282828) , 0.5023241562px 7.2px var(--shadow-color, #282828) , 0.5232543294px 7.5px var(--shadow-color, #282828) , 0.5441845026px 7.8px var(--shadow-color, #282828) , 0.5651146758px 8.1px var(--shadow-color, #282828) , 0.5860448489px 8.4px var(--shadow-color, #282828) , 0.6069750221px 8.7px var(--shadow-color, #282828) , 0.6279051953px 9px var(--shadow-color, #282828);
  }
  56% {
    text-shadow: 0.0624604382px 0.3px var(--shadow-color, #282828) , 0.1249208764px 0.6px var(--shadow-color, #282828) , 0.1873813146px 0.9px var(--shadow-color, #282828) , 0.2498417528px 1.2px var(--shadow-color, #282828) , 0.312302191px 1.5px var(--shadow-color, #282828) , 0.3747626292px 1.8px var(--shadow-color, #282828) , 0.4372230674px 2.1px var(--shadow-color, #282828) , 0.4996835056px 2.4px var(--shadow-color, #282828) , 0.5621439438px 2.7px var(--shadow-color, #282828) , 0.624604382px 3px var(--shadow-color, #282828) , 0.6870648201px 3.3px var(--shadow-color, #282828) , 0.7495252583px 3.6px var(--shadow-color, #282828) , 0.8119856965px 3.9px var(--shadow-color, #282828) , 0.8744461347px 4.2px var(--shadow-color, #282828) , 0.9369065729px 4.5px var(--shadow-color, #282828) , 0.9993670111px 4.8px var(--shadow-color, #282828) , 1.0618274493px 5.1px var(--shadow-color, #282828) , 1.1242878875px 5.4px var(--shadow-color, #282828) , 1.1867483257px 5.7px var(--shadow-color, #282828) , 1.2492087639px 6px var(--shadow-color, #282828) , 1.3116692021px 6.3px var(--shadow-color, #282828) , 1.3741296403px 6.6px var(--shadow-color, #282828) , 1.4365900785px 6.9px var(--shadow-color, #282828) , 1.4990505167px 7.2px var(--shadow-color, #282828) , 1.5615109549px 7.5px var(--shadow-color, #282828) , 1.6239713931px 7.8px var(--shadow-color, #282828) , 1.6864318313px 8.1px var(--shadow-color, #282828) , 1.7488922695px 8.4px var(--shadow-color, #282828) , 1.8113527077px 8.7px var(--shadow-color, #282828) , 1.8738131459px 9px var(--shadow-color, #282828);
  }
  60% {
    text-shadow: 0.1030056648px 0.3px var(--shadow-color, #282828) , 0.2060113296px 0.6px var(--shadow-color, #282828) , 0.3090169944px 0.9px var(--shadow-color, #282828) , 0.4120226592px 1.2px var(--shadow-color, #282828) , 0.515028324px 1.5px var(--shadow-color, #282828) , 0.6180339887px 1.8px var(--shadow-color, #282828) , 0.7210396535px 2.1px var(--shadow-color, #282828) , 0.8240453183px 2.4px var(--shadow-color, #282828) , 0.9270509831px 2.7px var(--shadow-color, #282828) , 1.0300566479px 3px var(--shadow-color, #282828) , 1.1330623127px 3.3px var(--shadow-color, #282828) , 1.2360679775px 3.6px var(--shadow-color, #282828) , 1.3390736423px 3.9px var(--shadow-color, #282828) , 1.4420793071px 4.2px var(--shadow-color, #282828) , 1.5450849719px 4.5px var(--shadow-color, #282828) , 1.6480906367px 4.8px var(--shadow-color, #282828) , 1.7510963015px 5.1px var(--shadow-color, #282828) , 1.8541019662px 5.4px var(--shadow-color, #282828) , 1.957107631px 5.7px var(--shadow-color, #282828) , 2.0601132958px 6px var(--shadow-color, #282828) , 2.1631189606px 6.3px var(--shadow-color, #282828) , 2.2661246254px 6.6px var(--shadow-color, #282828) , 2.3691302902px 6.9px var(--shadow-color, #282828) , 2.472135955px 7.2px var(--shadow-color, #282828) , 2.5751416198px 7.5px var(--shadow-color, #282828) , 2.6781472846px 7.8px var(--shadow-color, #282828) , 2.7811529494px 8.1px var(--shadow-color, #282828) , 2.8841586142px 8.4px var(--shadow-color, #282828) , 2.987164279px 8.7px var(--shadow-color, #282828) , 3.0901699437px 9px var(--shadow-color, #282828);
  }
  64% {
    text-shadow: 0.1419264305px 0.3px var(--shadow-color, #282828) , 0.283852861px 0.6px var(--shadow-color, #282828) , 0.4257792916px 0.9px var(--shadow-color, #282828) , 0.5677057221px 1.2px var(--shadow-color, #282828) , 0.7096321526px 1.5px var(--shadow-color, #282828) , 0.8515585831px 1.8px var(--shadow-color, #282828) , 0.9934850137px 2.1px var(--shadow-color, #282828) , 1.1354114442px 2.4px var(--shadow-color, #282828) , 1.2773378747px 2.7px var(--shadow-color, #282828) , 1.4192643052px 3px var(--shadow-color, #282828) , 1.5611907357px 3.3px var(--shadow-color, #282828) , 1.7031171663px 3.6px var(--shadow-color, #282828) , 1.8450435968px 3.9px var(--shadow-color, #282828) , 1.9869700273px 4.2px var(--shadow-color, #282828) , 2.1288964578px 4.5px var(--shadow-color, #282828) , 2.2708228883px 4.8px var(--shadow-color, #282828) , 2.4127493189px 5.1px var(--shadow-color, #282828) , 2.5546757494px 5.4px var(--shadow-color, #282828) , 2.6966021799px 5.7px var(--shadow-color, #282828) , 2.8385286104px 6px var(--shadow-color, #282828) , 2.980455041px 6.3px var(--shadow-color, #282828) , 3.1223814715px 6.6px var(--shadow-color, #282828) , 3.264307902px 6.9px var(--shadow-color, #282828) , 3.4062343325px 7.2px var(--shadow-color, #282828) , 3.548160763px 7.5px var(--shadow-color, #282828) , 3.6900871936px 7.8px var(--shadow-color, #282828) , 3.8320136241px 8.1px var(--shadow-color, #282828) , 3.9739400546px 8.4px var(--shadow-color, #282828) , 4.1158664851px 8.7px var(--shadow-color, #282828) , 4.2577929157px 9px var(--shadow-color, #282828);
  }
  68% {
    text-shadow: 0.1786089317px 0.3px var(--shadow-color, #282828) , 0.3572178633px 0.6px var(--shadow-color, #282828) , 0.535826795px 0.9px var(--shadow-color, #282828) , 0.7144357266px 1.2px var(--shadow-color, #282828) , 0.8930446583px 1.5px var(--shadow-color, #282828) , 1.07165359px 1.8px var(--shadow-color, #282828) , 1.2502625216px 2.1px var(--shadow-color, #282828) , 1.4288714533px 2.4px var(--shadow-color, #282828) , 1.6074803849px 2.7px var(--shadow-color, #282828) , 1.7860893166px 3px var(--shadow-color, #282828) , 1.9646982483px 3.3px var(--shadow-color, #282828) , 2.1433071799px 3.6px var(--shadow-color, #282828) , 2.3219161116px 3.9px var(--shadow-color, #282828) , 2.5005250432px 4.2px var(--shadow-color, #282828) , 2.6791339749px 4.5px var(--shadow-color, #282828) , 2.8577429066px 4.8px var(--shadow-color, #282828) , 3.0363518382px 5.1px var(--shadow-color, #282828) , 3.2149607699px 5.4px var(--shadow-color, #282828) , 3.3935697015px 5.7px var(--shadow-color, #282828) , 3.5721786332px 6px var(--shadow-color, #282828) , 3.7507875649px 6.3px var(--shadow-color, #282828) , 3.9293964965px 6.6px var(--shadow-color, #282828) , 4.1080054282px 6.9px var(--shadow-color, #282828) , 4.2866143598px 7.2px var(--shadow-color, #282828) , 4.4652232915px 7.5px var(--shadow-color, #282828) , 4.6438322232px 7.8px var(--shadow-color, #282828) , 4.8224411548px 8.1px var(--shadow-color, #282828) , 5.0010500865px 8.4px var(--shadow-color, #282828) , 5.1796590181px 8.7px var(--shadow-color, #282828) , 5.3582679498px 9px var(--shadow-color, #282828);
  }
  72% {
    text-shadow: 0.2124746632px 0.3px var(--shadow-color, #282828) , 0.4249493265px 0.6px var(--shadow-color, #282828) , 0.6374239897px 0.9px var(--shadow-color, #282828) , 0.849898653px 1.2px var(--shadow-color, #282828) , 1.0623733162px 1.5px var(--shadow-color, #282828) , 1.2748479795px 1.8px var(--shadow-color, #282828) , 1.4873226427px 2.1px var(--shadow-color, #282828) , 1.699797306px 2.4px var(--shadow-color, #282828) , 1.9122719692px 2.7px var(--shadow-color, #282828) , 2.1247466325px 3px var(--shadow-color, #282828) , 2.3372212957px 3.3px var(--shadow-color, #282828) , 2.549695959px 3.6px var(--shadow-color, #282828) , 2.7621706222px 3.9px var(--shadow-color, #282828) , 2.9746452855px 4.2px var(--shadow-color, #282828) , 3.1871199487px 4.5px var(--shadow-color, #282828) , 3.399594612px 4.8px var(--shadow-color, #282828) , 3.6120692752px 5.1px var(--shadow-color, #282828) , 3.8245439385px 5.4px var(--shadow-color, #282828) , 4.0370186017px 5.7px var(--shadow-color, #282828) , 4.249493265px 6px var(--shadow-color, #282828) , 4.4619679282px 6.3px var(--shadow-color, #282828) , 4.6744425915px 6.6px var(--shadow-color, #282828) , 4.8869172547px 6.9px var(--shadow-color, #282828) , 5.099391918px 7.2px var(--shadow-color, #282828) , 5.3118665812px 7.5px var(--shadow-color, #282828) , 5.5243412445px 7.8px var(--shadow-color, #282828) , 5.7368159077px 8.1px var(--shadow-color, #282828) , 5.949290571px 8.4px var(--shadow-color, #282828) , 6.1617652342px 8.7px var(--shadow-color, #282828) , 6.3742398975px 9px var(--shadow-color, #282828);
  }
  76% {
    text-shadow: 0.2429895425px 0.3px var(--shadow-color, #282828) , 0.4859790849px 0.6px var(--shadow-color, #282828) , 0.7289686274px 0.9px var(--shadow-color, #282828) , 0.9719581699px 1.2px var(--shadow-color, #282828) , 1.2149477124px 1.5px var(--shadow-color, #282828) , 1.4579372548px 1.8px var(--shadow-color, #282828) , 1.7009267973px 2.1px var(--shadow-color, #282828) , 1.9439163398px 2.4px var(--shadow-color, #282828) , 2.1869058823px 2.7px var(--shadow-color, #282828) , 2.4298954247px 3px var(--shadow-color, #282828) , 2.6728849672px 3.3px var(--shadow-color, #282828) , 2.9158745097px 3.6px var(--shadow-color, #282828) , 3.1588640522px 3.9px var(--shadow-color, #282828) , 3.4018535946px 4.2px var(--shadow-color, #282828) , 3.6448431371px 4.5px var(--shadow-color, #282828) , 3.8878326796px 4.8px var(--shadow-color, #282828) , 4.1308222221px 5.1px var(--shadow-color, #282828) , 4.3738117645px 5.4px var(--shadow-color, #282828) , 4.616801307px 5.7px var(--shadow-color, #282828) , 4.8597908495px 6px var(--shadow-color, #282828) , 5.1027803919px 6.3px var(--shadow-color, #282828) , 5.3457699344px 6.6px var(--shadow-color, #282828) , 5.5887594769px 6.9px var(--shadow-color, #282828) , 5.8317490194px 7.2px var(--shadow-color, #282828) , 6.0747385618px 7.5px var(--shadow-color, #282828) , 6.3177281043px 7.8px var(--shadow-color, #282828) , 6.5607176468px 8.1px var(--shadow-color, #282828) , 6.8037071893px 8.4px var(--shadow-color, #282828) , 7.0466967317px 8.7px var(--shadow-color, #282828) , 7.2896862742px 9px var(--shadow-color, #282828);
  }
  80% {
    text-shadow: 0.2696723315px 0.3px var(--shadow-color, #282828) , 0.5393446629px 0.6px var(--shadow-color, #282828) , 0.8090169944px 0.9px var(--shadow-color, #282828) , 1.0786893258px 1.2px var(--shadow-color, #282828) , 1.3483616573px 1.5px var(--shadow-color, #282828) , 1.6180339887px 1.8px var(--shadow-color, #282828) , 1.8877063202px 2.1px var(--shadow-color, #282828) , 2.1573786517px 2.4px var(--shadow-color, #282828) , 2.4270509831px 2.7px var(--shadow-color, #282828) , 2.6967233146px 3px var(--shadow-color, #282828) , 2.966395646px 3.3px var(--shadow-color, #282828) , 3.2360679775px 3.6px var(--shadow-color, #282828) , 3.505740309px 3.9px var(--shadow-color, #282828) , 3.7754126404px 4.2px var(--shadow-color, #282828) , 4.0450849719px 4.5px var(--shadow-color, #282828) , 4.3147573033px 4.8px var(--shadow-color, #282828) , 4.5844296348px 5.1px var(--shadow-color, #282828) , 4.8541019662px 5.4px var(--shadow-color, #282828) , 5.1237742977px 5.7px var(--shadow-color, #282828) , 5.3934466292px 6px var(--shadow-color, #282828) , 5.6631189606px 6.3px var(--shadow-color, #282828) , 5.9327912921px 6.6px var(--shadow-color, #282828) , 6.2024636235px 6.9px var(--shadow-color, #282828) , 6.472135955px 7.2px var(--shadow-color, #282828) , 6.7418082865px 7.5px var(--shadow-color, #282828) , 7.0114806179px 7.8px var(--shadow-color, #282828) , 7.2811529494px 8.1px var(--shadow-color, #282828) , 7.5508252808px 8.4px var(--shadow-color, #282828) , 7.8204976123px 8.7px var(--shadow-color, #282828) , 8.0901699437px 9px var(--shadow-color, #282828);
  }
  84% {
    text-shadow: 0.2921022267px 0.3px var(--shadow-color, #282828) , 0.5842044534px 0.6px var(--shadow-color, #282828) , 0.87630668px 0.9px var(--shadow-color, #282828) , 1.1684089067px 1.2px var(--shadow-color, #282828) , 1.4605111334px 1.5px var(--shadow-color, #282828) , 1.7526133601px 1.8px var(--shadow-color, #282828) , 2.0447155868px 2.1px var(--shadow-color, #282828) , 2.3368178135px 2.4px var(--shadow-color, #282828) , 2.6289200401px 2.7px var(--shadow-color, #282828) , 2.9210222668px 3px var(--shadow-color, #282828) , 3.2131244935px 3.3px var(--shadow-color, #282828) , 3.5052267202px 3.6px var(--shadow-color, #282828) , 3.7973289469px 3.9px var(--shadow-color, #282828) , 4.0894311735px 4.2px var(--shadow-color, #282828) , 4.3815334002px 4.5px var(--shadow-color, #282828) , 4.6736356269px 4.8px var(--shadow-color, #282828) , 4.9657378536px 5.1px var(--shadow-color, #282828) , 5.2578400803px 5.4px var(--shadow-color, #282828) , 5.5499423069px 5.7px var(--shadow-color, #282828) , 5.8420445336px 6px var(--shadow-color, #282828) , 6.1341467603px 6.3px var(--shadow-color, #282828) , 6.426248987px 6.6px var(--shadow-color, #282828) , 6.7183512137px 6.9px var(--shadow-color, #282828) , 7.0104534404px 7.2px var(--shadow-color, #282828) , 7.302555667px 7.5px var(--shadow-color, #282828) , 7.5946578937px 7.8px var(--shadow-color, #282828) , 7.8867601204px 8.1px var(--shadow-color, #282828) , 8.1788623471px 8.4px var(--shadow-color, #282828) , 8.4709645738px 8.7px var(--shadow-color, #282828) , 8.7630668004px 9px var(--shadow-color, #282828);
  }
  88% {
    text-shadow: 0.3099254953px 0.3px var(--shadow-color, #282828) , 0.6198509906px 0.6px var(--shadow-color, #282828) , 0.9297764859px 0.9px var(--shadow-color, #282828) , 1.2397019812px 1.2px var(--shadow-color, #282828) , 1.5496274765px 1.5px var(--shadow-color, #282828) , 1.8595529718px 1.8px var(--shadow-color, #282828) , 2.1694784671px 2.1px var(--shadow-color, #282828) , 2.4794039624px 2.4px var(--shadow-color, #282828) , 2.7893294577px 2.7px var(--shadow-color, #282828) , 3.099254953px 3px var(--shadow-color, #282828) , 3.4091804483px 3.3px var(--shadow-color, #282828) , 3.7191059436px 3.6px var(--shadow-color, #282828) , 4.0290314388px 3.9px var(--shadow-color, #282828) , 4.3389569341px 4.2px var(--shadow-color, #282828) , 4.6488824294px 4.5px var(--shadow-color, #282828) , 4.9588079247px 4.8px var(--shadow-color, #282828) , 5.26873342px 5.1px var(--shadow-color, #282828) , 5.5786589153px 5.4px var(--shadow-color, #282828) , 5.8885844106px 5.7px var(--shadow-color, #282828) , 6.1985099059px 6px var(--shadow-color, #282828) , 6.5084354012px 6.3px var(--shadow-color, #282828) , 6.8183608965px 6.6px var(--shadow-color, #282828) , 7.1282863918px 6.9px var(--shadow-color, #282828) , 7.4382118871px 7.2px var(--shadow-color, #282828) , 7.7481373824px 7.5px var(--shadow-color, #282828) , 8.0580628777px 7.8px var(--shadow-color, #282828) , 8.367988373px 8.1px var(--shadow-color, #282828) , 8.6779138683px 8.4px var(--shadow-color, #282828) , 8.9878393636px 8.7px var(--shadow-color, #282828) , 9.2977648589px 9px var(--shadow-color, #282828);
  }
  92% {
    text-shadow: 0.3228610537px 0.3px var(--shadow-color, #282828) , 0.6457221074px 0.6px var(--shadow-color, #282828) , 0.9685831611px 0.9px var(--shadow-color, #282828) , 1.2914442148px 1.2px var(--shadow-color, #282828) , 1.6143052685px 1.5px var(--shadow-color, #282828) , 1.9371663223px 1.8px var(--shadow-color, #282828) , 2.260027376px 2.1px var(--shadow-color, #282828) , 2.5828884297px 2.4px var(--shadow-color, #282828) , 2.9057494834px 2.7px var(--shadow-color, #282828) , 3.2286105371px 3px var(--shadow-color, #282828) , 3.5514715908px 3.3px var(--shadow-color, #282828) , 3.8743326445px 3.6px var(--shadow-color, #282828) , 4.1971936982px 3.9px var(--shadow-color, #282828) , 4.5200547519px 4.2px var(--shadow-color, #282828) , 4.8429158056px 4.5px var(--shadow-color, #282828) , 5.1657768594px 4.8px var(--shadow-color, #282828) , 5.4886379131px 5.1px var(--shadow-color, #282828) , 5.8114989668px 5.4px var(--shadow-color, #282828) , 6.1343600205px 5.7px var(--shadow-color, #282828) , 6.4572210742px 6px var(--shadow-color, #282828) , 6.7800821279px 6.3px var(--shadow-color, #282828) , 7.1029431816px 6.6px var(--shadow-color, #282828) , 7.4258042353px 6.9px var(--shadow-color, #282828) , 7.748665289px 7.2px var(--shadow-color, #282828) , 8.0715263427px 7.5px var(--shadow-color, #282828) , 8.3943873964px 7.8px var(--shadow-color, #282828) , 8.7172484502px 8.1px var(--shadow-color, #282828) , 9.0401095039px 8.4px var(--shadow-color, #282828) , 9.3629705576px 8.7px var(--shadow-color, #282828) , 9.6858316113px 9px var(--shadow-color, #282828);
  }
  96% {
    text-shadow: 0.3307049004px 0.3px var(--shadow-color, #282828) , 0.6614098009px 0.6px var(--shadow-color, #282828) , 0.9921147013px 0.9px var(--shadow-color, #282828) , 1.3228196018px 1.2px var(--shadow-color, #282828) , 1.6535245022px 1.5px var(--shadow-color, #282828) , 1.9842294026px 1.8px var(--shadow-color, #282828) , 2.3149343031px 2.1px var(--shadow-color, #282828) , 2.6456392035px 2.4px var(--shadow-color, #282828) , 2.9763441039px 2.7px var(--shadow-color, #282828) , 3.3070490044px 3px var(--shadow-color, #282828) , 3.6377539048px 3.3px var(--shadow-color, #282828) , 3.9684588053px 3.6px var(--shadow-color, #282828) , 4.2991637057px 3.9px var(--shadow-color, #282828) , 4.6298686061px 4.2px var(--shadow-color, #282828) , 4.9605735066px 4.5px var(--shadow-color, #282828) , 5.291278407px 4.8px var(--shadow-color, #282828) , 5.6219833074px 5.1px var(--shadow-color, #282828) , 5.9526882079px 5.4px var(--shadow-color, #282828) , 6.2833931083px 5.7px var(--shadow-color, #282828) , 6.6140980088px 6px var(--shadow-color, #282828) , 6.9448029092px 6.3px var(--shadow-color, #282828) , 7.2755078096px 6.6px var(--shadow-color, #282828) , 7.6062127101px 6.9px var(--shadow-color, #282828) , 7.9369176105px 7.2px var(--shadow-color, #282828) , 8.267622511px 7.5px var(--shadow-color, #282828) , 8.5983274114px 7.8px var(--shadow-color, #282828) , 8.9290323118px 8.1px var(--shadow-color, #282828) , 9.2597372123px 8.4px var(--shadow-color, #282828) , 9.5904421127px 8.7px var(--shadow-color, #282828) , 9.9211470131px 9px var(--shadow-color, #282828);
  }
  100% {
    text-shadow: 0.3333333333px 0.3px var(--shadow-color, #282828) , 0.6666666667px 0.6px var(--shadow-color, #282828) , 1px 0.9px var(--shadow-color, #282828) , 1.3333333333px 1.2px var(--shadow-color, #282828) , 1.6666666667px 1.5px var(--shadow-color, #282828) , 2px 1.8px var(--shadow-color, #282828) , 2.3333333333px 2.1px var(--shadow-color, #282828) , 2.6666666667px 2.4px var(--shadow-color, #282828) , 3px 2.7px var(--shadow-color, #282828) , 3.3333333333px 3px var(--shadow-color, #282828) , 3.6666666667px 3.3px var(--shadow-color, #282828) , 4px 3.6px var(--shadow-color, #282828) , 4.3333333333px 3.9px var(--shadow-color, #282828) , 4.6666666667px 4.2px var(--shadow-color, #282828) , 5px 4.5px var(--shadow-color, #282828) , 5.3333333333px 4.8px var(--shadow-color, #282828) , 5.6666666667px 5.1px var(--shadow-color, #282828) , 6px 5.4px var(--shadow-color, #282828) , 6.3333333333px 5.7px var(--shadow-color, #282828) , 6.6666666667px 6px var(--shadow-color, #282828) , 7px 6.3px var(--shadow-color, #282828) , 7.3333333333px 6.6px var(--shadow-color, #282828) , 7.6666666667px 6.9px var(--shadow-color, #282828) , 8px 7.2px var(--shadow-color, #282828) , 8.3333333333px 7.5px var(--shadow-color, #282828) , 8.6666666667px 7.8px var(--shadow-color, #282828) , 9px 8.1px var(--shadow-color, #282828) , 9.3333333333px 8.4px var(--shadow-color, #282828) , 9.6666666667px 8.7px var(--shadow-color, #282828) , 10px 9px var(--shadow-color, #282828);
  }
}
@keyframes stagger {
  0% {
    text-shadow: -0.3333333333px 0.3px var(--shadow-color, #282828) , -0.6666666667px 0.6px var(--shadow-color, #282828) , -1px 0.9px var(--shadow-color, #282828) , -1.3333333333px 1.2px var(--shadow-color, #282828) , -1.6666666667px 1.5px var(--shadow-color, #282828) , -2px 1.8px var(--shadow-color, #282828) , -2.3333333333px 2.1px var(--shadow-color, #282828) , -2.6666666667px 2.4px var(--shadow-color, #282828) , -3px 2.7px var(--shadow-color, #282828) , -3.3333333333px 3px var(--shadow-color, #282828) , -3.6666666667px 3.3px var(--shadow-color, #282828) , -4px 3.6px var(--shadow-color, #282828) , -4.3333333333px 3.9px var(--shadow-color, #282828) , -4.6666666667px 4.2px var(--shadow-color, #282828) , -5px 4.5px var(--shadow-color, #282828) , -5.3333333333px 4.8px var(--shadow-color, #282828) , -5.6666666667px 5.1px var(--shadow-color, #282828) , -6px 5.4px var(--shadow-color, #282828) , -6.3333333333px 5.7px var(--shadow-color, #282828) , -6.6666666667px 6px var(--shadow-color, #282828) , -7px 6.3px var(--shadow-color, #282828) , -7.3333333333px 6.6px var(--shadow-color, #282828) , -7.6666666667px 6.9px var(--shadow-color, #282828) , -8px 7.2px var(--shadow-color, #282828) , -8.3333333333px 7.5px var(--shadow-color, #282828) , -8.6666666667px 7.8px var(--shadow-color, #282828) , -9px 8.1px var(--shadow-color, #282828) , -9.3333333333px 8.4px var(--shadow-color, #282828) , -9.6666666667px 8.7px var(--shadow-color, #282828) , -10px 9px var(--shadow-color, #282828);
  }
  4% {
    text-shadow: -0.3307049004px 0.3px var(--shadow-color, #282828) , -0.6614098009px 0.6px var(--shadow-color, #282828) , -0.9921147013px 0.9px var(--shadow-color, #282828) , -1.3228196018px 1.2px var(--shadow-color, #282828) , -1.6535245022px 1.5px var(--shadow-color, #282828) , -1.9842294026px 1.8px var(--shadow-color, #282828) , -2.3149343031px 2.1px var(--shadow-color, #282828) , -2.6456392035px 2.4px var(--shadow-color, #282828) , -2.9763441039px 2.7px var(--shadow-color, #282828) , -3.3070490044px 3px var(--shadow-color, #282828) , -3.6377539048px 3.3px var(--shadow-color, #282828) , -3.9684588053px 3.6px var(--shadow-color, #282828) , -4.2991637057px 3.9px var(--shadow-color, #282828) , -4.6298686061px 4.2px var(--shadow-color, #282828) , -4.9605735066px 4.5px var(--shadow-color, #282828) , -5.291278407px 4.8px var(--shadow-color, #282828) , -5.6219833074px 5.1px var(--shadow-color, #282828) , -5.9526882079px 5.4px var(--shadow-color, #282828) , -6.2833931083px 5.7px var(--shadow-color, #282828) , -6.6140980088px 6px var(--shadow-color, #282828) , -6.9448029092px 6.3px var(--shadow-color, #282828) , -7.2755078096px 6.6px var(--shadow-color, #282828) , -7.6062127101px 6.9px var(--shadow-color, #282828) , -7.9369176105px 7.2px var(--shadow-color, #282828) , -8.267622511px 7.5px var(--shadow-color, #282828) , -8.5983274114px 7.8px var(--shadow-color, #282828) , -8.9290323118px 8.1px var(--shadow-color, #282828) , -9.2597372123px 8.4px var(--shadow-color, #282828) , -9.5904421127px 8.7px var(--shadow-color, #282828) , -9.9211470131px 9px var(--shadow-color, #282828);
  }
  8% {
    text-shadow: -0.3228610537px 0.3px var(--shadow-color, #282828) , -0.6457221074px 0.6px var(--shadow-color, #282828) , -0.9685831611px 0.9px var(--shadow-color, #282828) , -1.2914442148px 1.2px var(--shadow-color, #282828) , -1.6143052685px 1.5px var(--shadow-color, #282828) , -1.9371663223px 1.8px var(--shadow-color, #282828) , -2.260027376px 2.1px var(--shadow-color, #282828) , -2.5828884297px 2.4px var(--shadow-color, #282828) , -2.9057494834px 2.7px var(--shadow-color, #282828) , -3.2286105371px 3px var(--shadow-color, #282828) , -3.5514715908px 3.3px var(--shadow-color, #282828) , -3.8743326445px 3.6px var(--shadow-color, #282828) , -4.1971936982px 3.9px var(--shadow-color, #282828) , -4.5200547519px 4.2px var(--shadow-color, #282828) , -4.8429158056px 4.5px var(--shadow-color, #282828) , -5.1657768594px 4.8px var(--shadow-color, #282828) , -5.4886379131px 5.1px var(--shadow-color, #282828) , -5.8114989668px 5.4px var(--shadow-color, #282828) , -6.1343600205px 5.7px var(--shadow-color, #282828) , -6.4572210742px 6px var(--shadow-color, #282828) , -6.7800821279px 6.3px var(--shadow-color, #282828) , -7.1029431816px 6.6px var(--shadow-color, #282828) , -7.4258042353px 6.9px var(--shadow-color, #282828) , -7.748665289px 7.2px var(--shadow-color, #282828) , -8.0715263427px 7.5px var(--shadow-color, #282828) , -8.3943873964px 7.8px var(--shadow-color, #282828) , -8.7172484502px 8.1px var(--shadow-color, #282828) , -9.0401095039px 8.4px var(--shadow-color, #282828) , -9.3629705576px 8.7px var(--shadow-color, #282828) , -9.6858316113px 9px var(--shadow-color, #282828);
  }
  12% {
    text-shadow: -0.3099254953px 0.3px var(--shadow-color, #282828) , -0.6198509906px 0.6px var(--shadow-color, #282828) , -0.9297764859px 0.9px var(--shadow-color, #282828) , -1.2397019812px 1.2px var(--shadow-color, #282828) , -1.5496274765px 1.5px var(--shadow-color, #282828) , -1.8595529718px 1.8px var(--shadow-color, #282828) , -2.1694784671px 2.1px var(--shadow-color, #282828) , -2.4794039624px 2.4px var(--shadow-color, #282828) , -2.7893294577px 2.7px var(--shadow-color, #282828) , -3.099254953px 3px var(--shadow-color, #282828) , -3.4091804483px 3.3px var(--shadow-color, #282828) , -3.7191059436px 3.6px var(--shadow-color, #282828) , -4.0290314388px 3.9px var(--shadow-color, #282828) , -4.3389569341px 4.2px var(--shadow-color, #282828) , -4.6488824294px 4.5px var(--shadow-color, #282828) , -4.9588079247px 4.8px var(--shadow-color, #282828) , -5.26873342px 5.1px var(--shadow-color, #282828) , -5.5786589153px 5.4px var(--shadow-color, #282828) , -5.8885844106px 5.7px var(--shadow-color, #282828) , -6.1985099059px 6px var(--shadow-color, #282828) , -6.5084354012px 6.3px var(--shadow-color, #282828) , -6.8183608965px 6.6px var(--shadow-color, #282828) , -7.1282863918px 6.9px var(--shadow-color, #282828) , -7.4382118871px 7.2px var(--shadow-color, #282828) , -7.7481373824px 7.5px var(--shadow-color, #282828) , -8.0580628777px 7.8px var(--shadow-color, #282828) , -8.367988373px 8.1px var(--shadow-color, #282828) , -8.6779138683px 8.4px var(--shadow-color, #282828) , -8.9878393636px 8.7px var(--shadow-color, #282828) , -9.2977648589px 9px var(--shadow-color, #282828);
  }
  16% {
    text-shadow: -0.2921022267px 0.3px var(--shadow-color, #282828) , -0.5842044534px 0.6px var(--shadow-color, #282828) , -0.87630668px 0.9px var(--shadow-color, #282828) , -1.1684089067px 1.2px var(--shadow-color, #282828) , -1.4605111334px 1.5px var(--shadow-color, #282828) , -1.7526133601px 1.8px var(--shadow-color, #282828) , -2.0447155868px 2.1px var(--shadow-color, #282828) , -2.3368178135px 2.4px var(--shadow-color, #282828) , -2.6289200401px 2.7px var(--shadow-color, #282828) , -2.9210222668px 3px var(--shadow-color, #282828) , -3.2131244935px 3.3px var(--shadow-color, #282828) , -3.5052267202px 3.6px var(--shadow-color, #282828) , -3.7973289469px 3.9px var(--shadow-color, #282828) , -4.0894311735px 4.2px var(--shadow-color, #282828) , -4.3815334002px 4.5px var(--shadow-color, #282828) , -4.6736356269px 4.8px var(--shadow-color, #282828) , -4.9657378536px 5.1px var(--shadow-color, #282828) , -5.2578400803px 5.4px var(--shadow-color, #282828) , -5.5499423069px 5.7px var(--shadow-color, #282828) , -5.8420445336px 6px var(--shadow-color, #282828) , -6.1341467603px 6.3px var(--shadow-color, #282828) , -6.426248987px 6.6px var(--shadow-color, #282828) , -6.7183512137px 6.9px var(--shadow-color, #282828) , -7.0104534404px 7.2px var(--shadow-color, #282828) , -7.302555667px 7.5px var(--shadow-color, #282828) , -7.5946578937px 7.8px var(--shadow-color, #282828) , -7.8867601204px 8.1px var(--shadow-color, #282828) , -8.1788623471px 8.4px var(--shadow-color, #282828) , -8.4709645738px 8.7px var(--shadow-color, #282828) , -8.7630668004px 9px var(--shadow-color, #282828);
  }
  20% {
    text-shadow: -0.2696723315px 0.3px var(--shadow-color, #282828) , -0.5393446629px 0.6px var(--shadow-color, #282828) , -0.8090169944px 0.9px var(--shadow-color, #282828) , -1.0786893258px 1.2px var(--shadow-color, #282828) , -1.3483616573px 1.5px var(--shadow-color, #282828) , -1.6180339887px 1.8px var(--shadow-color, #282828) , -1.8877063202px 2.1px var(--shadow-color, #282828) , -2.1573786517px 2.4px var(--shadow-color, #282828) , -2.4270509831px 2.7px var(--shadow-color, #282828) , -2.6967233146px 3px var(--shadow-color, #282828) , -2.966395646px 3.3px var(--shadow-color, #282828) , -3.2360679775px 3.6px var(--shadow-color, #282828) , -3.505740309px 3.9px var(--shadow-color, #282828) , -3.7754126404px 4.2px var(--shadow-color, #282828) , -4.0450849719px 4.5px var(--shadow-color, #282828) , -4.3147573033px 4.8px var(--shadow-color, #282828) , -4.5844296348px 5.1px var(--shadow-color, #282828) , -4.8541019662px 5.4px var(--shadow-color, #282828) , -5.1237742977px 5.7px var(--shadow-color, #282828) , -5.3934466292px 6px var(--shadow-color, #282828) , -5.6631189606px 6.3px var(--shadow-color, #282828) , -5.9327912921px 6.6px var(--shadow-color, #282828) , -6.2024636235px 6.9px var(--shadow-color, #282828) , -6.472135955px 7.2px var(--shadow-color, #282828) , -6.7418082865px 7.5px var(--shadow-color, #282828) , -7.0114806179px 7.8px var(--shadow-color, #282828) , -7.2811529494px 8.1px var(--shadow-color, #282828) , -7.5508252808px 8.4px var(--shadow-color, #282828) , -7.8204976123px 8.7px var(--shadow-color, #282828) , -8.0901699437px 9px var(--shadow-color, #282828);
  }
  24% {
    text-shadow: -0.2429895425px 0.3px var(--shadow-color, #282828) , -0.4859790849px 0.6px var(--shadow-color, #282828) , -0.7289686274px 0.9px var(--shadow-color, #282828) , -0.9719581699px 1.2px var(--shadow-color, #282828) , -1.2149477124px 1.5px var(--shadow-color, #282828) , -1.4579372548px 1.8px var(--shadow-color, #282828) , -1.7009267973px 2.1px var(--shadow-color, #282828) , -1.9439163398px 2.4px var(--shadow-color, #282828) , -2.1869058823px 2.7px var(--shadow-color, #282828) , -2.4298954247px 3px var(--shadow-color, #282828) , -2.6728849672px 3.3px var(--shadow-color, #282828) , -2.9158745097px 3.6px var(--shadow-color, #282828) , -3.1588640522px 3.9px var(--shadow-color, #282828) , -3.4018535946px 4.2px var(--shadow-color, #282828) , -3.6448431371px 4.5px var(--shadow-color, #282828) , -3.8878326796px 4.8px var(--shadow-color, #282828) , -4.1308222221px 5.1px var(--shadow-color, #282828) , -4.3738117645px 5.4px var(--shadow-color, #282828) , -4.616801307px 5.7px var(--shadow-color, #282828) , -4.8597908495px 6px var(--shadow-color, #282828) , -5.1027803919px 6.3px var(--shadow-color, #282828) , -5.3457699344px 6.6px var(--shadow-color, #282828) , -5.5887594769px 6.9px var(--shadow-color, #282828) , -5.8317490194px 7.2px var(--shadow-color, #282828) , -6.0747385618px 7.5px var(--shadow-color, #282828) , -6.3177281043px 7.8px var(--shadow-color, #282828) , -6.5607176468px 8.1px var(--shadow-color, #282828) , -6.8037071893px 8.4px var(--shadow-color, #282828) , -7.0466967317px 8.7px var(--shadow-color, #282828) , -7.2896862742px 9px var(--shadow-color, #282828);
  }
  28% {
    text-shadow: -0.2124746632px 0.3px var(--shadow-color, #282828) , -0.4249493265px 0.6px var(--shadow-color, #282828) , -0.6374239897px 0.9px var(--shadow-color, #282828) , -0.849898653px 1.2px var(--shadow-color, #282828) , -1.0623733162px 1.5px var(--shadow-color, #282828) , -1.2748479795px 1.8px var(--shadow-color, #282828) , -1.4873226427px 2.1px var(--shadow-color, #282828) , -1.699797306px 2.4px var(--shadow-color, #282828) , -1.9122719692px 2.7px var(--shadow-color, #282828) , -2.1247466325px 3px var(--shadow-color, #282828) , -2.3372212957px 3.3px var(--shadow-color, #282828) , -2.549695959px 3.6px var(--shadow-color, #282828) , -2.7621706222px 3.9px var(--shadow-color, #282828) , -2.9746452855px 4.2px var(--shadow-color, #282828) , -3.1871199487px 4.5px var(--shadow-color, #282828) , -3.399594612px 4.8px var(--shadow-color, #282828) , -3.6120692752px 5.1px var(--shadow-color, #282828) , -3.8245439385px 5.4px var(--shadow-color, #282828) , -4.0370186017px 5.7px var(--shadow-color, #282828) , -4.249493265px 6px var(--shadow-color, #282828) , -4.4619679282px 6.3px var(--shadow-color, #282828) , -4.6744425915px 6.6px var(--shadow-color, #282828) , -4.8869172547px 6.9px var(--shadow-color, #282828) , -5.099391918px 7.2px var(--shadow-color, #282828) , -5.3118665812px 7.5px var(--shadow-color, #282828) , -5.5243412445px 7.8px var(--shadow-color, #282828) , -5.7368159077px 8.1px var(--shadow-color, #282828) , -5.949290571px 8.4px var(--shadow-color, #282828) , -6.1617652342px 8.7px var(--shadow-color, #282828) , -6.3742398975px 9px var(--shadow-color, #282828);
  }
  32% {
    text-shadow: -0.1786089317px 0.3px var(--shadow-color, #282828) , -0.3572178633px 0.6px var(--shadow-color, #282828) , -0.535826795px 0.9px var(--shadow-color, #282828) , -0.7144357266px 1.2px var(--shadow-color, #282828) , -0.8930446583px 1.5px var(--shadow-color, #282828) , -1.07165359px 1.8px var(--shadow-color, #282828) , -1.2502625216px 2.1px var(--shadow-color, #282828) , -1.4288714533px 2.4px var(--shadow-color, #282828) , -1.6074803849px 2.7px var(--shadow-color, #282828) , -1.7860893166px 3px var(--shadow-color, #282828) , -1.9646982483px 3.3px var(--shadow-color, #282828) , -2.1433071799px 3.6px var(--shadow-color, #282828) , -2.3219161116px 3.9px var(--shadow-color, #282828) , -2.5005250432px 4.2px var(--shadow-color, #282828) , -2.6791339749px 4.5px var(--shadow-color, #282828) , -2.8577429066px 4.8px var(--shadow-color, #282828) , -3.0363518382px 5.1px var(--shadow-color, #282828) , -3.2149607699px 5.4px var(--shadow-color, #282828) , -3.3935697015px 5.7px var(--shadow-color, #282828) , -3.5721786332px 6px var(--shadow-color, #282828) , -3.7507875649px 6.3px var(--shadow-color, #282828) , -3.9293964965px 6.6px var(--shadow-color, #282828) , -4.1080054282px 6.9px var(--shadow-color, #282828) , -4.2866143598px 7.2px var(--shadow-color, #282828) , -4.4652232915px 7.5px var(--shadow-color, #282828) , -4.6438322232px 7.8px var(--shadow-color, #282828) , -4.8224411548px 8.1px var(--shadow-color, #282828) , -5.0010500865px 8.4px var(--shadow-color, #282828) , -5.1796590181px 8.7px var(--shadow-color, #282828) , -5.3582679498px 9px var(--shadow-color, #282828);
  }
  36% {
    text-shadow: -0.1419264305px 0.3px var(--shadow-color, #282828) , -0.283852861px 0.6px var(--shadow-color, #282828) , -0.4257792916px 0.9px var(--shadow-color, #282828) , -0.5677057221px 1.2px var(--shadow-color, #282828) , -0.7096321526px 1.5px var(--shadow-color, #282828) , -0.8515585831px 1.8px var(--shadow-color, #282828) , -0.9934850137px 2.1px var(--shadow-color, #282828) , -1.1354114442px 2.4px var(--shadow-color, #282828) , -1.2773378747px 2.7px var(--shadow-color, #282828) , -1.4192643052px 3px var(--shadow-color, #282828) , -1.5611907357px 3.3px var(--shadow-color, #282828) , -1.7031171663px 3.6px var(--shadow-color, #282828) , -1.8450435968px 3.9px var(--shadow-color, #282828) , -1.9869700273px 4.2px var(--shadow-color, #282828) , -2.1288964578px 4.5px var(--shadow-color, #282828) , -2.2708228883px 4.8px var(--shadow-color, #282828) , -2.4127493189px 5.1px var(--shadow-color, #282828) , -2.5546757494px 5.4px var(--shadow-color, #282828) , -2.6966021799px 5.7px var(--shadow-color, #282828) , -2.8385286104px 6px var(--shadow-color, #282828) , -2.980455041px 6.3px var(--shadow-color, #282828) , -3.1223814715px 6.6px var(--shadow-color, #282828) , -3.264307902px 6.9px var(--shadow-color, #282828) , -3.4062343325px 7.2px var(--shadow-color, #282828) , -3.548160763px 7.5px var(--shadow-color, #282828) , -3.6900871936px 7.8px var(--shadow-color, #282828) , -3.8320136241px 8.1px var(--shadow-color, #282828) , -3.9739400546px 8.4px var(--shadow-color, #282828) , -4.1158664851px 8.7px var(--shadow-color, #282828) , -4.2577929157px 9px var(--shadow-color, #282828);
  }
  40% {
    text-shadow: -0.1030056648px 0.3px var(--shadow-color, #282828) , -0.2060113296px 0.6px var(--shadow-color, #282828) , -0.3090169944px 0.9px var(--shadow-color, #282828) , -0.4120226592px 1.2px var(--shadow-color, #282828) , -0.515028324px 1.5px var(--shadow-color, #282828) , -0.6180339887px 1.8px var(--shadow-color, #282828) , -0.7210396535px 2.1px var(--shadow-color, #282828) , -0.8240453183px 2.4px var(--shadow-color, #282828) , -0.9270509831px 2.7px var(--shadow-color, #282828) , -1.0300566479px 3px var(--shadow-color, #282828) , -1.1330623127px 3.3px var(--shadow-color, #282828) , -1.2360679775px 3.6px var(--shadow-color, #282828) , -1.3390736423px 3.9px var(--shadow-color, #282828) , -1.4420793071px 4.2px var(--shadow-color, #282828) , -1.5450849719px 4.5px var(--shadow-color, #282828) , -1.6480906367px 4.8px var(--shadow-color, #282828) , -1.7510963015px 5.1px var(--shadow-color, #282828) , -1.8541019662px 5.4px var(--shadow-color, #282828) , -1.957107631px 5.7px var(--shadow-color, #282828) , -2.0601132958px 6px var(--shadow-color, #282828) , -2.1631189606px 6.3px var(--shadow-color, #282828) , -2.2661246254px 6.6px var(--shadow-color, #282828) , -2.3691302902px 6.9px var(--shadow-color, #282828) , -2.472135955px 7.2px var(--shadow-color, #282828) , -2.5751416198px 7.5px var(--shadow-color, #282828) , -2.6781472846px 7.8px var(--shadow-color, #282828) , -2.7811529494px 8.1px var(--shadow-color, #282828) , -2.8841586142px 8.4px var(--shadow-color, #282828) , -2.987164279px 8.7px var(--shadow-color, #282828) , -3.0901699437px 9px var(--shadow-color, #282828);
  }
  44% {
    text-shadow: -0.0624604382px 0.3px var(--shadow-color, #282828) , -0.1249208764px 0.6px var(--shadow-color, #282828) , -0.1873813146px 0.9px var(--shadow-color, #282828) , -0.2498417528px 1.2px var(--shadow-color, #282828) , -0.312302191px 1.5px var(--shadow-color, #282828) , -0.3747626292px 1.8px var(--shadow-color, #282828) , -0.4372230674px 2.1px var(--shadow-color, #282828) , -0.4996835056px 2.4px var(--shadow-color, #282828) , -0.5621439438px 2.7px var(--shadow-color, #282828) , -0.624604382px 3px var(--shadow-color, #282828) , -0.6870648201px 3.3px var(--shadow-color, #282828) , -0.7495252583px 3.6px var(--shadow-color, #282828) , -0.8119856965px 3.9px var(--shadow-color, #282828) , -0.8744461347px 4.2px var(--shadow-color, #282828) , -0.9369065729px 4.5px var(--shadow-color, #282828) , -0.9993670111px 4.8px var(--shadow-color, #282828) , -1.0618274493px 5.1px var(--shadow-color, #282828) , -1.1242878875px 5.4px var(--shadow-color, #282828) , -1.1867483257px 5.7px var(--shadow-color, #282828) , -1.2492087639px 6px var(--shadow-color, #282828) , -1.3116692021px 6.3px var(--shadow-color, #282828) , -1.3741296403px 6.6px var(--shadow-color, #282828) , -1.4365900785px 6.9px var(--shadow-color, #282828) , -1.4990505167px 7.2px var(--shadow-color, #282828) , -1.5615109549px 7.5px var(--shadow-color, #282828) , -1.6239713931px 7.8px var(--shadow-color, #282828) , -1.6864318313px 8.1px var(--shadow-color, #282828) , -1.7488922695px 8.4px var(--shadow-color, #282828) , -1.8113527077px 8.7px var(--shadow-color, #282828) , -1.8738131459px 9px var(--shadow-color, #282828);
  }
  48% {
    text-shadow: -0.0209301732px 0.3px var(--shadow-color, #282828) , -0.0418603464px 0.6px var(--shadow-color, #282828) , -0.0627905195px 0.9px var(--shadow-color, #282828) , -0.0837206927px 1.2px var(--shadow-color, #282828) , -0.1046508659px 1.5px var(--shadow-color, #282828) , -0.1255810391px 1.8px var(--shadow-color, #282828) , -0.1465112122px 2.1px var(--shadow-color, #282828) , -0.1674413854px 2.4px var(--shadow-color, #282828) , -0.1883715586px 2.7px var(--shadow-color, #282828) , -0.2093017318px 3px var(--shadow-color, #282828) , -0.2302319049px 3.3px var(--shadow-color, #282828) , -0.2511620781px 3.6px var(--shadow-color, #282828) , -0.2720922513px 3.9px var(--shadow-color, #282828) , -0.2930224245px 4.2px var(--shadow-color, #282828) , -0.3139525976px 4.5px var(--shadow-color, #282828) , -0.3348827708px 4.8px var(--shadow-color, #282828) , -0.355812944px 5.1px var(--shadow-color, #282828) , -0.3767431172px 5.4px var(--shadow-color, #282828) , -0.3976732904px 5.7px var(--shadow-color, #282828) , -0.4186034635px 6px var(--shadow-color, #282828) , -0.4395336367px 6.3px var(--shadow-color, #282828) , -0.4604638099px 6.6px var(--shadow-color, #282828) , -0.4813939831px 6.9px var(--shadow-color, #282828) , -0.5023241562px 7.2px var(--shadow-color, #282828) , -0.5232543294px 7.5px var(--shadow-color, #282828) , -0.5441845026px 7.8px var(--shadow-color, #282828) , -0.5651146758px 8.1px var(--shadow-color, #282828) , -0.5860448489px 8.4px var(--shadow-color, #282828) , -0.6069750221px 8.7px var(--shadow-color, #282828) , -0.6279051953px 9px var(--shadow-color, #282828);
  }
  52% {
    text-shadow: 0.0209301732px 0.3px var(--shadow-color, #282828) , 0.0418603464px 0.6px var(--shadow-color, #282828) , 0.0627905195px 0.9px var(--shadow-color, #282828) , 0.0837206927px 1.2px var(--shadow-color, #282828) , 0.1046508659px 1.5px var(--shadow-color, #282828) , 0.1255810391px 1.8px var(--shadow-color, #282828) , 0.1465112122px 2.1px var(--shadow-color, #282828) , 0.1674413854px 2.4px var(--shadow-color, #282828) , 0.1883715586px 2.7px var(--shadow-color, #282828) , 0.2093017318px 3px var(--shadow-color, #282828) , 0.2302319049px 3.3px var(--shadow-color, #282828) , 0.2511620781px 3.6px var(--shadow-color, #282828) , 0.2720922513px 3.9px var(--shadow-color, #282828) , 0.2930224245px 4.2px var(--shadow-color, #282828) , 0.3139525976px 4.5px var(--shadow-color, #282828) , 0.3348827708px 4.8px var(--shadow-color, #282828) , 0.355812944px 5.1px var(--shadow-color, #282828) , 0.3767431172px 5.4px var(--shadow-color, #282828) , 0.3976732904px 5.7px var(--shadow-color, #282828) , 0.4186034635px 6px var(--shadow-color, #282828) , 0.4395336367px 6.3px var(--shadow-color, #282828) , 0.4604638099px 6.6px var(--shadow-color, #282828) , 0.4813939831px 6.9px var(--shadow-color, #282828) , 0.5023241562px 7.2px var(--shadow-color, #282828) , 0.5232543294px 7.5px var(--shadow-color, #282828) , 0.5441845026px 7.8px var(--shadow-color, #282828) , 0.5651146758px 8.1px var(--shadow-color, #282828) , 0.5860448489px 8.4px var(--shadow-color, #282828) , 0.6069750221px 8.7px var(--shadow-color, #282828) , 0.6279051953px 9px var(--shadow-color, #282828);
  }
  56% {
    text-shadow: 0.0624604382px 0.3px var(--shadow-color, #282828) , 0.1249208764px 0.6px var(--shadow-color, #282828) , 0.1873813146px 0.9px var(--shadow-color, #282828) , 0.2498417528px 1.2px var(--shadow-color, #282828) , 0.312302191px 1.5px var(--shadow-color, #282828) , 0.3747626292px 1.8px var(--shadow-color, #282828) , 0.4372230674px 2.1px var(--shadow-color, #282828) , 0.4996835056px 2.4px var(--shadow-color, #282828) , 0.5621439438px 2.7px var(--shadow-color, #282828) , 0.624604382px 3px var(--shadow-color, #282828) , 0.6870648201px 3.3px var(--shadow-color, #282828) , 0.7495252583px 3.6px var(--shadow-color, #282828) , 0.8119856965px 3.9px var(--shadow-color, #282828) , 0.8744461347px 4.2px var(--shadow-color, #282828) , 0.9369065729px 4.5px var(--shadow-color, #282828) , 0.9993670111px 4.8px var(--shadow-color, #282828) , 1.0618274493px 5.1px var(--shadow-color, #282828) , 1.1242878875px 5.4px var(--shadow-color, #282828) , 1.1867483257px 5.7px var(--shadow-color, #282828) , 1.2492087639px 6px var(--shadow-color, #282828) , 1.3116692021px 6.3px var(--shadow-color, #282828) , 1.3741296403px 6.6px var(--shadow-color, #282828) , 1.4365900785px 6.9px var(--shadow-color, #282828) , 1.4990505167px 7.2px var(--shadow-color, #282828) , 1.5615109549px 7.5px var(--shadow-color, #282828) , 1.6239713931px 7.8px var(--shadow-color, #282828) , 1.6864318313px 8.1px var(--shadow-color, #282828) , 1.7488922695px 8.4px var(--shadow-color, #282828) , 1.8113527077px 8.7px var(--shadow-color, #282828) , 1.8738131459px 9px var(--shadow-color, #282828);
  }
  60% {
    text-shadow: 0.1030056648px 0.3px var(--shadow-color, #282828) , 0.2060113296px 0.6px var(--shadow-color, #282828) , 0.3090169944px 0.9px var(--shadow-color, #282828) , 0.4120226592px 1.2px var(--shadow-color, #282828) , 0.515028324px 1.5px var(--shadow-color, #282828) , 0.6180339887px 1.8px var(--shadow-color, #282828) , 0.7210396535px 2.1px var(--shadow-color, #282828) , 0.8240453183px 2.4px var(--shadow-color, #282828) , 0.9270509831px 2.7px var(--shadow-color, #282828) , 1.0300566479px 3px var(--shadow-color, #282828) , 1.1330623127px 3.3px var(--shadow-color, #282828) , 1.2360679775px 3.6px var(--shadow-color, #282828) , 1.3390736423px 3.9px var(--shadow-color, #282828) , 1.4420793071px 4.2px var(--shadow-color, #282828) , 1.5450849719px 4.5px var(--shadow-color, #282828) , 1.6480906367px 4.8px var(--shadow-color, #282828) , 1.7510963015px 5.1px var(--shadow-color, #282828) , 1.8541019662px 5.4px var(--shadow-color, #282828) , 1.957107631px 5.7px var(--shadow-color, #282828) , 2.0601132958px 6px var(--shadow-color, #282828) , 2.1631189606px 6.3px var(--shadow-color, #282828) , 2.2661246254px 6.6px var(--shadow-color, #282828) , 2.3691302902px 6.9px var(--shadow-color, #282828) , 2.472135955px 7.2px var(--shadow-color, #282828) , 2.5751416198px 7.5px var(--shadow-color, #282828) , 2.6781472846px 7.8px var(--shadow-color, #282828) , 2.7811529494px 8.1px var(--shadow-color, #282828) , 2.8841586142px 8.4px var(--shadow-color, #282828) , 2.987164279px 8.7px var(--shadow-color, #282828) , 3.0901699437px 9px var(--shadow-color, #282828);
  }
  64% {
    text-shadow: 0.1419264305px 0.3px var(--shadow-color, #282828) , 0.283852861px 0.6px var(--shadow-color, #282828) , 0.4257792916px 0.9px var(--shadow-color, #282828) , 0.5677057221px 1.2px var(--shadow-color, #282828) , 0.7096321526px 1.5px var(--shadow-color, #282828) , 0.8515585831px 1.8px var(--shadow-color, #282828) , 0.9934850137px 2.1px var(--shadow-color, #282828) , 1.1354114442px 2.4px var(--shadow-color, #282828) , 1.2773378747px 2.7px var(--shadow-color, #282828) , 1.4192643052px 3px var(--shadow-color, #282828) , 1.5611907357px 3.3px var(--shadow-color, #282828) , 1.7031171663px 3.6px var(--shadow-color, #282828) , 1.8450435968px 3.9px var(--shadow-color, #282828) , 1.9869700273px 4.2px var(--shadow-color, #282828) , 2.1288964578px 4.5px var(--shadow-color, #282828) , 2.2708228883px 4.8px var(--shadow-color, #282828) , 2.4127493189px 5.1px var(--shadow-color, #282828) , 2.5546757494px 5.4px var(--shadow-color, #282828) , 2.6966021799px 5.7px var(--shadow-color, #282828) , 2.8385286104px 6px var(--shadow-color, #282828) , 2.980455041px 6.3px var(--shadow-color, #282828) , 3.1223814715px 6.6px var(--shadow-color, #282828) , 3.264307902px 6.9px var(--shadow-color, #282828) , 3.4062343325px 7.2px var(--shadow-color, #282828) , 3.548160763px 7.5px var(--shadow-color, #282828) , 3.6900871936px 7.8px var(--shadow-color, #282828) , 3.8320136241px 8.1px var(--shadow-color, #282828) , 3.9739400546px 8.4px var(--shadow-color, #282828) , 4.1158664851px 8.7px var(--shadow-color, #282828) , 4.2577929157px 9px var(--shadow-color, #282828);
  }
  68% {
    text-shadow: 0.1786089317px 0.3px var(--shadow-color, #282828) , 0.3572178633px 0.6px var(--shadow-color, #282828) , 0.535826795px 0.9px var(--shadow-color, #282828) , 0.7144357266px 1.2px var(--shadow-color, #282828) , 0.8930446583px 1.5px var(--shadow-color, #282828) , 1.07165359px 1.8px var(--shadow-color, #282828) , 1.2502625216px 2.1px var(--shadow-color, #282828) , 1.4288714533px 2.4px var(--shadow-color, #282828) , 1.6074803849px 2.7px var(--shadow-color, #282828) , 1.7860893166px 3px var(--shadow-color, #282828) , 1.9646982483px 3.3px var(--shadow-color, #282828) , 2.1433071799px 3.6px var(--shadow-color, #282828) , 2.3219161116px 3.9px var(--shadow-color, #282828) , 2.5005250432px 4.2px var(--shadow-color, #282828) , 2.6791339749px 4.5px var(--shadow-color, #282828) , 2.8577429066px 4.8px var(--shadow-color, #282828) , 3.0363518382px 5.1px var(--shadow-color, #282828) , 3.2149607699px 5.4px var(--shadow-color, #282828) , 3.3935697015px 5.7px var(--shadow-color, #282828) , 3.5721786332px 6px var(--shadow-color, #282828) , 3.7507875649px 6.3px var(--shadow-color, #282828) , 3.9293964965px 6.6px var(--shadow-color, #282828) , 4.1080054282px 6.9px var(--shadow-color, #282828) , 4.2866143598px 7.2px var(--shadow-color, #282828) , 4.4652232915px 7.5px var(--shadow-color, #282828) , 4.6438322232px 7.8px var(--shadow-color, #282828) , 4.8224411548px 8.1px var(--shadow-color, #282828) , 5.0010500865px 8.4px var(--shadow-color, #282828) , 5.1796590181px 8.7px var(--shadow-color, #282828) , 5.3582679498px 9px var(--shadow-color, #282828);
  }
  72% {
    text-shadow: 0.2124746632px 0.3px var(--shadow-color, #282828) , 0.4249493265px 0.6px var(--shadow-color, #282828) , 0.6374239897px 0.9px var(--shadow-color, #282828) , 0.849898653px 1.2px var(--shadow-color, #282828) , 1.0623733162px 1.5px var(--shadow-color, #282828) , 1.2748479795px 1.8px var(--shadow-color, #282828) , 1.4873226427px 2.1px var(--shadow-color, #282828) , 1.699797306px 2.4px var(--shadow-color, #282828) , 1.9122719692px 2.7px var(--shadow-color, #282828) , 2.1247466325px 3px var(--shadow-color, #282828) , 2.3372212957px 3.3px var(--shadow-color, #282828) , 2.549695959px 3.6px var(--shadow-color, #282828) , 2.7621706222px 3.9px var(--shadow-color, #282828) , 2.9746452855px 4.2px var(--shadow-color, #282828) , 3.1871199487px 4.5px var(--shadow-color, #282828) , 3.399594612px 4.8px var(--shadow-color, #282828) , 3.6120692752px 5.1px var(--shadow-color, #282828) , 3.8245439385px 5.4px var(--shadow-color, #282828) , 4.0370186017px 5.7px var(--shadow-color, #282828) , 4.249493265px 6px var(--shadow-color, #282828) , 4.4619679282px 6.3px var(--shadow-color, #282828) , 4.6744425915px 6.6px var(--shadow-color, #282828) , 4.8869172547px 6.9px var(--shadow-color, #282828) , 5.099391918px 7.2px var(--shadow-color, #282828) , 5.3118665812px 7.5px var(--shadow-color, #282828) , 5.5243412445px 7.8px var(--shadow-color, #282828) , 5.7368159077px 8.1px var(--shadow-color, #282828) , 5.949290571px 8.4px var(--shadow-color, #282828) , 6.1617652342px 8.7px var(--shadow-color, #282828) , 6.3742398975px 9px var(--shadow-color, #282828);
  }
  76% {
    text-shadow: 0.2429895425px 0.3px var(--shadow-color, #282828) , 0.4859790849px 0.6px var(--shadow-color, #282828) , 0.7289686274px 0.9px var(--shadow-color, #282828) , 0.9719581699px 1.2px var(--shadow-color, #282828) , 1.2149477124px 1.5px var(--shadow-color, #282828) , 1.4579372548px 1.8px var(--shadow-color, #282828) , 1.7009267973px 2.1px var(--shadow-color, #282828) , 1.9439163398px 2.4px var(--shadow-color, #282828) , 2.1869058823px 2.7px var(--shadow-color, #282828) , 2.4298954247px 3px var(--shadow-color, #282828) , 2.6728849672px 3.3px var(--shadow-color, #282828) , 2.9158745097px 3.6px var(--shadow-color, #282828) , 3.1588640522px 3.9px var(--shadow-color, #282828) , 3.4018535946px 4.2px var(--shadow-color, #282828) , 3.6448431371px 4.5px var(--shadow-color, #282828) , 3.8878326796px 4.8px var(--shadow-color, #282828) , 4.1308222221px 5.1px var(--shadow-color, #282828) , 4.3738117645px 5.4px var(--shadow-color, #282828) , 4.616801307px 5.7px var(--shadow-color, #282828) , 4.8597908495px 6px var(--shadow-color, #282828) , 5.1027803919px 6.3px var(--shadow-color, #282828) , 5.3457699344px 6.6px var(--shadow-color, #282828) , 5.5887594769px 6.9px var(--shadow-color, #282828) , 5.8317490194px 7.2px var(--shadow-color, #282828) , 6.0747385618px 7.5px var(--shadow-color, #282828) , 6.3177281043px 7.8px var(--shadow-color, #282828) , 6.5607176468px 8.1px var(--shadow-color, #282828) , 6.8037071893px 8.4px var(--shadow-color, #282828) , 7.0466967317px 8.7px var(--shadow-color, #282828) , 7.2896862742px 9px var(--shadow-color, #282828);
  }
  80% {
    text-shadow: 0.2696723315px 0.3px var(--shadow-color, #282828) , 0.5393446629px 0.6px var(--shadow-color, #282828) , 0.8090169944px 0.9px var(--shadow-color, #282828) , 1.0786893258px 1.2px var(--shadow-color, #282828) , 1.3483616573px 1.5px var(--shadow-color, #282828) , 1.6180339887px 1.8px var(--shadow-color, #282828) , 1.8877063202px 2.1px var(--shadow-color, #282828) , 2.1573786517px 2.4px var(--shadow-color, #282828) , 2.4270509831px 2.7px var(--shadow-color, #282828) , 2.6967233146px 3px var(--shadow-color, #282828) , 2.966395646px 3.3px var(--shadow-color, #282828) , 3.2360679775px 3.6px var(--shadow-color, #282828) , 3.505740309px 3.9px var(--shadow-color, #282828) , 3.7754126404px 4.2px var(--shadow-color, #282828) , 4.0450849719px 4.5px var(--shadow-color, #282828) , 4.3147573033px 4.8px var(--shadow-color, #282828) , 4.5844296348px 5.1px var(--shadow-color, #282828) , 4.8541019662px 5.4px var(--shadow-color, #282828) , 5.1237742977px 5.7px var(--shadow-color, #282828) , 5.3934466292px 6px var(--shadow-color, #282828) , 5.6631189606px 6.3px var(--shadow-color, #282828) , 5.9327912921px 6.6px var(--shadow-color, #282828) , 6.2024636235px 6.9px var(--shadow-color, #282828) , 6.472135955px 7.2px var(--shadow-color, #282828) , 6.7418082865px 7.5px var(--shadow-color, #282828) , 7.0114806179px 7.8px var(--shadow-color, #282828) , 7.2811529494px 8.1px var(--shadow-color, #282828) , 7.5508252808px 8.4px var(--shadow-color, #282828) , 7.8204976123px 8.7px var(--shadow-color, #282828) , 8.0901699437px 9px var(--shadow-color, #282828);
  }
  84% {
    text-shadow: 0.2921022267px 0.3px var(--shadow-color, #282828) , 0.5842044534px 0.6px var(--shadow-color, #282828) , 0.87630668px 0.9px var(--shadow-color, #282828) , 1.1684089067px 1.2px var(--shadow-color, #282828) , 1.4605111334px 1.5px var(--shadow-color, #282828) , 1.7526133601px 1.8px var(--shadow-color, #282828) , 2.0447155868px 2.1px var(--shadow-color, #282828) , 2.3368178135px 2.4px var(--shadow-color, #282828) , 2.6289200401px 2.7px var(--shadow-color, #282828) , 2.9210222668px 3px var(--shadow-color, #282828) , 3.2131244935px 3.3px var(--shadow-color, #282828) , 3.5052267202px 3.6px var(--shadow-color, #282828) , 3.7973289469px 3.9px var(--shadow-color, #282828) , 4.0894311735px 4.2px var(--shadow-color, #282828) , 4.3815334002px 4.5px var(--shadow-color, #282828) , 4.6736356269px 4.8px var(--shadow-color, #282828) , 4.9657378536px 5.1px var(--shadow-color, #282828) , 5.2578400803px 5.4px var(--shadow-color, #282828) , 5.5499423069px 5.7px var(--shadow-color, #282828) , 5.8420445336px 6px var(--shadow-color, #282828) , 6.1341467603px 6.3px var(--shadow-color, #282828) , 6.426248987px 6.6px var(--shadow-color, #282828) , 6.7183512137px 6.9px var(--shadow-color, #282828) , 7.0104534404px 7.2px var(--shadow-color, #282828) , 7.302555667px 7.5px var(--shadow-color, #282828) , 7.5946578937px 7.8px var(--shadow-color, #282828) , 7.8867601204px 8.1px var(--shadow-color, #282828) , 8.1788623471px 8.4px var(--shadow-color, #282828) , 8.4709645738px 8.7px var(--shadow-color, #282828) , 8.7630668004px 9px var(--shadow-color, #282828);
  }
  88% {
    text-shadow: 0.3099254953px 0.3px var(--shadow-color, #282828) , 0.6198509906px 0.6px var(--shadow-color, #282828) , 0.9297764859px 0.9px var(--shadow-color, #282828) , 1.2397019812px 1.2px var(--shadow-color, #282828) , 1.5496274765px 1.5px var(--shadow-color, #282828) , 1.8595529718px 1.8px var(--shadow-color, #282828) , 2.1694784671px 2.1px var(--shadow-color, #282828) , 2.4794039624px 2.4px var(--shadow-color, #282828) , 2.7893294577px 2.7px var(--shadow-color, #282828) , 3.099254953px 3px var(--shadow-color, #282828) , 3.4091804483px 3.3px var(--shadow-color, #282828) , 3.7191059436px 3.6px var(--shadow-color, #282828) , 4.0290314388px 3.9px var(--shadow-color, #282828) , 4.3389569341px 4.2px var(--shadow-color, #282828) , 4.6488824294px 4.5px var(--shadow-color, #282828) , 4.9588079247px 4.8px var(--shadow-color, #282828) , 5.26873342px 5.1px var(--shadow-color, #282828) , 5.5786589153px 5.4px var(--shadow-color, #282828) , 5.8885844106px 5.7px var(--shadow-color, #282828) , 6.1985099059px 6px var(--shadow-color, #282828) , 6.5084354012px 6.3px var(--shadow-color, #282828) , 6.8183608965px 6.6px var(--shadow-color, #282828) , 7.1282863918px 6.9px var(--shadow-color, #282828) , 7.4382118871px 7.2px var(--shadow-color, #282828) , 7.7481373824px 7.5px var(--shadow-color, #282828) , 8.0580628777px 7.8px var(--shadow-color, #282828) , 8.367988373px 8.1px var(--shadow-color, #282828) , 8.6779138683px 8.4px var(--shadow-color, #282828) , 8.9878393636px 8.7px var(--shadow-color, #282828) , 9.2977648589px 9px var(--shadow-color, #282828);
  }
  92% {
    text-shadow: 0.3228610537px 0.3px var(--shadow-color, #282828) , 0.6457221074px 0.6px var(--shadow-color, #282828) , 0.9685831611px 0.9px var(--shadow-color, #282828) , 1.2914442148px 1.2px var(--shadow-color, #282828) , 1.6143052685px 1.5px var(--shadow-color, #282828) , 1.9371663223px 1.8px var(--shadow-color, #282828) , 2.260027376px 2.1px var(--shadow-color, #282828) , 2.5828884297px 2.4px var(--shadow-color, #282828) , 2.9057494834px 2.7px var(--shadow-color, #282828) , 3.2286105371px 3px var(--shadow-color, #282828) , 3.5514715908px 3.3px var(--shadow-color, #282828) , 3.8743326445px 3.6px var(--shadow-color, #282828) , 4.1971936982px 3.9px var(--shadow-color, #282828) , 4.5200547519px 4.2px var(--shadow-color, #282828) , 4.8429158056px 4.5px var(--shadow-color, #282828) , 5.1657768594px 4.8px var(--shadow-color, #282828) , 5.4886379131px 5.1px var(--shadow-color, #282828) , 5.8114989668px 5.4px var(--shadow-color, #282828) , 6.1343600205px 5.7px var(--shadow-color, #282828) , 6.4572210742px 6px var(--shadow-color, #282828) , 6.7800821279px 6.3px var(--shadow-color, #282828) , 7.1029431816px 6.6px var(--shadow-color, #282828) , 7.4258042353px 6.9px var(--shadow-color, #282828) , 7.748665289px 7.2px var(--shadow-color, #282828) , 8.0715263427px 7.5px var(--shadow-color, #282828) , 8.3943873964px 7.8px var(--shadow-color, #282828) , 8.7172484502px 8.1px var(--shadow-color, #282828) , 9.0401095039px 8.4px var(--shadow-color, #282828) , 9.3629705576px 8.7px var(--shadow-color, #282828) , 9.6858316113px 9px var(--shadow-color, #282828);
  }
  96% {
    text-shadow: 0.3307049004px 0.3px var(--shadow-color, #282828) , 0.6614098009px 0.6px var(--shadow-color, #282828) , 0.9921147013px 0.9px var(--shadow-color, #282828) , 1.3228196018px 1.2px var(--shadow-color, #282828) , 1.6535245022px 1.5px var(--shadow-color, #282828) , 1.9842294026px 1.8px var(--shadow-color, #282828) , 2.3149343031px 2.1px var(--shadow-color, #282828) , 2.6456392035px 2.4px var(--shadow-color, #282828) , 2.9763441039px 2.7px var(--shadow-color, #282828) , 3.3070490044px 3px var(--shadow-color, #282828) , 3.6377539048px 3.3px var(--shadow-color, #282828) , 3.9684588053px 3.6px var(--shadow-color, #282828) , 4.2991637057px 3.9px var(--shadow-color, #282828) , 4.6298686061px 4.2px var(--shadow-color, #282828) , 4.9605735066px 4.5px var(--shadow-color, #282828) , 5.291278407px 4.8px var(--shadow-color, #282828) , 5.6219833074px 5.1px var(--shadow-color, #282828) , 5.9526882079px 5.4px var(--shadow-color, #282828) , 6.2833931083px 5.7px var(--shadow-color, #282828) , 6.6140980088px 6px var(--shadow-color, #282828) , 6.9448029092px 6.3px var(--shadow-color, #282828) , 7.2755078096px 6.6px var(--shadow-color, #282828) , 7.6062127101px 6.9px var(--shadow-color, #282828) , 7.9369176105px 7.2px var(--shadow-color, #282828) , 8.267622511px 7.5px var(--shadow-color, #282828) , 8.5983274114px 7.8px var(--shadow-color, #282828) , 8.9290323118px 8.1px var(--shadow-color, #282828) , 9.2597372123px 8.4px var(--shadow-color, #282828) , 9.5904421127px 8.7px var(--shadow-color, #282828) , 9.9211470131px 9px var(--shadow-color, #282828);
  }
  100% {
    text-shadow: 0.3333333333px 0.3px var(--shadow-color, #282828) , 0.6666666667px 0.6px var(--shadow-color, #282828) , 1px 0.9px var(--shadow-color, #282828) , 1.3333333333px 1.2px var(--shadow-color, #282828) , 1.6666666667px 1.5px var(--shadow-color, #282828) , 2px 1.8px var(--shadow-color, #282828) , 2.3333333333px 2.1px var(--shadow-color, #282828) , 2.6666666667px 2.4px var(--shadow-color, #282828) , 3px 2.7px var(--shadow-color, #282828) , 3.3333333333px 3px var(--shadow-color, #282828) , 3.6666666667px 3.3px var(--shadow-color, #282828) , 4px 3.6px var(--shadow-color, #282828) , 4.3333333333px 3.9px var(--shadow-color, #282828) , 4.6666666667px 4.2px var(--shadow-color, #282828) , 5px 4.5px var(--shadow-color, #282828) , 5.3333333333px 4.8px var(--shadow-color, #282828) , 5.6666666667px 5.1px var(--shadow-color, #282828) , 6px 5.4px var(--shadow-color, #282828) , 6.3333333333px 5.7px var(--shadow-color, #282828) , 6.6666666667px 6px var(--shadow-color, #282828) , 7px 6.3px var(--shadow-color, #282828) , 7.3333333333px 6.6px var(--shadow-color, #282828) , 7.6666666667px 6.9px var(--shadow-color, #282828) , 8px 7.2px var(--shadow-color, #282828) , 8.3333333333px 7.5px var(--shadow-color, #282828) , 8.6666666667px 7.8px var(--shadow-color, #282828) , 9px 8.1px var(--shadow-color, #282828) , 9.3333333333px 8.4px var(--shadow-color, #282828) , 9.6666666667px 8.7px var(--shadow-color, #282828) , 10px 9px var(--shadow-color, #282828);
  }
}

.circular {
  width: 140px;
  height: 140px;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(var(--scale, 1));
}
.circular > * {
  position: absolute;
  top: -50%;
  left: 33%;
}
.circular > *[data-idx="0"] {
  height: 145px;
  transform: rotate(0deg) scaleX(0.95);
  transform-origin: bottom center;
  line-height: 0;
}
.circular > *[data-idx="1"] {
  height: 145px;
  transform: rotate(19deg) scaleX(0.95);
  transform-origin: bottom center;
  line-height: 0;
}
.circular > *[data-idx="2"] {
  height: 145px;
  transform: rotate(32.7272727273deg) scaleX(0.95);
  transform-origin: bottom center;
  line-height: 0;
}
.circular > *[data-idx="3"] {
  height: 145px;
  transform: rotate(49.0909090909deg) scaleX(0.95);
  transform-origin: bottom center;
  line-height: 0;
}
.circular > *[data-idx="4"] {
  height: 145px;
  transform: rotate(65.4545454545deg) scaleX(0.95);
  transform-origin: bottom center;
  line-height: 0;
}
.circular > *[data-idx="5"] {
  height: 145px;
  transform: rotate(81deg) scaleX(0.95);
  transform-origin: bottom center;
  line-height: 0;
}
.circular > *[data-idx="6"] {
  height: 145px;
  transform: rotate(99deg) scaleX(0.95);
  transform-origin: bottom center;
  line-height: 0;
}
.circular > *[data-idx="7"] {
  height: 145px;
  transform: rotate(117deg) scaleX(0.95);
  transform-origin: bottom center;
  line-height: 0;
}
.circular > *[data-idx="8"] {
  height: 145px;
  transform: rotate(134deg) scaleX(0.95);
  transform-origin: bottom center;
  line-height: 0;
}
.circular > *[data-idx="9"] {
  height: 145px;
  transform: rotate(147.2727272727deg) scaleX(0.95);
  transform-origin: bottom center;
  line-height: 0;
}
.circular > *[data-idx="10"] {
  height: 145px;
  transform: rotate(154deg) scaleX(0.95);
  transform-origin: bottom center;
  line-height: 0;
}
.circular > *[data-idx="11"] {
  height: 145px;
  transform: rotate(180deg) scaleX(0.95);
  transform-origin: bottom center;
  line-height: 0;
}
.circular > *[data-idx="12"] {
  height: 145px;
  transform: rotate(185deg) scaleX(0.95);
  transform-origin: bottom center;
  line-height: 0;
}
.circular > *[data-idx="13"] {
  height: 145px;
  transform: rotate(205deg) scaleX(0.95);
  transform-origin: bottom center;
  line-height: 0;
}
.circular > *[data-idx="14"] {
  height: 145px;
  transform: rotate(229.0909090909deg) scaleX(0.95);
  transform-origin: bottom center;
  line-height: 0;
}
.circular > *[data-idx="15"] {
  height: 145px;
  transform: rotate(238deg) scaleX(0.95);
  transform-origin: bottom center;
  line-height: 0;
}
.circular > *[data-idx="16"] {
  height: 145px;
  transform: rotate(257deg) scaleX(0.95);
  transform-origin: bottom center;
  line-height: 0;
}
.circular > *[data-idx="17"] {
  height: 145px;
  transform: rotate(276deg) scaleX(0.95);
  transform-origin: bottom center;
  line-height: 0;
}
.circular > *[data-idx="18"] {
  height: 145px;
  transform: rotate(294.5454545455deg) scaleX(0.95);
  transform-origin: bottom center;
  line-height: 0;
}
.circular > *[data-idx="19"] {
  height: 145px;
  transform: rotate(310.9090909091deg) scaleX(0.95);
  transform-origin: bottom center;
  line-height: 0;
}
.circular > *[data-idx="20"] {
  height: 145px;
  transform: rotate(327.2727272727deg) scaleX(0.95);
  transform-origin: bottom center;
  line-height: 0;
}
.circular > *[data-idx="21"] {
  height: 145px;
  transform: rotate(337deg) scaleX(0.95);
  transform-origin: bottom center;
  line-height: 0;
}
.circular > *[data-idx="22"] {
  height: 145px;
  transform: rotate(360deg) scaleX(0.95);
  transform-origin: bottom center;
  line-height: 0;
}
.circular--solid {
  --scale: 0.9;
  --shadow-color: #d5d5d5;
}
.circular--solid .text {
  color: var(--shadow-color);
}

.rotate {
  --delay: 0;
  -webkit-animation: rotate 5s ease-in-out alternate infinite;
          animation: rotate 5s ease-in-out alternate infinite;
  -webkit-animation-delay: var(--delay);
          animation-delay: var(--delay);
}
@-webkit-keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}


/*--------------------------------------------------------------
# services Section
--------------------------------------------------------------*/
.services {
  background-color: #ffffff;
  transition: background-color 0.3s ease-in-out;
  margin-top: 80px;
  margin-bottom: 80px;
}

.services h1 {
  color: black;
  font-family: "WhyteInktrapBook", "sans-serif", monospace;
  font-weight: 500;
  font-size: 50px;
}

.services h3 {
  color: black;
  font-family: "WhyteInktrapBook", "sans-serif", monospace;
  font-weight: 300;
  font-size: 35px;
  margin-bottom: 3%;
  line-height: 45px;
}

.services .cap {
  /* margin-bottom: 3%; */
}

.services .services-number {
  font-family: "WhyteInktrapBook", "sans-serif", monospace;
  font-weight: 80;
  font-size: 38px;
  /* color: var(--color-secondary); */
  color:black;
  margin-bottom: 3%;
  margin-top: 10%;
}

.services .services-title {
  font-family: "WhyteInktrapBook", "sans-serif", monospace;
  font-weight: 80;
  font-size: 27px;
  /* color: var(--color-secondary); */
  color:black;
  margin-bottom: 5%;
}

.services .services-text {
  color:black;
  font-family: "WhyteInktrapLight", "sans-serif", monospace;
  font-weight: 0;
  font-size: 17px;
  margin-top: -3%;
}

@media (min-width: 992px) {
  .services .attention-text h1 {
    margin-left: 100px;
  }
  .services .first {
    padding-top: 80px;
  }

  .services .services-img {
    position: relative;
    margin: -100px 0 0 -120px;
  }
  
  .services .services-img:before {
    position: absolute;
    inset: -0 0 0 -0;
    z-index: -1;
    content: "";
    /* background: url("../img/about-bg.png") top left; */
    background-repeat: no-repeat;
  }

}

@media (max-width: 991px) {
  .services .services-img {
    /* position: relative;
    margin: 60px 0 0 60px;
    width: 50vh; */
    display: none;
  }
  
  .services .services-img:before {
    /* position: absolute;
    inset: -60px 0 0 -60px;
    z-index: -1;
    content: ""; */
    /* background: url("../img/about-bg.png") top left; */
    /* background-repeat: no-repeat; */
    display: none;
  }
  .services .attention-text h1 {
    margin-left: 100px;
  }
  .services .first {
    padding-top: 80px;
  }

  .services .services-img {
    position: relative;
    margin: -100px 0 0 -120px;
  }
  
  .services .services-img:before {
    position: absolute;
    inset: -0 0 0 -0;
    z-index: -1;
    content: "";
    /* background: url("../img/about-bg.png") top left; */
    background-repeat: no-repeat;
  }

}

@media (max-width: 575px) {
  .services .services-img {
    margin: 30px 0 0 30px;
  }

  .services .services-img:before {
    inset: -30px 0 0 -30px;
  }
}


@media (max-width: 768px) {
  .services h3 {
    font-size: 28px;
  }
}

.services .nav-pills {
  border-bottom: 1px solid rgba(var(--color-secondary-rgb), 0.2);
}

.services .nav-pills li+li {
  margin-left: 40px;
}

.services .nav-link {
  background: none;
  font-size: 18px;
  font-weight: 400;
  color: var(--color-secondary);
  padding: 12px 0;
  margin-bottom: -2px;
  border-radius: 0;
  font-family: var(--font-secondary);
}

.services .nav-link.active {
  color: var(--color-primary);
  background: none;
  border-bottom: 3px solid var(--color-primary);
}

@media (max-width: 575px) {
  .services .nav-link {
    font-size: 16px;
  }
}

.services .tab-content h4 {
  font-size: 18px;
  margin: 0;
  font-weight: 700;
  color: var(--color-secondary);
}

.services .tab-content i {
  font-size: 22px;
  line-height: 0;
  margin-right: 8px;
  color: var(--color-primary);
}


/*marquee*/

.favorites-line {
  padding: 0.5 0;
}

.favorites-line .marquee2 {
  position: relative;
  overflow: hidden;
  --offset: 20vw;
  --move-initial: calc(-20% + var(--offset));
  --move-final: calc(-40% + var(--offset));
}

.favorites-line .marquee__inner2 {
  width: fit-content;
  display: flex;
  width:10000px;
  position: relative;
  transform: translate3d(0, 0, 0);
  animation: marquee2 12s linear infinite;
  animation-play-state: play;
  color: #1a1a1a;
  font-family: "Calluna", "sans-serif", monospace;
}

.favorites-line .marquee2 span {
  font-size: 8vh;
  padding: 0 2vw;
}

.favorites-line .marquee2:hover .marquee__inner2 {
  /* animation-play-state: paused; */
  
  filter: blur(4px);
}
.favorites-line:hover {
  /* animation-play-state: paused; */
  
  filter: blur(4px);
}

@keyframes marquee2 {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}
/*--------------------------------------------------------------
# attention Section
--------------------------------------------------------------*/
.attention .attention-img {
  position: relative;
  margin: 60px 0 0 60px;
  height: 50vh;
}

.attention .attention-img:before {
  position: absolute;
  inset: -60px 0 0 -60px;
  z-index: -1;
  content: "";
  background: url("../img/about-bg.png") top left;
  background-repeat: no-repeat;
}

.attention .attention-text h1 {
  margin-bottom: 80px;
}

@media (min-width: 992px) {
  .attention .attention-text h1 {
    margin-left: 100px;
  }
}

@media (max-width: 575px) {
  .attention .attention-img {
    margin: 30px 0 0 30px;
  }

  .attention .attention-img:before {
    inset: -30px 0 0 -30px;
  }
}
.attention h1 {
  color: var(--color-secondary);
  font-family: "Calisto MT", "sans-serif", monospace;
  font-weight: 500;
  font-size: 80px;
}
.attention h3 {
  color: var(--color-secondary);
  font-family: var(--font-secondary);
  font-weight: 300;
  font-size: 32px;
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  .attention h3 {
    font-size: 28px;
  }
}

.attention .nav-pills {
  border-bottom: 1px solid rgba(var(--color-secondary-rgb), 0.2);
}

.attention .nav-pills li+li {
  margin-left: 40px;
}

.attention .nav-link {
  background: none;
  font-size: 18px;
  font-weight: 400;
  color: var(--color-secondary);
  padding: 12px 0;
  margin-bottom: -2px;
  border-radius: 0;
  font-family: var(--font-secondary);
}

.attention .nav-link.active {
  color: var(--color-primary);
  background: none;
  border-bottom: 3px solid var(--color-primary);
}

@media (max-width: 575px) {
  .attention .nav-link {
    font-size: 16px;
  }
}

.attention .tab-content h4 {
  font-size: 18px;
  margin: 0;
  font-weight: 700;
  color: var(--color-secondary);
}

.attention .tab-content i {
  font-size: 22px;
  line-height: 0;
  margin-right: 8px;
  color: var(--color-primary);
}

/*--------------------------------------------------------------
# About Section
--------------------------------------------------------------*/
.about .about-img {
  position: relative;
  margin: 60px 0 0 60px;
}

.about .about-img:before {
  position: absolute;
  inset: -60px 0 0 -60px;
  z-index: -1;
  content: "";
  background: url("../img/about-bg.png") top left;
  background-repeat: no-repeat;
}

@media (max-width: 575px) {
  .about .about-img {
    margin: 30px 0 0 30px;
  }

  .about .about-img:before {
    inset: -30px 0 0 -30px;
  }
}

.about h3 {
  color: var(--color-secondary);
  font-family: var(--font-secondary);
  font-weight: 300;
  font-size: 32px;
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  .about h3 {
    font-size: 28px;
  }
}

.about .nav-pills {
  border-bottom: 1px solid rgba(var(--color-secondary-rgb), 0.2);
}

.about .nav-pills li+li {
  margin-left: 40px;
}

.about .nav-link {
  background: none;
  font-size: 18px;
  font-weight: 400;
  color: var(--color-secondary);
  padding: 12px 0;
  margin-bottom: -2px;
  border-radius: 0;
  font-family: var(--font-secondary);
}

.about .nav-link.active {
  color: var(--color-primary);
  background: none;
  border-bottom: 3px solid var(--color-primary);
}

@media (max-width: 575px) {
  .about .nav-link {
    font-size: 16px;
  }
}

.about .tab-content h4 {
  font-size: 18px;
  margin: 0;
  font-weight: 700;
  color: var(--color-secondary);
}

.about .tab-content i {
  font-size: 22px;
  line-height: 0;
  margin-right: 8px;
  color: var(--color-primary);
}

/*--------------------------------------------------------------
# Clients Section
--------------------------------------------------------------*/

.clients h1 {
  color: black;
  font-family: "WhyteInktrapBook", "sans-serif", monospace;
  font-weight: 500;
  font-size: 50px;
  padding-bottom: 3%;
}

.clients {
  padding: 0 0 60px 0;
  margin-top: 6%;
  transition: background-color 0.3s ease-in-out;
  margin-top: 80px;
  margin-bottom: 80px;
  overflow: hidden;
}

/* .clients .swiper-slidee {
  margin-right: 3%;
  margin-left: 3%;
} */

.clients .swiper-slide img {
  opacity: 0.5;
  transition: none;
  /* animation: scroll 10s linear infinite; */
  /* filter: brightness(0) invert(1); */
  /* width: 100px;
  height: 100px; */
}

.clients .swiper-slide img:hover {
  filter: none;
  opacity: 1;
}



:root {
  --no-of-slides: 6;
  --slides-in-view: 4;
  --slide-width: 200px;
  --slide-height: 300px;
  --iteration-time: 10s;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(var(--slide-width) * var(--no-of-slides)* -1));
  }
}

/*--------------------------------------------------------------
# reachus Section
--------------------------------------------------------------*/
.reachus {
  /* background: radial-gradient(#c2c2c2 8%, transparent 8%), white; */
  background-position: 0 0, 25px 25px;
  /* background-size:25px 25px; */
  /* min-height: 100vh; */
  transition: background-color 0.3s ease-in-out;
  /* margin-top: 80px; */
  margin-top: 80px;
  margin-bottom: 80px;
}

.reachus h1 {
  color: black;
  font-family: "WhyteInktrapBook", "sans-serif", monospace;
  font-weight: 500;
  font-size: 50px;
  padding-bottom: 5vh;
}

.reachus h3 {
  color: var(--color-secondary);
  font-family: "WhyteInktrapBook", "sans-serif", monospace;
  font-weight: 300;
  font-size: 32px;
  margin-bottom: 10px;
}

.reachus .reachus-button a {
  color: white;
  padding: 15.5px 20px 13px 20px;
  text-align: center;
  display: inline-block;
  font-family: "WhyteInktrapBook", "sans-serif", monospace;
  font-weight: 300;
  font-size: 15px;
  background-color: black;
  border-radius: 12px;
}

.reachus-title {
  font-family: "WhyteInktrapBook", "sans-serif", monospace;
  font-weight: 100;
  font-size: 20px;
  color: black;
}

.reachus-text-quest {
  color: black;
  font-family: "WhyteInktrapLight", "sans-serif", monospace;
  font-weight: 20;
  font-size: 30px;
  padding-bottom: 5vh;
}

.reachus-text {
  color: black;
  font-family: "WhyteInktrapLight", "sans-serif", monospace;
  font-weight: 0;
  font-size: 20px;
  padding-bottom: 5vh;
}


@media (min-width: 992px) {
  .reachus .attention-text h1 {
    margin-left: 100px;
  }
  .reachus .first {
    padding-top: 80px;
  }

}

@media (max-width: 991px) {
  
  .reachus .attention-text h1 {
    margin-left: 100px;
  }
  .reachus .first {
    padding-top: 80px;
  }

  .reachus .blank {
    display: none;
  }

}

@media (max-width: 575px) {
  /* .reachus .reachus-img {
    margin: 30px 0 0 30px;
  }

  .reachus .reachus-img:before {
    inset: -30px 0 0 -30px;
  } */
}

@media (max-width: 768px) {
  .reachus h3 {
    font-size: 28px;
  }
}

.reachus .nav-pills {
  border-bottom: 1px solid rgba(var(--color-secondary-rgb), 0.2);
}

.reachus .nav-pills li+li {
  margin-left: 40px;
}

.reachus .nav-link {
  background: none;
  font-size: 18px;
  font-weight: 400;
  color: var(--color-secondary);
  padding: 12px 0;
  margin-bottom: -2px;
  border-radius: 0;
  font-family: var(--font-secondary);
}

.reachus .nav-link.active {
  color: var(--color-primary);
  background: none;
  border-bottom: 3px solid var(--color-primary);
}

@media (max-width: 575px) {
  .reachus .nav-link {
    font-size: 16px;
  }
}

.reachus .tab-content h4 {
  font-size: 18px;
  margin: 0;
  font-weight: 700;
  color: var(--color-secondary);
}

.reachus .tab-content i {
  font-size: 22px;
  line-height: 0;
  margin-right: 8px;
  color: var(--color-primary);
}

/*Circle Quotes*/

.circle-quotes {
  display: grid;
  justify-content: center;
  align-content: center;
  height: 70vh;
  overflow: hidden;
  background: transparent;
}
@media screen and (max-width: 1000px) {
  .circle-quotes {
    transform: scale(0.9);
  }
}
@media screen and (max-width: 600px) {
  .circle-quotes {
    transform: scale(0.6);
  }
}

.circle-quotes .text {
  font-size: 3.5rem;
  font-family: Kanit, sans-serif;
  text-transform: uppercase;
  color: white;
  text-stroke: 2px var(--shadow-color, #282828);
  -webkit-text-stroke: 2px var(--shadow-color, #282828);
  letter-spacing: 3px;
  transform: scaleX(0.5);
  -webkit-animation: stagger 2.5s steps(25) alternate infinite;
          animation: stagger 2.5s steps(25) alternate infinite;
}
@-webkit-keyframes stagger {
  0% {
    text-shadow: -0.3333333333px 0.3px var(--shadow-color, #282828) , -0.6666666667px 0.6px var(--shadow-color, #282828) , -1px 0.9px var(--shadow-color, #282828) , -1.3333333333px 1.2px var(--shadow-color, #282828) , -1.6666666667px 1.5px var(--shadow-color, #282828) , -2px 1.8px var(--shadow-color, #282828) , -2.3333333333px 2.1px var(--shadow-color, #282828) , -2.6666666667px 2.4px var(--shadow-color, #282828) , -3px 2.7px var(--shadow-color, #282828) , -3.3333333333px 3px var(--shadow-color, #282828) , -3.6666666667px 3.3px var(--shadow-color, #282828) , -4px 3.6px var(--shadow-color, #282828) , -4.3333333333px 3.9px var(--shadow-color, #282828) , -4.6666666667px 4.2px var(--shadow-color, #282828) , -5px 4.5px var(--shadow-color, #282828) , -5.3333333333px 4.8px var(--shadow-color, #282828) , -5.6666666667px 5.1px var(--shadow-color, #282828) , -6px 5.4px var(--shadow-color, #282828) , -6.3333333333px 5.7px var(--shadow-color, #282828) , -6.6666666667px 6px var(--shadow-color, #282828) , -7px 6.3px var(--shadow-color, #282828) , -7.3333333333px 6.6px var(--shadow-color, #282828) , -7.6666666667px 6.9px var(--shadow-color, #282828) , -8px 7.2px var(--shadow-color, #282828) , -8.3333333333px 7.5px var(--shadow-color, #282828) , -8.6666666667px 7.8px var(--shadow-color, #282828) , -9px 8.1px var(--shadow-color, #282828) , -9.3333333333px 8.4px var(--shadow-color, #282828) , -9.6666666667px 8.7px var(--shadow-color, #282828) , -10px 9px var(--shadow-color, #282828);
  }
  4% {
    text-shadow: -0.3307049004px 0.3px var(--shadow-color, #282828) , -0.6614098009px 0.6px var(--shadow-color, #282828) , -0.9921147013px 0.9px var(--shadow-color, #282828) , -1.3228196018px 1.2px var(--shadow-color, #282828) , -1.6535245022px 1.5px var(--shadow-color, #282828) , -1.9842294026px 1.8px var(--shadow-color, #282828) , -2.3149343031px 2.1px var(--shadow-color, #282828) , -2.6456392035px 2.4px var(--shadow-color, #282828) , -2.9763441039px 2.7px var(--shadow-color, #282828) , -3.3070490044px 3px var(--shadow-color, #282828) , -3.6377539048px 3.3px var(--shadow-color, #282828) , -3.9684588053px 3.6px var(--shadow-color, #282828) , -4.2991637057px 3.9px var(--shadow-color, #282828) , -4.6298686061px 4.2px var(--shadow-color, #282828) , -4.9605735066px 4.5px var(--shadow-color, #282828) , -5.291278407px 4.8px var(--shadow-color, #282828) , -5.6219833074px 5.1px var(--shadow-color, #282828) , -5.9526882079px 5.4px var(--shadow-color, #282828) , -6.2833931083px 5.7px var(--shadow-color, #282828) , -6.6140980088px 6px var(--shadow-color, #282828) , -6.9448029092px 6.3px var(--shadow-color, #282828) , -7.2755078096px 6.6px var(--shadow-color, #282828) , -7.6062127101px 6.9px var(--shadow-color, #282828) , -7.9369176105px 7.2px var(--shadow-color, #282828) , -8.267622511px 7.5px var(--shadow-color, #282828) , -8.5983274114px 7.8px var(--shadow-color, #282828) , -8.9290323118px 8.1px var(--shadow-color, #282828) , -9.2597372123px 8.4px var(--shadow-color, #282828) , -9.5904421127px 8.7px var(--shadow-color, #282828) , -9.9211470131px 9px var(--shadow-color, #282828);
  }
  8% {
    text-shadow: -0.3228610537px 0.3px var(--shadow-color, #282828) , -0.6457221074px 0.6px var(--shadow-color, #282828) , -0.9685831611px 0.9px var(--shadow-color, #282828) , -1.2914442148px 1.2px var(--shadow-color, #282828) , -1.6143052685px 1.5px var(--shadow-color, #282828) , -1.9371663223px 1.8px var(--shadow-color, #282828) , -2.260027376px 2.1px var(--shadow-color, #282828) , -2.5828884297px 2.4px var(--shadow-color, #282828) , -2.9057494834px 2.7px var(--shadow-color, #282828) , -3.2286105371px 3px var(--shadow-color, #282828) , -3.5514715908px 3.3px var(--shadow-color, #282828) , -3.8743326445px 3.6px var(--shadow-color, #282828) , -4.1971936982px 3.9px var(--shadow-color, #282828) , -4.5200547519px 4.2px var(--shadow-color, #282828) , -4.8429158056px 4.5px var(--shadow-color, #282828) , -5.1657768594px 4.8px var(--shadow-color, #282828) , -5.4886379131px 5.1px var(--shadow-color, #282828) , -5.8114989668px 5.4px var(--shadow-color, #282828) , -6.1343600205px 5.7px var(--shadow-color, #282828) , -6.4572210742px 6px var(--shadow-color, #282828) , -6.7800821279px 6.3px var(--shadow-color, #282828) , -7.1029431816px 6.6px var(--shadow-color, #282828) , -7.4258042353px 6.9px var(--shadow-color, #282828) , -7.748665289px 7.2px var(--shadow-color, #282828) , -8.0715263427px 7.5px var(--shadow-color, #282828) , -8.3943873964px 7.8px var(--shadow-color, #282828) , -8.7172484502px 8.1px var(--shadow-color, #282828) , -9.0401095039px 8.4px var(--shadow-color, #282828) , -9.3629705576px 8.7px var(--shadow-color, #282828) , -9.6858316113px 9px var(--shadow-color, #282828);
  }
  12% {
    text-shadow: -0.3099254953px 0.3px var(--shadow-color, #282828) , -0.6198509906px 0.6px var(--shadow-color, #282828) , -0.9297764859px 0.9px var(--shadow-color, #282828) , -1.2397019812px 1.2px var(--shadow-color, #282828) , -1.5496274765px 1.5px var(--shadow-color, #282828) , -1.8595529718px 1.8px var(--shadow-color, #282828) , -2.1694784671px 2.1px var(--shadow-color, #282828) , -2.4794039624px 2.4px var(--shadow-color, #282828) , -2.7893294577px 2.7px var(--shadow-color, #282828) , -3.099254953px 3px var(--shadow-color, #282828) , -3.4091804483px 3.3px var(--shadow-color, #282828) , -3.7191059436px 3.6px var(--shadow-color, #282828) , -4.0290314388px 3.9px var(--shadow-color, #282828) , -4.3389569341px 4.2px var(--shadow-color, #282828) , -4.6488824294px 4.5px var(--shadow-color, #282828) , -4.9588079247px 4.8px var(--shadow-color, #282828) , -5.26873342px 5.1px var(--shadow-color, #282828) , -5.5786589153px 5.4px var(--shadow-color, #282828) , -5.8885844106px 5.7px var(--shadow-color, #282828) , -6.1985099059px 6px var(--shadow-color, #282828) , -6.5084354012px 6.3px var(--shadow-color, #282828) , -6.8183608965px 6.6px var(--shadow-color, #282828) , -7.1282863918px 6.9px var(--shadow-color, #282828) , -7.4382118871px 7.2px var(--shadow-color, #282828) , -7.7481373824px 7.5px var(--shadow-color, #282828) , -8.0580628777px 7.8px var(--shadow-color, #282828) , -8.367988373px 8.1px var(--shadow-color, #282828) , -8.6779138683px 8.4px var(--shadow-color, #282828) , -8.9878393636px 8.7px var(--shadow-color, #282828) , -9.2977648589px 9px var(--shadow-color, #282828);
  }
  16% {
    text-shadow: -0.2921022267px 0.3px var(--shadow-color, #282828) , -0.5842044534px 0.6px var(--shadow-color, #282828) , -0.87630668px 0.9px var(--shadow-color, #282828) , -1.1684089067px 1.2px var(--shadow-color, #282828) , -1.4605111334px 1.5px var(--shadow-color, #282828) , -1.7526133601px 1.8px var(--shadow-color, #282828) , -2.0447155868px 2.1px var(--shadow-color, #282828) , -2.3368178135px 2.4px var(--shadow-color, #282828) , -2.6289200401px 2.7px var(--shadow-color, #282828) , -2.9210222668px 3px var(--shadow-color, #282828) , -3.2131244935px 3.3px var(--shadow-color, #282828) , -3.5052267202px 3.6px var(--shadow-color, #282828) , -3.7973289469px 3.9px var(--shadow-color, #282828) , -4.0894311735px 4.2px var(--shadow-color, #282828) , -4.3815334002px 4.5px var(--shadow-color, #282828) , -4.6736356269px 4.8px var(--shadow-color, #282828) , -4.9657378536px 5.1px var(--shadow-color, #282828) , -5.2578400803px 5.4px var(--shadow-color, #282828) , -5.5499423069px 5.7px var(--shadow-color, #282828) , -5.8420445336px 6px var(--shadow-color, #282828) , -6.1341467603px 6.3px var(--shadow-color, #282828) , -6.426248987px 6.6px var(--shadow-color, #282828) , -6.7183512137px 6.9px var(--shadow-color, #282828) , -7.0104534404px 7.2px var(--shadow-color, #282828) , -7.302555667px 7.5px var(--shadow-color, #282828) , -7.5946578937px 7.8px var(--shadow-color, #282828) , -7.8867601204px 8.1px var(--shadow-color, #282828) , -8.1788623471px 8.4px var(--shadow-color, #282828) , -8.4709645738px 8.7px var(--shadow-color, #282828) , -8.7630668004px 9px var(--shadow-color, #282828);
  }
  20% {
    text-shadow: -0.2696723315px 0.3px var(--shadow-color, #282828) , -0.5393446629px 0.6px var(--shadow-color, #282828) , -0.8090169944px 0.9px var(--shadow-color, #282828) , -1.0786893258px 1.2px var(--shadow-color, #282828) , -1.3483616573px 1.5px var(--shadow-color, #282828) , -1.6180339887px 1.8px var(--shadow-color, #282828) , -1.8877063202px 2.1px var(--shadow-color, #282828) , -2.1573786517px 2.4px var(--shadow-color, #282828) , -2.4270509831px 2.7px var(--shadow-color, #282828) , -2.6967233146px 3px var(--shadow-color, #282828) , -2.966395646px 3.3px var(--shadow-color, #282828) , -3.2360679775px 3.6px var(--shadow-color, #282828) , -3.505740309px 3.9px var(--shadow-color, #282828) , -3.7754126404px 4.2px var(--shadow-color, #282828) , -4.0450849719px 4.5px var(--shadow-color, #282828) , -4.3147573033px 4.8px var(--shadow-color, #282828) , -4.5844296348px 5.1px var(--shadow-color, #282828) , -4.8541019662px 5.4px var(--shadow-color, #282828) , -5.1237742977px 5.7px var(--shadow-color, #282828) , -5.3934466292px 6px var(--shadow-color, #282828) , -5.6631189606px 6.3px var(--shadow-color, #282828) , -5.9327912921px 6.6px var(--shadow-color, #282828) , -6.2024636235px 6.9px var(--shadow-color, #282828) , -6.472135955px 7.2px var(--shadow-color, #282828) , -6.7418082865px 7.5px var(--shadow-color, #282828) , -7.0114806179px 7.8px var(--shadow-color, #282828) , -7.2811529494px 8.1px var(--shadow-color, #282828) , -7.5508252808px 8.4px var(--shadow-color, #282828) , -7.8204976123px 8.7px var(--shadow-color, #282828) , -8.0901699437px 9px var(--shadow-color, #282828);
  }
  24% {
    text-shadow: -0.2429895425px 0.3px var(--shadow-color, #282828) , -0.4859790849px 0.6px var(--shadow-color, #282828) , -0.7289686274px 0.9px var(--shadow-color, #282828) , -0.9719581699px 1.2px var(--shadow-color, #282828) , -1.2149477124px 1.5px var(--shadow-color, #282828) , -1.4579372548px 1.8px var(--shadow-color, #282828) , -1.7009267973px 2.1px var(--shadow-color, #282828) , -1.9439163398px 2.4px var(--shadow-color, #282828) , -2.1869058823px 2.7px var(--shadow-color, #282828) , -2.4298954247px 3px var(--shadow-color, #282828) , -2.6728849672px 3.3px var(--shadow-color, #282828) , -2.9158745097px 3.6px var(--shadow-color, #282828) , -3.1588640522px 3.9px var(--shadow-color, #282828) , -3.4018535946px 4.2px var(--shadow-color, #282828) , -3.6448431371px 4.5px var(--shadow-color, #282828) , -3.8878326796px 4.8px var(--shadow-color, #282828) , -4.1308222221px 5.1px var(--shadow-color, #282828) , -4.3738117645px 5.4px var(--shadow-color, #282828) , -4.616801307px 5.7px var(--shadow-color, #282828) , -4.8597908495px 6px var(--shadow-color, #282828) , -5.1027803919px 6.3px var(--shadow-color, #282828) , -5.3457699344px 6.6px var(--shadow-color, #282828) , -5.5887594769px 6.9px var(--shadow-color, #282828) , -5.8317490194px 7.2px var(--shadow-color, #282828) , -6.0747385618px 7.5px var(--shadow-color, #282828) , -6.3177281043px 7.8px var(--shadow-color, #282828) , -6.5607176468px 8.1px var(--shadow-color, #282828) , -6.8037071893px 8.4px var(--shadow-color, #282828) , -7.0466967317px 8.7px var(--shadow-color, #282828) , -7.2896862742px 9px var(--shadow-color, #282828);
  }
  28% {
    text-shadow: -0.2124746632px 0.3px var(--shadow-color, #282828) , -0.4249493265px 0.6px var(--shadow-color, #282828) , -0.6374239897px 0.9px var(--shadow-color, #282828) , -0.849898653px 1.2px var(--shadow-color, #282828) , -1.0623733162px 1.5px var(--shadow-color, #282828) , -1.2748479795px 1.8px var(--shadow-color, #282828) , -1.4873226427px 2.1px var(--shadow-color, #282828) , -1.699797306px 2.4px var(--shadow-color, #282828) , -1.9122719692px 2.7px var(--shadow-color, #282828) , -2.1247466325px 3px var(--shadow-color, #282828) , -2.3372212957px 3.3px var(--shadow-color, #282828) , -2.549695959px 3.6px var(--shadow-color, #282828) , -2.7621706222px 3.9px var(--shadow-color, #282828) , -2.9746452855px 4.2px var(--shadow-color, #282828) , -3.1871199487px 4.5px var(--shadow-color, #282828) , -3.399594612px 4.8px var(--shadow-color, #282828) , -3.6120692752px 5.1px var(--shadow-color, #282828) , -3.8245439385px 5.4px var(--shadow-color, #282828) , -4.0370186017px 5.7px var(--shadow-color, #282828) , -4.249493265px 6px var(--shadow-color, #282828) , -4.4619679282px 6.3px var(--shadow-color, #282828) , -4.6744425915px 6.6px var(--shadow-color, #282828) , -4.8869172547px 6.9px var(--shadow-color, #282828) , -5.099391918px 7.2px var(--shadow-color, #282828) , -5.3118665812px 7.5px var(--shadow-color, #282828) , -5.5243412445px 7.8px var(--shadow-color, #282828) , -5.7368159077px 8.1px var(--shadow-color, #282828) , -5.949290571px 8.4px var(--shadow-color, #282828) , -6.1617652342px 8.7px var(--shadow-color, #282828) , -6.3742398975px 9px var(--shadow-color, #282828);
  }
  32% {
    text-shadow: -0.1786089317px 0.3px var(--shadow-color, #282828) , -0.3572178633px 0.6px var(--shadow-color, #282828) , -0.535826795px 0.9px var(--shadow-color, #282828) , -0.7144357266px 1.2px var(--shadow-color, #282828) , -0.8930446583px 1.5px var(--shadow-color, #282828) , -1.07165359px 1.8px var(--shadow-color, #282828) , -1.2502625216px 2.1px var(--shadow-color, #282828) , -1.4288714533px 2.4px var(--shadow-color, #282828) , -1.6074803849px 2.7px var(--shadow-color, #282828) , -1.7860893166px 3px var(--shadow-color, #282828) , -1.9646982483px 3.3px var(--shadow-color, #282828) , -2.1433071799px 3.6px var(--shadow-color, #282828) , -2.3219161116px 3.9px var(--shadow-color, #282828) , -2.5005250432px 4.2px var(--shadow-color, #282828) , -2.6791339749px 4.5px var(--shadow-color, #282828) , -2.8577429066px 4.8px var(--shadow-color, #282828) , -3.0363518382px 5.1px var(--shadow-color, #282828) , -3.2149607699px 5.4px var(--shadow-color, #282828) , -3.3935697015px 5.7px var(--shadow-color, #282828) , -3.5721786332px 6px var(--shadow-color, #282828) , -3.7507875649px 6.3px var(--shadow-color, #282828) , -3.9293964965px 6.6px var(--shadow-color, #282828) , -4.1080054282px 6.9px var(--shadow-color, #282828) , -4.2866143598px 7.2px var(--shadow-color, #282828) , -4.4652232915px 7.5px var(--shadow-color, #282828) , -4.6438322232px 7.8px var(--shadow-color, #282828) , -4.8224411548px 8.1px var(--shadow-color, #282828) , -5.0010500865px 8.4px var(--shadow-color, #282828) , -5.1796590181px 8.7px var(--shadow-color, #282828) , -5.3582679498px 9px var(--shadow-color, #282828);
  }
  36% {
    text-shadow: -0.1419264305px 0.3px var(--shadow-color, #282828) , -0.283852861px 0.6px var(--shadow-color, #282828) , -0.4257792916px 0.9px var(--shadow-color, #282828) , -0.5677057221px 1.2px var(--shadow-color, #282828) , -0.7096321526px 1.5px var(--shadow-color, #282828) , -0.8515585831px 1.8px var(--shadow-color, #282828) , -0.9934850137px 2.1px var(--shadow-color, #282828) , -1.1354114442px 2.4px var(--shadow-color, #282828) , -1.2773378747px 2.7px var(--shadow-color, #282828) , -1.4192643052px 3px var(--shadow-color, #282828) , -1.5611907357px 3.3px var(--shadow-color, #282828) , -1.7031171663px 3.6px var(--shadow-color, #282828) , -1.8450435968px 3.9px var(--shadow-color, #282828) , -1.9869700273px 4.2px var(--shadow-color, #282828) , -2.1288964578px 4.5px var(--shadow-color, #282828) , -2.2708228883px 4.8px var(--shadow-color, #282828) , -2.4127493189px 5.1px var(--shadow-color, #282828) , -2.5546757494px 5.4px var(--shadow-color, #282828) , -2.6966021799px 5.7px var(--shadow-color, #282828) , -2.8385286104px 6px var(--shadow-color, #282828) , -2.980455041px 6.3px var(--shadow-color, #282828) , -3.1223814715px 6.6px var(--shadow-color, #282828) , -3.264307902px 6.9px var(--shadow-color, #282828) , -3.4062343325px 7.2px var(--shadow-color, #282828) , -3.548160763px 7.5px var(--shadow-color, #282828) , -3.6900871936px 7.8px var(--shadow-color, #282828) , -3.8320136241px 8.1px var(--shadow-color, #282828) , -3.9739400546px 8.4px var(--shadow-color, #282828) , -4.1158664851px 8.7px var(--shadow-color, #282828) , -4.2577929157px 9px var(--shadow-color, #282828);
  }
  40% {
    text-shadow: -0.1030056648px 0.3px var(--shadow-color, #282828) , -0.2060113296px 0.6px var(--shadow-color, #282828) , -0.3090169944px 0.9px var(--shadow-color, #282828) , -0.4120226592px 1.2px var(--shadow-color, #282828) , -0.515028324px 1.5px var(--shadow-color, #282828) , -0.6180339887px 1.8px var(--shadow-color, #282828) , -0.7210396535px 2.1px var(--shadow-color, #282828) , -0.8240453183px 2.4px var(--shadow-color, #282828) , -0.9270509831px 2.7px var(--shadow-color, #282828) , -1.0300566479px 3px var(--shadow-color, #282828) , -1.1330623127px 3.3px var(--shadow-color, #282828) , -1.2360679775px 3.6px var(--shadow-color, #282828) , -1.3390736423px 3.9px var(--shadow-color, #282828) , -1.4420793071px 4.2px var(--shadow-color, #282828) , -1.5450849719px 4.5px var(--shadow-color, #282828) , -1.6480906367px 4.8px var(--shadow-color, #282828) , -1.7510963015px 5.1px var(--shadow-color, #282828) , -1.8541019662px 5.4px var(--shadow-color, #282828) , -1.957107631px 5.7px var(--shadow-color, #282828) , -2.0601132958px 6px var(--shadow-color, #282828) , -2.1631189606px 6.3px var(--shadow-color, #282828) , -2.2661246254px 6.6px var(--shadow-color, #282828) , -2.3691302902px 6.9px var(--shadow-color, #282828) , -2.472135955px 7.2px var(--shadow-color, #282828) , -2.5751416198px 7.5px var(--shadow-color, #282828) , -2.6781472846px 7.8px var(--shadow-color, #282828) , -2.7811529494px 8.1px var(--shadow-color, #282828) , -2.8841586142px 8.4px var(--shadow-color, #282828) , -2.987164279px 8.7px var(--shadow-color, #282828) , -3.0901699437px 9px var(--shadow-color, #282828);
  }
  44% {
    text-shadow: -0.0624604382px 0.3px var(--shadow-color, #282828) , -0.1249208764px 0.6px var(--shadow-color, #282828) , -0.1873813146px 0.9px var(--shadow-color, #282828) , -0.2498417528px 1.2px var(--shadow-color, #282828) , -0.312302191px 1.5px var(--shadow-color, #282828) , -0.3747626292px 1.8px var(--shadow-color, #282828) , -0.4372230674px 2.1px var(--shadow-color, #282828) , -0.4996835056px 2.4px var(--shadow-color, #282828) , -0.5621439438px 2.7px var(--shadow-color, #282828) , -0.624604382px 3px var(--shadow-color, #282828) , -0.6870648201px 3.3px var(--shadow-color, #282828) , -0.7495252583px 3.6px var(--shadow-color, #282828) , -0.8119856965px 3.9px var(--shadow-color, #282828) , -0.8744461347px 4.2px var(--shadow-color, #282828) , -0.9369065729px 4.5px var(--shadow-color, #282828) , -0.9993670111px 4.8px var(--shadow-color, #282828) , -1.0618274493px 5.1px var(--shadow-color, #282828) , -1.1242878875px 5.4px var(--shadow-color, #282828) , -1.1867483257px 5.7px var(--shadow-color, #282828) , -1.2492087639px 6px var(--shadow-color, #282828) , -1.3116692021px 6.3px var(--shadow-color, #282828) , -1.3741296403px 6.6px var(--shadow-color, #282828) , -1.4365900785px 6.9px var(--shadow-color, #282828) , -1.4990505167px 7.2px var(--shadow-color, #282828) , -1.5615109549px 7.5px var(--shadow-color, #282828) , -1.6239713931px 7.8px var(--shadow-color, #282828) , -1.6864318313px 8.1px var(--shadow-color, #282828) , -1.7488922695px 8.4px var(--shadow-color, #282828) , -1.8113527077px 8.7px var(--shadow-color, #282828) , -1.8738131459px 9px var(--shadow-color, #282828);
  }
  48% {
    text-shadow: -0.0209301732px 0.3px var(--shadow-color, #282828) , -0.0418603464px 0.6px var(--shadow-color, #282828) , -0.0627905195px 0.9px var(--shadow-color, #282828) , -0.0837206927px 1.2px var(--shadow-color, #282828) , -0.1046508659px 1.5px var(--shadow-color, #282828) , -0.1255810391px 1.8px var(--shadow-color, #282828) , -0.1465112122px 2.1px var(--shadow-color, #282828) , -0.1674413854px 2.4px var(--shadow-color, #282828) , -0.1883715586px 2.7px var(--shadow-color, #282828) , -0.2093017318px 3px var(--shadow-color, #282828) , -0.2302319049px 3.3px var(--shadow-color, #282828) , -0.2511620781px 3.6px var(--shadow-color, #282828) , -0.2720922513px 3.9px var(--shadow-color, #282828) , -0.2930224245px 4.2px var(--shadow-color, #282828) , -0.3139525976px 4.5px var(--shadow-color, #282828) , -0.3348827708px 4.8px var(--shadow-color, #282828) , -0.355812944px 5.1px var(--shadow-color, #282828) , -0.3767431172px 5.4px var(--shadow-color, #282828) , -0.3976732904px 5.7px var(--shadow-color, #282828) , -0.4186034635px 6px var(--shadow-color, #282828) , -0.4395336367px 6.3px var(--shadow-color, #282828) , -0.4604638099px 6.6px var(--shadow-color, #282828) , -0.4813939831px 6.9px var(--shadow-color, #282828) , -0.5023241562px 7.2px var(--shadow-color, #282828) , -0.5232543294px 7.5px var(--shadow-color, #282828) , -0.5441845026px 7.8px var(--shadow-color, #282828) , -0.5651146758px 8.1px var(--shadow-color, #282828) , -0.5860448489px 8.4px var(--shadow-color, #282828) , -0.6069750221px 8.7px var(--shadow-color, #282828) , -0.6279051953px 9px var(--shadow-color, #282828);
  }
  52% {
    text-shadow: 0.0209301732px 0.3px var(--shadow-color, #282828) , 0.0418603464px 0.6px var(--shadow-color, #282828) , 0.0627905195px 0.9px var(--shadow-color, #282828) , 0.0837206927px 1.2px var(--shadow-color, #282828) , 0.1046508659px 1.5px var(--shadow-color, #282828) , 0.1255810391px 1.8px var(--shadow-color, #282828) , 0.1465112122px 2.1px var(--shadow-color, #282828) , 0.1674413854px 2.4px var(--shadow-color, #282828) , 0.1883715586px 2.7px var(--shadow-color, #282828) , 0.2093017318px 3px var(--shadow-color, #282828) , 0.2302319049px 3.3px var(--shadow-color, #282828) , 0.2511620781px 3.6px var(--shadow-color, #282828) , 0.2720922513px 3.9px var(--shadow-color, #282828) , 0.2930224245px 4.2px var(--shadow-color, #282828) , 0.3139525976px 4.5px var(--shadow-color, #282828) , 0.3348827708px 4.8px var(--shadow-color, #282828) , 0.355812944px 5.1px var(--shadow-color, #282828) , 0.3767431172px 5.4px var(--shadow-color, #282828) , 0.3976732904px 5.7px var(--shadow-color, #282828) , 0.4186034635px 6px var(--shadow-color, #282828) , 0.4395336367px 6.3px var(--shadow-color, #282828) , 0.4604638099px 6.6px var(--shadow-color, #282828) , 0.4813939831px 6.9px var(--shadow-color, #282828) , 0.5023241562px 7.2px var(--shadow-color, #282828) , 0.5232543294px 7.5px var(--shadow-color, #282828) , 0.5441845026px 7.8px var(--shadow-color, #282828) , 0.5651146758px 8.1px var(--shadow-color, #282828) , 0.5860448489px 8.4px var(--shadow-color, #282828) , 0.6069750221px 8.7px var(--shadow-color, #282828) , 0.6279051953px 9px var(--shadow-color, #282828);
  }
  56% {
    text-shadow: 0.0624604382px 0.3px var(--shadow-color, #282828) , 0.1249208764px 0.6px var(--shadow-color, #282828) , 0.1873813146px 0.9px var(--shadow-color, #282828) , 0.2498417528px 1.2px var(--shadow-color, #282828) , 0.312302191px 1.5px var(--shadow-color, #282828) , 0.3747626292px 1.8px var(--shadow-color, #282828) , 0.4372230674px 2.1px var(--shadow-color, #282828) , 0.4996835056px 2.4px var(--shadow-color, #282828) , 0.5621439438px 2.7px var(--shadow-color, #282828) , 0.624604382px 3px var(--shadow-color, #282828) , 0.6870648201px 3.3px var(--shadow-color, #282828) , 0.7495252583px 3.6px var(--shadow-color, #282828) , 0.8119856965px 3.9px var(--shadow-color, #282828) , 0.8744461347px 4.2px var(--shadow-color, #282828) , 0.9369065729px 4.5px var(--shadow-color, #282828) , 0.9993670111px 4.8px var(--shadow-color, #282828) , 1.0618274493px 5.1px var(--shadow-color, #282828) , 1.1242878875px 5.4px var(--shadow-color, #282828) , 1.1867483257px 5.7px var(--shadow-color, #282828) , 1.2492087639px 6px var(--shadow-color, #282828) , 1.3116692021px 6.3px var(--shadow-color, #282828) , 1.3741296403px 6.6px var(--shadow-color, #282828) , 1.4365900785px 6.9px var(--shadow-color, #282828) , 1.4990505167px 7.2px var(--shadow-color, #282828) , 1.5615109549px 7.5px var(--shadow-color, #282828) , 1.6239713931px 7.8px var(--shadow-color, #282828) , 1.6864318313px 8.1px var(--shadow-color, #282828) , 1.7488922695px 8.4px var(--shadow-color, #282828) , 1.8113527077px 8.7px var(--shadow-color, #282828) , 1.8738131459px 9px var(--shadow-color, #282828);
  }
  60% {
    text-shadow: 0.1030056648px 0.3px var(--shadow-color, #282828) , 0.2060113296px 0.6px var(--shadow-color, #282828) , 0.3090169944px 0.9px var(--shadow-color, #282828) , 0.4120226592px 1.2px var(--shadow-color, #282828) , 0.515028324px 1.5px var(--shadow-color, #282828) , 0.6180339887px 1.8px var(--shadow-color, #282828) , 0.7210396535px 2.1px var(--shadow-color, #282828) , 0.8240453183px 2.4px var(--shadow-color, #282828) , 0.9270509831px 2.7px var(--shadow-color, #282828) , 1.0300566479px 3px var(--shadow-color, #282828) , 1.1330623127px 3.3px var(--shadow-color, #282828) , 1.2360679775px 3.6px var(--shadow-color, #282828) , 1.3390736423px 3.9px var(--shadow-color, #282828) , 1.4420793071px 4.2px var(--shadow-color, #282828) , 1.5450849719px 4.5px var(--shadow-color, #282828) , 1.6480906367px 4.8px var(--shadow-color, #282828) , 1.7510963015px 5.1px var(--shadow-color, #282828) , 1.8541019662px 5.4px var(--shadow-color, #282828) , 1.957107631px 5.7px var(--shadow-color, #282828) , 2.0601132958px 6px var(--shadow-color, #282828) , 2.1631189606px 6.3px var(--shadow-color, #282828) , 2.2661246254px 6.6px var(--shadow-color, #282828) , 2.3691302902px 6.9px var(--shadow-color, #282828) , 2.472135955px 7.2px var(--shadow-color, #282828) , 2.5751416198px 7.5px var(--shadow-color, #282828) , 2.6781472846px 7.8px var(--shadow-color, #282828) , 2.7811529494px 8.1px var(--shadow-color, #282828) , 2.8841586142px 8.4px var(--shadow-color, #282828) , 2.987164279px 8.7px var(--shadow-color, #282828) , 3.0901699437px 9px var(--shadow-color, #282828);
  }
  64% {
    text-shadow: 0.1419264305px 0.3px var(--shadow-color, #282828) , 0.283852861px 0.6px var(--shadow-color, #282828) , 0.4257792916px 0.9px var(--shadow-color, #282828) , 0.5677057221px 1.2px var(--shadow-color, #282828) , 0.7096321526px 1.5px var(--shadow-color, #282828) , 0.8515585831px 1.8px var(--shadow-color, #282828) , 0.9934850137px 2.1px var(--shadow-color, #282828) , 1.1354114442px 2.4px var(--shadow-color, #282828) , 1.2773378747px 2.7px var(--shadow-color, #282828) , 1.4192643052px 3px var(--shadow-color, #282828) , 1.5611907357px 3.3px var(--shadow-color, #282828) , 1.7031171663px 3.6px var(--shadow-color, #282828) , 1.8450435968px 3.9px var(--shadow-color, #282828) , 1.9869700273px 4.2px var(--shadow-color, #282828) , 2.1288964578px 4.5px var(--shadow-color, #282828) , 2.2708228883px 4.8px var(--shadow-color, #282828) , 2.4127493189px 5.1px var(--shadow-color, #282828) , 2.5546757494px 5.4px var(--shadow-color, #282828) , 2.6966021799px 5.7px var(--shadow-color, #282828) , 2.8385286104px 6px var(--shadow-color, #282828) , 2.980455041px 6.3px var(--shadow-color, #282828) , 3.1223814715px 6.6px var(--shadow-color, #282828) , 3.264307902px 6.9px var(--shadow-color, #282828) , 3.4062343325px 7.2px var(--shadow-color, #282828) , 3.548160763px 7.5px var(--shadow-color, #282828) , 3.6900871936px 7.8px var(--shadow-color, #282828) , 3.8320136241px 8.1px var(--shadow-color, #282828) , 3.9739400546px 8.4px var(--shadow-color, #282828) , 4.1158664851px 8.7px var(--shadow-color, #282828) , 4.2577929157px 9px var(--shadow-color, #282828);
  }
  68% {
    text-shadow: 0.1786089317px 0.3px var(--shadow-color, #282828) , 0.3572178633px 0.6px var(--shadow-color, #282828) , 0.535826795px 0.9px var(--shadow-color, #282828) , 0.7144357266px 1.2px var(--shadow-color, #282828) , 0.8930446583px 1.5px var(--shadow-color, #282828) , 1.07165359px 1.8px var(--shadow-color, #282828) , 1.2502625216px 2.1px var(--shadow-color, #282828) , 1.4288714533px 2.4px var(--shadow-color, #282828) , 1.6074803849px 2.7px var(--shadow-color, #282828) , 1.7860893166px 3px var(--shadow-color, #282828) , 1.9646982483px 3.3px var(--shadow-color, #282828) , 2.1433071799px 3.6px var(--shadow-color, #282828) , 2.3219161116px 3.9px var(--shadow-color, #282828) , 2.5005250432px 4.2px var(--shadow-color, #282828) , 2.6791339749px 4.5px var(--shadow-color, #282828) , 2.8577429066px 4.8px var(--shadow-color, #282828) , 3.0363518382px 5.1px var(--shadow-color, #282828) , 3.2149607699px 5.4px var(--shadow-color, #282828) , 3.3935697015px 5.7px var(--shadow-color, #282828) , 3.5721786332px 6px var(--shadow-color, #282828) , 3.7507875649px 6.3px var(--shadow-color, #282828) , 3.9293964965px 6.6px var(--shadow-color, #282828) , 4.1080054282px 6.9px var(--shadow-color, #282828) , 4.2866143598px 7.2px var(--shadow-color, #282828) , 4.4652232915px 7.5px var(--shadow-color, #282828) , 4.6438322232px 7.8px var(--shadow-color, #282828) , 4.8224411548px 8.1px var(--shadow-color, #282828) , 5.0010500865px 8.4px var(--shadow-color, #282828) , 5.1796590181px 8.7px var(--shadow-color, #282828) , 5.3582679498px 9px var(--shadow-color, #282828);
  }
  72% {
    text-shadow: 0.2124746632px 0.3px var(--shadow-color, #282828) , 0.4249493265px 0.6px var(--shadow-color, #282828) , 0.6374239897px 0.9px var(--shadow-color, #282828) , 0.849898653px 1.2px var(--shadow-color, #282828) , 1.0623733162px 1.5px var(--shadow-color, #282828) , 1.2748479795px 1.8px var(--shadow-color, #282828) , 1.4873226427px 2.1px var(--shadow-color, #282828) , 1.699797306px 2.4px var(--shadow-color, #282828) , 1.9122719692px 2.7px var(--shadow-color, #282828) , 2.1247466325px 3px var(--shadow-color, #282828) , 2.3372212957px 3.3px var(--shadow-color, #282828) , 2.549695959px 3.6px var(--shadow-color, #282828) , 2.7621706222px 3.9px var(--shadow-color, #282828) , 2.9746452855px 4.2px var(--shadow-color, #282828) , 3.1871199487px 4.5px var(--shadow-color, #282828) , 3.399594612px 4.8px var(--shadow-color, #282828) , 3.6120692752px 5.1px var(--shadow-color, #282828) , 3.8245439385px 5.4px var(--shadow-color, #282828) , 4.0370186017px 5.7px var(--shadow-color, #282828) , 4.249493265px 6px var(--shadow-color, #282828) , 4.4619679282px 6.3px var(--shadow-color, #282828) , 4.6744425915px 6.6px var(--shadow-color, #282828) , 4.8869172547px 6.9px var(--shadow-color, #282828) , 5.099391918px 7.2px var(--shadow-color, #282828) , 5.3118665812px 7.5px var(--shadow-color, #282828) , 5.5243412445px 7.8px var(--shadow-color, #282828) , 5.7368159077px 8.1px var(--shadow-color, #282828) , 5.949290571px 8.4px var(--shadow-color, #282828) , 6.1617652342px 8.7px var(--shadow-color, #282828) , 6.3742398975px 9px var(--shadow-color, #282828);
  }
  76% {
    text-shadow: 0.2429895425px 0.3px var(--shadow-color, #282828) , 0.4859790849px 0.6px var(--shadow-color, #282828) , 0.7289686274px 0.9px var(--shadow-color, #282828) , 0.9719581699px 1.2px var(--shadow-color, #282828) , 1.2149477124px 1.5px var(--shadow-color, #282828) , 1.4579372548px 1.8px var(--shadow-color, #282828) , 1.7009267973px 2.1px var(--shadow-color, #282828) , 1.9439163398px 2.4px var(--shadow-color, #282828) , 2.1869058823px 2.7px var(--shadow-color, #282828) , 2.4298954247px 3px var(--shadow-color, #282828) , 2.6728849672px 3.3px var(--shadow-color, #282828) , 2.9158745097px 3.6px var(--shadow-color, #282828) , 3.1588640522px 3.9px var(--shadow-color, #282828) , 3.4018535946px 4.2px var(--shadow-color, #282828) , 3.6448431371px 4.5px var(--shadow-color, #282828) , 3.8878326796px 4.8px var(--shadow-color, #282828) , 4.1308222221px 5.1px var(--shadow-color, #282828) , 4.3738117645px 5.4px var(--shadow-color, #282828) , 4.616801307px 5.7px var(--shadow-color, #282828) , 4.8597908495px 6px var(--shadow-color, #282828) , 5.1027803919px 6.3px var(--shadow-color, #282828) , 5.3457699344px 6.6px var(--shadow-color, #282828) , 5.5887594769px 6.9px var(--shadow-color, #282828) , 5.8317490194px 7.2px var(--shadow-color, #282828) , 6.0747385618px 7.5px var(--shadow-color, #282828) , 6.3177281043px 7.8px var(--shadow-color, #282828) , 6.5607176468px 8.1px var(--shadow-color, #282828) , 6.8037071893px 8.4px var(--shadow-color, #282828) , 7.0466967317px 8.7px var(--shadow-color, #282828) , 7.2896862742px 9px var(--shadow-color, #282828);
  }
  80% {
    text-shadow: 0.2696723315px 0.3px var(--shadow-color, #282828) , 0.5393446629px 0.6px var(--shadow-color, #282828) , 0.8090169944px 0.9px var(--shadow-color, #282828) , 1.0786893258px 1.2px var(--shadow-color, #282828) , 1.3483616573px 1.5px var(--shadow-color, #282828) , 1.6180339887px 1.8px var(--shadow-color, #282828) , 1.8877063202px 2.1px var(--shadow-color, #282828) , 2.1573786517px 2.4px var(--shadow-color, #282828) , 2.4270509831px 2.7px var(--shadow-color, #282828) , 2.6967233146px 3px var(--shadow-color, #282828) , 2.966395646px 3.3px var(--shadow-color, #282828) , 3.2360679775px 3.6px var(--shadow-color, #282828) , 3.505740309px 3.9px var(--shadow-color, #282828) , 3.7754126404px 4.2px var(--shadow-color, #282828) , 4.0450849719px 4.5px var(--shadow-color, #282828) , 4.3147573033px 4.8px var(--shadow-color, #282828) , 4.5844296348px 5.1px var(--shadow-color, #282828) , 4.8541019662px 5.4px var(--shadow-color, #282828) , 5.1237742977px 5.7px var(--shadow-color, #282828) , 5.3934466292px 6px var(--shadow-color, #282828) , 5.6631189606px 6.3px var(--shadow-color, #282828) , 5.9327912921px 6.6px var(--shadow-color, #282828) , 6.2024636235px 6.9px var(--shadow-color, #282828) , 6.472135955px 7.2px var(--shadow-color, #282828) , 6.7418082865px 7.5px var(--shadow-color, #282828) , 7.0114806179px 7.8px var(--shadow-color, #282828) , 7.2811529494px 8.1px var(--shadow-color, #282828) , 7.5508252808px 8.4px var(--shadow-color, #282828) , 7.8204976123px 8.7px var(--shadow-color, #282828) , 8.0901699437px 9px var(--shadow-color, #282828);
  }
  84% {
    text-shadow: 0.2921022267px 0.3px var(--shadow-color, #282828) , 0.5842044534px 0.6px var(--shadow-color, #282828) , 0.87630668px 0.9px var(--shadow-color, #282828) , 1.1684089067px 1.2px var(--shadow-color, #282828) , 1.4605111334px 1.5px var(--shadow-color, #282828) , 1.7526133601px 1.8px var(--shadow-color, #282828) , 2.0447155868px 2.1px var(--shadow-color, #282828) , 2.3368178135px 2.4px var(--shadow-color, #282828) , 2.6289200401px 2.7px var(--shadow-color, #282828) , 2.9210222668px 3px var(--shadow-color, #282828) , 3.2131244935px 3.3px var(--shadow-color, #282828) , 3.5052267202px 3.6px var(--shadow-color, #282828) , 3.7973289469px 3.9px var(--shadow-color, #282828) , 4.0894311735px 4.2px var(--shadow-color, #282828) , 4.3815334002px 4.5px var(--shadow-color, #282828) , 4.6736356269px 4.8px var(--shadow-color, #282828) , 4.9657378536px 5.1px var(--shadow-color, #282828) , 5.2578400803px 5.4px var(--shadow-color, #282828) , 5.5499423069px 5.7px var(--shadow-color, #282828) , 5.8420445336px 6px var(--shadow-color, #282828) , 6.1341467603px 6.3px var(--shadow-color, #282828) , 6.426248987px 6.6px var(--shadow-color, #282828) , 6.7183512137px 6.9px var(--shadow-color, #282828) , 7.0104534404px 7.2px var(--shadow-color, #282828) , 7.302555667px 7.5px var(--shadow-color, #282828) , 7.5946578937px 7.8px var(--shadow-color, #282828) , 7.8867601204px 8.1px var(--shadow-color, #282828) , 8.1788623471px 8.4px var(--shadow-color, #282828) , 8.4709645738px 8.7px var(--shadow-color, #282828) , 8.7630668004px 9px var(--shadow-color, #282828);
  }
  88% {
    text-shadow: 0.3099254953px 0.3px var(--shadow-color, #282828) , 0.6198509906px 0.6px var(--shadow-color, #282828) , 0.9297764859px 0.9px var(--shadow-color, #282828) , 1.2397019812px 1.2px var(--shadow-color, #282828) , 1.5496274765px 1.5px var(--shadow-color, #282828) , 1.8595529718px 1.8px var(--shadow-color, #282828) , 2.1694784671px 2.1px var(--shadow-color, #282828) , 2.4794039624px 2.4px var(--shadow-color, #282828) , 2.7893294577px 2.7px var(--shadow-color, #282828) , 3.099254953px 3px var(--shadow-color, #282828) , 3.4091804483px 3.3px var(--shadow-color, #282828) , 3.7191059436px 3.6px var(--shadow-color, #282828) , 4.0290314388px 3.9px var(--shadow-color, #282828) , 4.3389569341px 4.2px var(--shadow-color, #282828) , 4.6488824294px 4.5px var(--shadow-color, #282828) , 4.9588079247px 4.8px var(--shadow-color, #282828) , 5.26873342px 5.1px var(--shadow-color, #282828) , 5.5786589153px 5.4px var(--shadow-color, #282828) , 5.8885844106px 5.7px var(--shadow-color, #282828) , 6.1985099059px 6px var(--shadow-color, #282828) , 6.5084354012px 6.3px var(--shadow-color, #282828) , 6.8183608965px 6.6px var(--shadow-color, #282828) , 7.1282863918px 6.9px var(--shadow-color, #282828) , 7.4382118871px 7.2px var(--shadow-color, #282828) , 7.7481373824px 7.5px var(--shadow-color, #282828) , 8.0580628777px 7.8px var(--shadow-color, #282828) , 8.367988373px 8.1px var(--shadow-color, #282828) , 8.6779138683px 8.4px var(--shadow-color, #282828) , 8.9878393636px 8.7px var(--shadow-color, #282828) , 9.2977648589px 9px var(--shadow-color, #282828);
  }
  92% {
    text-shadow: 0.3228610537px 0.3px var(--shadow-color, #282828) , 0.6457221074px 0.6px var(--shadow-color, #282828) , 0.9685831611px 0.9px var(--shadow-color, #282828) , 1.2914442148px 1.2px var(--shadow-color, #282828) , 1.6143052685px 1.5px var(--shadow-color, #282828) , 1.9371663223px 1.8px var(--shadow-color, #282828) , 2.260027376px 2.1px var(--shadow-color, #282828) , 2.5828884297px 2.4px var(--shadow-color, #282828) , 2.9057494834px 2.7px var(--shadow-color, #282828) , 3.2286105371px 3px var(--shadow-color, #282828) , 3.5514715908px 3.3px var(--shadow-color, #282828) , 3.8743326445px 3.6px var(--shadow-color, #282828) , 4.1971936982px 3.9px var(--shadow-color, #282828) , 4.5200547519px 4.2px var(--shadow-color, #282828) , 4.8429158056px 4.5px var(--shadow-color, #282828) , 5.1657768594px 4.8px var(--shadow-color, #282828) , 5.4886379131px 5.1px var(--shadow-color, #282828) , 5.8114989668px 5.4px var(--shadow-color, #282828) , 6.1343600205px 5.7px var(--shadow-color, #282828) , 6.4572210742px 6px var(--shadow-color, #282828) , 6.7800821279px 6.3px var(--shadow-color, #282828) , 7.1029431816px 6.6px var(--shadow-color, #282828) , 7.4258042353px 6.9px var(--shadow-color, #282828) , 7.748665289px 7.2px var(--shadow-color, #282828) , 8.0715263427px 7.5px var(--shadow-color, #282828) , 8.3943873964px 7.8px var(--shadow-color, #282828) , 8.7172484502px 8.1px var(--shadow-color, #282828) , 9.0401095039px 8.4px var(--shadow-color, #282828) , 9.3629705576px 8.7px var(--shadow-color, #282828) , 9.6858316113px 9px var(--shadow-color, #282828);
  }
  96% {
    text-shadow: 0.3307049004px 0.3px var(--shadow-color, #282828) , 0.6614098009px 0.6px var(--shadow-color, #282828) , 0.9921147013px 0.9px var(--shadow-color, #282828) , 1.3228196018px 1.2px var(--shadow-color, #282828) , 1.6535245022px 1.5px var(--shadow-color, #282828) , 1.9842294026px 1.8px var(--shadow-color, #282828) , 2.3149343031px 2.1px var(--shadow-color, #282828) , 2.6456392035px 2.4px var(--shadow-color, #282828) , 2.9763441039px 2.7px var(--shadow-color, #282828) , 3.3070490044px 3px var(--shadow-color, #282828) , 3.6377539048px 3.3px var(--shadow-color, #282828) , 3.9684588053px 3.6px var(--shadow-color, #282828) , 4.2991637057px 3.9px var(--shadow-color, #282828) , 4.6298686061px 4.2px var(--shadow-color, #282828) , 4.9605735066px 4.5px var(--shadow-color, #282828) , 5.291278407px 4.8px var(--shadow-color, #282828) , 5.6219833074px 5.1px var(--shadow-color, #282828) , 5.9526882079px 5.4px var(--shadow-color, #282828) , 6.2833931083px 5.7px var(--shadow-color, #282828) , 6.6140980088px 6px var(--shadow-color, #282828) , 6.9448029092px 6.3px var(--shadow-color, #282828) , 7.2755078096px 6.6px var(--shadow-color, #282828) , 7.6062127101px 6.9px var(--shadow-color, #282828) , 7.9369176105px 7.2px var(--shadow-color, #282828) , 8.267622511px 7.5px var(--shadow-color, #282828) , 8.5983274114px 7.8px var(--shadow-color, #282828) , 8.9290323118px 8.1px var(--shadow-color, #282828) , 9.2597372123px 8.4px var(--shadow-color, #282828) , 9.5904421127px 8.7px var(--shadow-color, #282828) , 9.9211470131px 9px var(--shadow-color, #282828);
  }
  100% {
    text-shadow: 0.3333333333px 0.3px var(--shadow-color, #282828) , 0.6666666667px 0.6px var(--shadow-color, #282828) , 1px 0.9px var(--shadow-color, #282828) , 1.3333333333px 1.2px var(--shadow-color, #282828) , 1.6666666667px 1.5px var(--shadow-color, #282828) , 2px 1.8px var(--shadow-color, #282828) , 2.3333333333px 2.1px var(--shadow-color, #282828) , 2.6666666667px 2.4px var(--shadow-color, #282828) , 3px 2.7px var(--shadow-color, #282828) , 3.3333333333px 3px var(--shadow-color, #282828) , 3.6666666667px 3.3px var(--shadow-color, #282828) , 4px 3.6px var(--shadow-color, #282828) , 4.3333333333px 3.9px var(--shadow-color, #282828) , 4.6666666667px 4.2px var(--shadow-color, #282828) , 5px 4.5px var(--shadow-color, #282828) , 5.3333333333px 4.8px var(--shadow-color, #282828) , 5.6666666667px 5.1px var(--shadow-color, #282828) , 6px 5.4px var(--shadow-color, #282828) , 6.3333333333px 5.7px var(--shadow-color, #282828) , 6.6666666667px 6px var(--shadow-color, #282828) , 7px 6.3px var(--shadow-color, #282828) , 7.3333333333px 6.6px var(--shadow-color, #282828) , 7.6666666667px 6.9px var(--shadow-color, #282828) , 8px 7.2px var(--shadow-color, #282828) , 8.3333333333px 7.5px var(--shadow-color, #282828) , 8.6666666667px 7.8px var(--shadow-color, #282828) , 9px 8.1px var(--shadow-color, #282828) , 9.3333333333px 8.4px var(--shadow-color, #282828) , 9.6666666667px 8.7px var(--shadow-color, #282828) , 10px 9px var(--shadow-color, #282828);
  }
}
@keyframes stagger {
  0% {
    text-shadow: -0.3333333333px 0.3px var(--shadow-color, #282828) , -0.6666666667px 0.6px var(--shadow-color, #282828) , -1px 0.9px var(--shadow-color, #282828) , -1.3333333333px 1.2px var(--shadow-color, #282828) , -1.6666666667px 1.5px var(--shadow-color, #282828) , -2px 1.8px var(--shadow-color, #282828) , -2.3333333333px 2.1px var(--shadow-color, #282828) , -2.6666666667px 2.4px var(--shadow-color, #282828) , -3px 2.7px var(--shadow-color, #282828) , -3.3333333333px 3px var(--shadow-color, #282828) , -3.6666666667px 3.3px var(--shadow-color, #282828) , -4px 3.6px var(--shadow-color, #282828) , -4.3333333333px 3.9px var(--shadow-color, #282828) , -4.6666666667px 4.2px var(--shadow-color, #282828) , -5px 4.5px var(--shadow-color, #282828) , -5.3333333333px 4.8px var(--shadow-color, #282828) , -5.6666666667px 5.1px var(--shadow-color, #282828) , -6px 5.4px var(--shadow-color, #282828) , -6.3333333333px 5.7px var(--shadow-color, #282828) , -6.6666666667px 6px var(--shadow-color, #282828) , -7px 6.3px var(--shadow-color, #282828) , -7.3333333333px 6.6px var(--shadow-color, #282828) , -7.6666666667px 6.9px var(--shadow-color, #282828) , -8px 7.2px var(--shadow-color, #282828) , -8.3333333333px 7.5px var(--shadow-color, #282828) , -8.6666666667px 7.8px var(--shadow-color, #282828) , -9px 8.1px var(--shadow-color, #282828) , -9.3333333333px 8.4px var(--shadow-color, #282828) , -9.6666666667px 8.7px var(--shadow-color, #282828) , -10px 9px var(--shadow-color, #282828);
  }
  4% {
    text-shadow: -0.3307049004px 0.3px var(--shadow-color, #282828) , -0.6614098009px 0.6px var(--shadow-color, #282828) , -0.9921147013px 0.9px var(--shadow-color, #282828) , -1.3228196018px 1.2px var(--shadow-color, #282828) , -1.6535245022px 1.5px var(--shadow-color, #282828) , -1.9842294026px 1.8px var(--shadow-color, #282828) , -2.3149343031px 2.1px var(--shadow-color, #282828) , -2.6456392035px 2.4px var(--shadow-color, #282828) , -2.9763441039px 2.7px var(--shadow-color, #282828) , -3.3070490044px 3px var(--shadow-color, #282828) , -3.6377539048px 3.3px var(--shadow-color, #282828) , -3.9684588053px 3.6px var(--shadow-color, #282828) , -4.2991637057px 3.9px var(--shadow-color, #282828) , -4.6298686061px 4.2px var(--shadow-color, #282828) , -4.9605735066px 4.5px var(--shadow-color, #282828) , -5.291278407px 4.8px var(--shadow-color, #282828) , -5.6219833074px 5.1px var(--shadow-color, #282828) , -5.9526882079px 5.4px var(--shadow-color, #282828) , -6.2833931083px 5.7px var(--shadow-color, #282828) , -6.6140980088px 6px var(--shadow-color, #282828) , -6.9448029092px 6.3px var(--shadow-color, #282828) , -7.2755078096px 6.6px var(--shadow-color, #282828) , -7.6062127101px 6.9px var(--shadow-color, #282828) , -7.9369176105px 7.2px var(--shadow-color, #282828) , -8.267622511px 7.5px var(--shadow-color, #282828) , -8.5983274114px 7.8px var(--shadow-color, #282828) , -8.9290323118px 8.1px var(--shadow-color, #282828) , -9.2597372123px 8.4px var(--shadow-color, #282828) , -9.5904421127px 8.7px var(--shadow-color, #282828) , -9.9211470131px 9px var(--shadow-color, #282828);
  }
  8% {
    text-shadow: -0.3228610537px 0.3px var(--shadow-color, #282828) , -0.6457221074px 0.6px var(--shadow-color, #282828) , -0.9685831611px 0.9px var(--shadow-color, #282828) , -1.2914442148px 1.2px var(--shadow-color, #282828) , -1.6143052685px 1.5px var(--shadow-color, #282828) , -1.9371663223px 1.8px var(--shadow-color, #282828) , -2.260027376px 2.1px var(--shadow-color, #282828) , -2.5828884297px 2.4px var(--shadow-color, #282828) , -2.9057494834px 2.7px var(--shadow-color, #282828) , -3.2286105371px 3px var(--shadow-color, #282828) , -3.5514715908px 3.3px var(--shadow-color, #282828) , -3.8743326445px 3.6px var(--shadow-color, #282828) , -4.1971936982px 3.9px var(--shadow-color, #282828) , -4.5200547519px 4.2px var(--shadow-color, #282828) , -4.8429158056px 4.5px var(--shadow-color, #282828) , -5.1657768594px 4.8px var(--shadow-color, #282828) , -5.4886379131px 5.1px var(--shadow-color, #282828) , -5.8114989668px 5.4px var(--shadow-color, #282828) , -6.1343600205px 5.7px var(--shadow-color, #282828) , -6.4572210742px 6px var(--shadow-color, #282828) , -6.7800821279px 6.3px var(--shadow-color, #282828) , -7.1029431816px 6.6px var(--shadow-color, #282828) , -7.4258042353px 6.9px var(--shadow-color, #282828) , -7.748665289px 7.2px var(--shadow-color, #282828) , -8.0715263427px 7.5px var(--shadow-color, #282828) , -8.3943873964px 7.8px var(--shadow-color, #282828) , -8.7172484502px 8.1px var(--shadow-color, #282828) , -9.0401095039px 8.4px var(--shadow-color, #282828) , -9.3629705576px 8.7px var(--shadow-color, #282828) , -9.6858316113px 9px var(--shadow-color, #282828);
  }
  12% {
    text-shadow: -0.3099254953px 0.3px var(--shadow-color, #282828) , -0.6198509906px 0.6px var(--shadow-color, #282828) , -0.9297764859px 0.9px var(--shadow-color, #282828) , -1.2397019812px 1.2px var(--shadow-color, #282828) , -1.5496274765px 1.5px var(--shadow-color, #282828) , -1.8595529718px 1.8px var(--shadow-color, #282828) , -2.1694784671px 2.1px var(--shadow-color, #282828) , -2.4794039624px 2.4px var(--shadow-color, #282828) , -2.7893294577px 2.7px var(--shadow-color, #282828) , -3.099254953px 3px var(--shadow-color, #282828) , -3.4091804483px 3.3px var(--shadow-color, #282828) , -3.7191059436px 3.6px var(--shadow-color, #282828) , -4.0290314388px 3.9px var(--shadow-color, #282828) , -4.3389569341px 4.2px var(--shadow-color, #282828) , -4.6488824294px 4.5px var(--shadow-color, #282828) , -4.9588079247px 4.8px var(--shadow-color, #282828) , -5.26873342px 5.1px var(--shadow-color, #282828) , -5.5786589153px 5.4px var(--shadow-color, #282828) , -5.8885844106px 5.7px var(--shadow-color, #282828) , -6.1985099059px 6px var(--shadow-color, #282828) , -6.5084354012px 6.3px var(--shadow-color, #282828) , -6.8183608965px 6.6px var(--shadow-color, #282828) , -7.1282863918px 6.9px var(--shadow-color, #282828) , -7.4382118871px 7.2px var(--shadow-color, #282828) , -7.7481373824px 7.5px var(--shadow-color, #282828) , -8.0580628777px 7.8px var(--shadow-color, #282828) , -8.367988373px 8.1px var(--shadow-color, #282828) , -8.6779138683px 8.4px var(--shadow-color, #282828) , -8.9878393636px 8.7px var(--shadow-color, #282828) , -9.2977648589px 9px var(--shadow-color, #282828);
  }
  16% {
    text-shadow: -0.2921022267px 0.3px var(--shadow-color, #282828) , -0.5842044534px 0.6px var(--shadow-color, #282828) , -0.87630668px 0.9px var(--shadow-color, #282828) , -1.1684089067px 1.2px var(--shadow-color, #282828) , -1.4605111334px 1.5px var(--shadow-color, #282828) , -1.7526133601px 1.8px var(--shadow-color, #282828) , -2.0447155868px 2.1px var(--shadow-color, #282828) , -2.3368178135px 2.4px var(--shadow-color, #282828) , -2.6289200401px 2.7px var(--shadow-color, #282828) , -2.9210222668px 3px var(--shadow-color, #282828) , -3.2131244935px 3.3px var(--shadow-color, #282828) , -3.5052267202px 3.6px var(--shadow-color, #282828) , -3.7973289469px 3.9px var(--shadow-color, #282828) , -4.0894311735px 4.2px var(--shadow-color, #282828) , -4.3815334002px 4.5px var(--shadow-color, #282828) , -4.6736356269px 4.8px var(--shadow-color, #282828) , -4.9657378536px 5.1px var(--shadow-color, #282828) , -5.2578400803px 5.4px var(--shadow-color, #282828) , -5.5499423069px 5.7px var(--shadow-color, #282828) , -5.8420445336px 6px var(--shadow-color, #282828) , -6.1341467603px 6.3px var(--shadow-color, #282828) , -6.426248987px 6.6px var(--shadow-color, #282828) , -6.7183512137px 6.9px var(--shadow-color, #282828) , -7.0104534404px 7.2px var(--shadow-color, #282828) , -7.302555667px 7.5px var(--shadow-color, #282828) , -7.5946578937px 7.8px var(--shadow-color, #282828) , -7.8867601204px 8.1px var(--shadow-color, #282828) , -8.1788623471px 8.4px var(--shadow-color, #282828) , -8.4709645738px 8.7px var(--shadow-color, #282828) , -8.7630668004px 9px var(--shadow-color, #282828);
  }
  20% {
    text-shadow: -0.2696723315px 0.3px var(--shadow-color, #282828) , -0.5393446629px 0.6px var(--shadow-color, #282828) , -0.8090169944px 0.9px var(--shadow-color, #282828) , -1.0786893258px 1.2px var(--shadow-color, #282828) , -1.3483616573px 1.5px var(--shadow-color, #282828) , -1.6180339887px 1.8px var(--shadow-color, #282828) , -1.8877063202px 2.1px var(--shadow-color, #282828) , -2.1573786517px 2.4px var(--shadow-color, #282828) , -2.4270509831px 2.7px var(--shadow-color, #282828) , -2.6967233146px 3px var(--shadow-color, #282828) , -2.966395646px 3.3px var(--shadow-color, #282828) , -3.2360679775px 3.6px var(--shadow-color, #282828) , -3.505740309px 3.9px var(--shadow-color, #282828) , -3.7754126404px 4.2px var(--shadow-color, #282828) , -4.0450849719px 4.5px var(--shadow-color, #282828) , -4.3147573033px 4.8px var(--shadow-color, #282828) , -4.5844296348px 5.1px var(--shadow-color, #282828) , -4.8541019662px 5.4px var(--shadow-color, #282828) , -5.1237742977px 5.7px var(--shadow-color, #282828) , -5.3934466292px 6px var(--shadow-color, #282828) , -5.6631189606px 6.3px var(--shadow-color, #282828) , -5.9327912921px 6.6px var(--shadow-color, #282828) , -6.2024636235px 6.9px var(--shadow-color, #282828) , -6.472135955px 7.2px var(--shadow-color, #282828) , -6.7418082865px 7.5px var(--shadow-color, #282828) , -7.0114806179px 7.8px var(--shadow-color, #282828) , -7.2811529494px 8.1px var(--shadow-color, #282828) , -7.5508252808px 8.4px var(--shadow-color, #282828) , -7.8204976123px 8.7px var(--shadow-color, #282828) , -8.0901699437px 9px var(--shadow-color, #282828);
  }
  24% {
    text-shadow: -0.2429895425px 0.3px var(--shadow-color, #282828) , -0.4859790849px 0.6px var(--shadow-color, #282828) , -0.7289686274px 0.9px var(--shadow-color, #282828) , -0.9719581699px 1.2px var(--shadow-color, #282828) , -1.2149477124px 1.5px var(--shadow-color, #282828) , -1.4579372548px 1.8px var(--shadow-color, #282828) , -1.7009267973px 2.1px var(--shadow-color, #282828) , -1.9439163398px 2.4px var(--shadow-color, #282828) , -2.1869058823px 2.7px var(--shadow-color, #282828) , -2.4298954247px 3px var(--shadow-color, #282828) , -2.6728849672px 3.3px var(--shadow-color, #282828) , -2.9158745097px 3.6px var(--shadow-color, #282828) , -3.1588640522px 3.9px var(--shadow-color, #282828) , -3.4018535946px 4.2px var(--shadow-color, #282828) , -3.6448431371px 4.5px var(--shadow-color, #282828) , -3.8878326796px 4.8px var(--shadow-color, #282828) , -4.1308222221px 5.1px var(--shadow-color, #282828) , -4.3738117645px 5.4px var(--shadow-color, #282828) , -4.616801307px 5.7px var(--shadow-color, #282828) , -4.8597908495px 6px var(--shadow-color, #282828) , -5.1027803919px 6.3px var(--shadow-color, #282828) , -5.3457699344px 6.6px var(--shadow-color, #282828) , -5.5887594769px 6.9px var(--shadow-color, #282828) , -5.8317490194px 7.2px var(--shadow-color, #282828) , -6.0747385618px 7.5px var(--shadow-color, #282828) , -6.3177281043px 7.8px var(--shadow-color, #282828) , -6.5607176468px 8.1px var(--shadow-color, #282828) , -6.8037071893px 8.4px var(--shadow-color, #282828) , -7.0466967317px 8.7px var(--shadow-color, #282828) , -7.2896862742px 9px var(--shadow-color, #282828);
  }
  28% {
    text-shadow: -0.2124746632px 0.3px var(--shadow-color, #282828) , -0.4249493265px 0.6px var(--shadow-color, #282828) , -0.6374239897px 0.9px var(--shadow-color, #282828) , -0.849898653px 1.2px var(--shadow-color, #282828) , -1.0623733162px 1.5px var(--shadow-color, #282828) , -1.2748479795px 1.8px var(--shadow-color, #282828) , -1.4873226427px 2.1px var(--shadow-color, #282828) , -1.699797306px 2.4px var(--shadow-color, #282828) , -1.9122719692px 2.7px var(--shadow-color, #282828) , -2.1247466325px 3px var(--shadow-color, #282828) , -2.3372212957px 3.3px var(--shadow-color, #282828) , -2.549695959px 3.6px var(--shadow-color, #282828) , -2.7621706222px 3.9px var(--shadow-color, #282828) , -2.9746452855px 4.2px var(--shadow-color, #282828) , -3.1871199487px 4.5px var(--shadow-color, #282828) , -3.399594612px 4.8px var(--shadow-color, #282828) , -3.6120692752px 5.1px var(--shadow-color, #282828) , -3.8245439385px 5.4px var(--shadow-color, #282828) , -4.0370186017px 5.7px var(--shadow-color, #282828) , -4.249493265px 6px var(--shadow-color, #282828) , -4.4619679282px 6.3px var(--shadow-color, #282828) , -4.6744425915px 6.6px var(--shadow-color, #282828) , -4.8869172547px 6.9px var(--shadow-color, #282828) , -5.099391918px 7.2px var(--shadow-color, #282828) , -5.3118665812px 7.5px var(--shadow-color, #282828) , -5.5243412445px 7.8px var(--shadow-color, #282828) , -5.7368159077px 8.1px var(--shadow-color, #282828) , -5.949290571px 8.4px var(--shadow-color, #282828) , -6.1617652342px 8.7px var(--shadow-color, #282828) , -6.3742398975px 9px var(--shadow-color, #282828);
  }
  32% {
    text-shadow: -0.1786089317px 0.3px var(--shadow-color, #282828) , -0.3572178633px 0.6px var(--shadow-color, #282828) , -0.535826795px 0.9px var(--shadow-color, #282828) , -0.7144357266px 1.2px var(--shadow-color, #282828) , -0.8930446583px 1.5px var(--shadow-color, #282828) , -1.07165359px 1.8px var(--shadow-color, #282828) , -1.2502625216px 2.1px var(--shadow-color, #282828) , -1.4288714533px 2.4px var(--shadow-color, #282828) , -1.6074803849px 2.7px var(--shadow-color, #282828) , -1.7860893166px 3px var(--shadow-color, #282828) , -1.9646982483px 3.3px var(--shadow-color, #282828) , -2.1433071799px 3.6px var(--shadow-color, #282828) , -2.3219161116px 3.9px var(--shadow-color, #282828) , -2.5005250432px 4.2px var(--shadow-color, #282828) , -2.6791339749px 4.5px var(--shadow-color, #282828) , -2.8577429066px 4.8px var(--shadow-color, #282828) , -3.0363518382px 5.1px var(--shadow-color, #282828) , -3.2149607699px 5.4px var(--shadow-color, #282828) , -3.3935697015px 5.7px var(--shadow-color, #282828) , -3.5721786332px 6px var(--shadow-color, #282828) , -3.7507875649px 6.3px var(--shadow-color, #282828) , -3.9293964965px 6.6px var(--shadow-color, #282828) , -4.1080054282px 6.9px var(--shadow-color, #282828) , -4.2866143598px 7.2px var(--shadow-color, #282828) , -4.4652232915px 7.5px var(--shadow-color, #282828) , -4.6438322232px 7.8px var(--shadow-color, #282828) , -4.8224411548px 8.1px var(--shadow-color, #282828) , -5.0010500865px 8.4px var(--shadow-color, #282828) , -5.1796590181px 8.7px var(--shadow-color, #282828) , -5.3582679498px 9px var(--shadow-color, #282828);
  }
  36% {
    text-shadow: -0.1419264305px 0.3px var(--shadow-color, #282828) , -0.283852861px 0.6px var(--shadow-color, #282828) , -0.4257792916px 0.9px var(--shadow-color, #282828) , -0.5677057221px 1.2px var(--shadow-color, #282828) , -0.7096321526px 1.5px var(--shadow-color, #282828) , -0.8515585831px 1.8px var(--shadow-color, #282828) , -0.9934850137px 2.1px var(--shadow-color, #282828) , -1.1354114442px 2.4px var(--shadow-color, #282828) , -1.2773378747px 2.7px var(--shadow-color, #282828) , -1.4192643052px 3px var(--shadow-color, #282828) , -1.5611907357px 3.3px var(--shadow-color, #282828) , -1.7031171663px 3.6px var(--shadow-color, #282828) , -1.8450435968px 3.9px var(--shadow-color, #282828) , -1.9869700273px 4.2px var(--shadow-color, #282828) , -2.1288964578px 4.5px var(--shadow-color, #282828) , -2.2708228883px 4.8px var(--shadow-color, #282828) , -2.4127493189px 5.1px var(--shadow-color, #282828) , -2.5546757494px 5.4px var(--shadow-color, #282828) , -2.6966021799px 5.7px var(--shadow-color, #282828) , -2.8385286104px 6px var(--shadow-color, #282828) , -2.980455041px 6.3px var(--shadow-color, #282828) , -3.1223814715px 6.6px var(--shadow-color, #282828) , -3.264307902px 6.9px var(--shadow-color, #282828) , -3.4062343325px 7.2px var(--shadow-color, #282828) , -3.548160763px 7.5px var(--shadow-color, #282828) , -3.6900871936px 7.8px var(--shadow-color, #282828) , -3.8320136241px 8.1px var(--shadow-color, #282828) , -3.9739400546px 8.4px var(--shadow-color, #282828) , -4.1158664851px 8.7px var(--shadow-color, #282828) , -4.2577929157px 9px var(--shadow-color, #282828);
  }
  40% {
    text-shadow: -0.1030056648px 0.3px var(--shadow-color, #282828) , -0.2060113296px 0.6px var(--shadow-color, #282828) , -0.3090169944px 0.9px var(--shadow-color, #282828) , -0.4120226592px 1.2px var(--shadow-color, #282828) , -0.515028324px 1.5px var(--shadow-color, #282828) , -0.6180339887px 1.8px var(--shadow-color, #282828) , -0.7210396535px 2.1px var(--shadow-color, #282828) , -0.8240453183px 2.4px var(--shadow-color, #282828) , -0.9270509831px 2.7px var(--shadow-color, #282828) , -1.0300566479px 3px var(--shadow-color, #282828) , -1.1330623127px 3.3px var(--shadow-color, #282828) , -1.2360679775px 3.6px var(--shadow-color, #282828) , -1.3390736423px 3.9px var(--shadow-color, #282828) , -1.4420793071px 4.2px var(--shadow-color, #282828) , -1.5450849719px 4.5px var(--shadow-color, #282828) , -1.6480906367px 4.8px var(--shadow-color, #282828) , -1.7510963015px 5.1px var(--shadow-color, #282828) , -1.8541019662px 5.4px var(--shadow-color, #282828) , -1.957107631px 5.7px var(--shadow-color, #282828) , -2.0601132958px 6px var(--shadow-color, #282828) , -2.1631189606px 6.3px var(--shadow-color, #282828) , -2.2661246254px 6.6px var(--shadow-color, #282828) , -2.3691302902px 6.9px var(--shadow-color, #282828) , -2.472135955px 7.2px var(--shadow-color, #282828) , -2.5751416198px 7.5px var(--shadow-color, #282828) , -2.6781472846px 7.8px var(--shadow-color, #282828) , -2.7811529494px 8.1px var(--shadow-color, #282828) , -2.8841586142px 8.4px var(--shadow-color, #282828) , -2.987164279px 8.7px var(--shadow-color, #282828) , -3.0901699437px 9px var(--shadow-color, #282828);
  }
  44% {
    text-shadow: -0.0624604382px 0.3px var(--shadow-color, #282828) , -0.1249208764px 0.6px var(--shadow-color, #282828) , -0.1873813146px 0.9px var(--shadow-color, #282828) , -0.2498417528px 1.2px var(--shadow-color, #282828) , -0.312302191px 1.5px var(--shadow-color, #282828) , -0.3747626292px 1.8px var(--shadow-color, #282828) , -0.4372230674px 2.1px var(--shadow-color, #282828) , -0.4996835056px 2.4px var(--shadow-color, #282828) , -0.5621439438px 2.7px var(--shadow-color, #282828) , -0.624604382px 3px var(--shadow-color, #282828) , -0.6870648201px 3.3px var(--shadow-color, #282828) , -0.7495252583px 3.6px var(--shadow-color, #282828) , -0.8119856965px 3.9px var(--shadow-color, #282828) , -0.8744461347px 4.2px var(--shadow-color, #282828) , -0.9369065729px 4.5px var(--shadow-color, #282828) , -0.9993670111px 4.8px var(--shadow-color, #282828) , -1.0618274493px 5.1px var(--shadow-color, #282828) , -1.1242878875px 5.4px var(--shadow-color, #282828) , -1.1867483257px 5.7px var(--shadow-color, #282828) , -1.2492087639px 6px var(--shadow-color, #282828) , -1.3116692021px 6.3px var(--shadow-color, #282828) , -1.3741296403px 6.6px var(--shadow-color, #282828) , -1.4365900785px 6.9px var(--shadow-color, #282828) , -1.4990505167px 7.2px var(--shadow-color, #282828) , -1.5615109549px 7.5px var(--shadow-color, #282828) , -1.6239713931px 7.8px var(--shadow-color, #282828) , -1.6864318313px 8.1px var(--shadow-color, #282828) , -1.7488922695px 8.4px var(--shadow-color, #282828) , -1.8113527077px 8.7px var(--shadow-color, #282828) , -1.8738131459px 9px var(--shadow-color, #282828);
  }
  48% {
    text-shadow: -0.0209301732px 0.3px var(--shadow-color, #282828) , -0.0418603464px 0.6px var(--shadow-color, #282828) , -0.0627905195px 0.9px var(--shadow-color, #282828) , -0.0837206927px 1.2px var(--shadow-color, #282828) , -0.1046508659px 1.5px var(--shadow-color, #282828) , -0.1255810391px 1.8px var(--shadow-color, #282828) , -0.1465112122px 2.1px var(--shadow-color, #282828) , -0.1674413854px 2.4px var(--shadow-color, #282828) , -0.1883715586px 2.7px var(--shadow-color, #282828) , -0.2093017318px 3px var(--shadow-color, #282828) , -0.2302319049px 3.3px var(--shadow-color, #282828) , -0.2511620781px 3.6px var(--shadow-color, #282828) , -0.2720922513px 3.9px var(--shadow-color, #282828) , -0.2930224245px 4.2px var(--shadow-color, #282828) , -0.3139525976px 4.5px var(--shadow-color, #282828) , -0.3348827708px 4.8px var(--shadow-color, #282828) , -0.355812944px 5.1px var(--shadow-color, #282828) , -0.3767431172px 5.4px var(--shadow-color, #282828) , -0.3976732904px 5.7px var(--shadow-color, #282828) , -0.4186034635px 6px var(--shadow-color, #282828) , -0.4395336367px 6.3px var(--shadow-color, #282828) , -0.4604638099px 6.6px var(--shadow-color, #282828) , -0.4813939831px 6.9px var(--shadow-color, #282828) , -0.5023241562px 7.2px var(--shadow-color, #282828) , -0.5232543294px 7.5px var(--shadow-color, #282828) , -0.5441845026px 7.8px var(--shadow-color, #282828) , -0.5651146758px 8.1px var(--shadow-color, #282828) , -0.5860448489px 8.4px var(--shadow-color, #282828) , -0.6069750221px 8.7px var(--shadow-color, #282828) , -0.6279051953px 9px var(--shadow-color, #282828);
  }
  52% {
    text-shadow: 0.0209301732px 0.3px var(--shadow-color, #282828) , 0.0418603464px 0.6px var(--shadow-color, #282828) , 0.0627905195px 0.9px var(--shadow-color, #282828) , 0.0837206927px 1.2px var(--shadow-color, #282828) , 0.1046508659px 1.5px var(--shadow-color, #282828) , 0.1255810391px 1.8px var(--shadow-color, #282828) , 0.1465112122px 2.1px var(--shadow-color, #282828) , 0.1674413854px 2.4px var(--shadow-color, #282828) , 0.1883715586px 2.7px var(--shadow-color, #282828) , 0.2093017318px 3px var(--shadow-color, #282828) , 0.2302319049px 3.3px var(--shadow-color, #282828) , 0.2511620781px 3.6px var(--shadow-color, #282828) , 0.2720922513px 3.9px var(--shadow-color, #282828) , 0.2930224245px 4.2px var(--shadow-color, #282828) , 0.3139525976px 4.5px var(--shadow-color, #282828) , 0.3348827708px 4.8px var(--shadow-color, #282828) , 0.355812944px 5.1px var(--shadow-color, #282828) , 0.3767431172px 5.4px var(--shadow-color, #282828) , 0.3976732904px 5.7px var(--shadow-color, #282828) , 0.4186034635px 6px var(--shadow-color, #282828) , 0.4395336367px 6.3px var(--shadow-color, #282828) , 0.4604638099px 6.6px var(--shadow-color, #282828) , 0.4813939831px 6.9px var(--shadow-color, #282828) , 0.5023241562px 7.2px var(--shadow-color, #282828) , 0.5232543294px 7.5px var(--shadow-color, #282828) , 0.5441845026px 7.8px var(--shadow-color, #282828) , 0.5651146758px 8.1px var(--shadow-color, #282828) , 0.5860448489px 8.4px var(--shadow-color, #282828) , 0.6069750221px 8.7px var(--shadow-color, #282828) , 0.6279051953px 9px var(--shadow-color, #282828);
  }
  56% {
    text-shadow: 0.0624604382px 0.3px var(--shadow-color, #282828) , 0.1249208764px 0.6px var(--shadow-color, #282828) , 0.1873813146px 0.9px var(--shadow-color, #282828) , 0.2498417528px 1.2px var(--shadow-color, #282828) , 0.312302191px 1.5px var(--shadow-color, #282828) , 0.3747626292px 1.8px var(--shadow-color, #282828) , 0.4372230674px 2.1px var(--shadow-color, #282828) , 0.4996835056px 2.4px var(--shadow-color, #282828) , 0.5621439438px 2.7px var(--shadow-color, #282828) , 0.624604382px 3px var(--shadow-color, #282828) , 0.6870648201px 3.3px var(--shadow-color, #282828) , 0.7495252583px 3.6px var(--shadow-color, #282828) , 0.8119856965px 3.9px var(--shadow-color, #282828) , 0.8744461347px 4.2px var(--shadow-color, #282828) , 0.9369065729px 4.5px var(--shadow-color, #282828) , 0.9993670111px 4.8px var(--shadow-color, #282828) , 1.0618274493px 5.1px var(--shadow-color, #282828) , 1.1242878875px 5.4px var(--shadow-color, #282828) , 1.1867483257px 5.7px var(--shadow-color, #282828) , 1.2492087639px 6px var(--shadow-color, #282828) , 1.3116692021px 6.3px var(--shadow-color, #282828) , 1.3741296403px 6.6px var(--shadow-color, #282828) , 1.4365900785px 6.9px var(--shadow-color, #282828) , 1.4990505167px 7.2px var(--shadow-color, #282828) , 1.5615109549px 7.5px var(--shadow-color, #282828) , 1.6239713931px 7.8px var(--shadow-color, #282828) , 1.6864318313px 8.1px var(--shadow-color, #282828) , 1.7488922695px 8.4px var(--shadow-color, #282828) , 1.8113527077px 8.7px var(--shadow-color, #282828) , 1.8738131459px 9px var(--shadow-color, #282828);
  }
  60% {
    text-shadow: 0.1030056648px 0.3px var(--shadow-color, #282828) , 0.2060113296px 0.6px var(--shadow-color, #282828) , 0.3090169944px 0.9px var(--shadow-color, #282828) , 0.4120226592px 1.2px var(--shadow-color, #282828) , 0.515028324px 1.5px var(--shadow-color, #282828) , 0.6180339887px 1.8px var(--shadow-color, #282828) , 0.7210396535px 2.1px var(--shadow-color, #282828) , 0.8240453183px 2.4px var(--shadow-color, #282828) , 0.9270509831px 2.7px var(--shadow-color, #282828) , 1.0300566479px 3px var(--shadow-color, #282828) , 1.1330623127px 3.3px var(--shadow-color, #282828) , 1.2360679775px 3.6px var(--shadow-color, #282828) , 1.3390736423px 3.9px var(--shadow-color, #282828) , 1.4420793071px 4.2px var(--shadow-color, #282828) , 1.5450849719px 4.5px var(--shadow-color, #282828) , 1.6480906367px 4.8px var(--shadow-color, #282828) , 1.7510963015px 5.1px var(--shadow-color, #282828) , 1.8541019662px 5.4px var(--shadow-color, #282828) , 1.957107631px 5.7px var(--shadow-color, #282828) , 2.0601132958px 6px var(--shadow-color, #282828) , 2.1631189606px 6.3px var(--shadow-color, #282828) , 2.2661246254px 6.6px var(--shadow-color, #282828) , 2.3691302902px 6.9px var(--shadow-color, #282828) , 2.472135955px 7.2px var(--shadow-color, #282828) , 2.5751416198px 7.5px var(--shadow-color, #282828) , 2.6781472846px 7.8px var(--shadow-color, #282828) , 2.7811529494px 8.1px var(--shadow-color, #282828) , 2.8841586142px 8.4px var(--shadow-color, #282828) , 2.987164279px 8.7px var(--shadow-color, #282828) , 3.0901699437px 9px var(--shadow-color, #282828);
  }
  64% {
    text-shadow: 0.1419264305px 0.3px var(--shadow-color, #282828) , 0.283852861px 0.6px var(--shadow-color, #282828) , 0.4257792916px 0.9px var(--shadow-color, #282828) , 0.5677057221px 1.2px var(--shadow-color, #282828) , 0.7096321526px 1.5px var(--shadow-color, #282828) , 0.8515585831px 1.8px var(--shadow-color, #282828) , 0.9934850137px 2.1px var(--shadow-color, #282828) , 1.1354114442px 2.4px var(--shadow-color, #282828) , 1.2773378747px 2.7px var(--shadow-color, #282828) , 1.4192643052px 3px var(--shadow-color, #282828) , 1.5611907357px 3.3px var(--shadow-color, #282828) , 1.7031171663px 3.6px var(--shadow-color, #282828) , 1.8450435968px 3.9px var(--shadow-color, #282828) , 1.9869700273px 4.2px var(--shadow-color, #282828) , 2.1288964578px 4.5px var(--shadow-color, #282828) , 2.2708228883px 4.8px var(--shadow-color, #282828) , 2.4127493189px 5.1px var(--shadow-color, #282828) , 2.5546757494px 5.4px var(--shadow-color, #282828) , 2.6966021799px 5.7px var(--shadow-color, #282828) , 2.8385286104px 6px var(--shadow-color, #282828) , 2.980455041px 6.3px var(--shadow-color, #282828) , 3.1223814715px 6.6px var(--shadow-color, #282828) , 3.264307902px 6.9px var(--shadow-color, #282828) , 3.4062343325px 7.2px var(--shadow-color, #282828) , 3.548160763px 7.5px var(--shadow-color, #282828) , 3.6900871936px 7.8px var(--shadow-color, #282828) , 3.8320136241px 8.1px var(--shadow-color, #282828) , 3.9739400546px 8.4px var(--shadow-color, #282828) , 4.1158664851px 8.7px var(--shadow-color, #282828) , 4.2577929157px 9px var(--shadow-color, #282828);
  }
  68% {
    text-shadow: 0.1786089317px 0.3px var(--shadow-color, #282828) , 0.3572178633px 0.6px var(--shadow-color, #282828) , 0.535826795px 0.9px var(--shadow-color, #282828) , 0.7144357266px 1.2px var(--shadow-color, #282828) , 0.8930446583px 1.5px var(--shadow-color, #282828) , 1.07165359px 1.8px var(--shadow-color, #282828) , 1.2502625216px 2.1px var(--shadow-color, #282828) , 1.4288714533px 2.4px var(--shadow-color, #282828) , 1.6074803849px 2.7px var(--shadow-color, #282828) , 1.7860893166px 3px var(--shadow-color, #282828) , 1.9646982483px 3.3px var(--shadow-color, #282828) , 2.1433071799px 3.6px var(--shadow-color, #282828) , 2.3219161116px 3.9px var(--shadow-color, #282828) , 2.5005250432px 4.2px var(--shadow-color, #282828) , 2.6791339749px 4.5px var(--shadow-color, #282828) , 2.8577429066px 4.8px var(--shadow-color, #282828) , 3.0363518382px 5.1px var(--shadow-color, #282828) , 3.2149607699px 5.4px var(--shadow-color, #282828) , 3.3935697015px 5.7px var(--shadow-color, #282828) , 3.5721786332px 6px var(--shadow-color, #282828) , 3.7507875649px 6.3px var(--shadow-color, #282828) , 3.9293964965px 6.6px var(--shadow-color, #282828) , 4.1080054282px 6.9px var(--shadow-color, #282828) , 4.2866143598px 7.2px var(--shadow-color, #282828) , 4.4652232915px 7.5px var(--shadow-color, #282828) , 4.6438322232px 7.8px var(--shadow-color, #282828) , 4.8224411548px 8.1px var(--shadow-color, #282828) , 5.0010500865px 8.4px var(--shadow-color, #282828) , 5.1796590181px 8.7px var(--shadow-color, #282828) , 5.3582679498px 9px var(--shadow-color, #282828);
  }
  72% {
    text-shadow: 0.2124746632px 0.3px var(--shadow-color, #282828) , 0.4249493265px 0.6px var(--shadow-color, #282828) , 0.6374239897px 0.9px var(--shadow-color, #282828) , 0.849898653px 1.2px var(--shadow-color, #282828) , 1.0623733162px 1.5px var(--shadow-color, #282828) , 1.2748479795px 1.8px var(--shadow-color, #282828) , 1.4873226427px 2.1px var(--shadow-color, #282828) , 1.699797306px 2.4px var(--shadow-color, #282828) , 1.9122719692px 2.7px var(--shadow-color, #282828) , 2.1247466325px 3px var(--shadow-color, #282828) , 2.3372212957px 3.3px var(--shadow-color, #282828) , 2.549695959px 3.6px var(--shadow-color, #282828) , 2.7621706222px 3.9px var(--shadow-color, #282828) , 2.9746452855px 4.2px var(--shadow-color, #282828) , 3.1871199487px 4.5px var(--shadow-color, #282828) , 3.399594612px 4.8px var(--shadow-color, #282828) , 3.6120692752px 5.1px var(--shadow-color, #282828) , 3.8245439385px 5.4px var(--shadow-color, #282828) , 4.0370186017px 5.7px var(--shadow-color, #282828) , 4.249493265px 6px var(--shadow-color, #282828) , 4.4619679282px 6.3px var(--shadow-color, #282828) , 4.6744425915px 6.6px var(--shadow-color, #282828) , 4.8869172547px 6.9px var(--shadow-color, #282828) , 5.099391918px 7.2px var(--shadow-color, #282828) , 5.3118665812px 7.5px var(--shadow-color, #282828) , 5.5243412445px 7.8px var(--shadow-color, #282828) , 5.7368159077px 8.1px var(--shadow-color, #282828) , 5.949290571px 8.4px var(--shadow-color, #282828) , 6.1617652342px 8.7px var(--shadow-color, #282828) , 6.3742398975px 9px var(--shadow-color, #282828);
  }
  76% {
    text-shadow: 0.2429895425px 0.3px var(--shadow-color, #282828) , 0.4859790849px 0.6px var(--shadow-color, #282828) , 0.7289686274px 0.9px var(--shadow-color, #282828) , 0.9719581699px 1.2px var(--shadow-color, #282828) , 1.2149477124px 1.5px var(--shadow-color, #282828) , 1.4579372548px 1.8px var(--shadow-color, #282828) , 1.7009267973px 2.1px var(--shadow-color, #282828) , 1.9439163398px 2.4px var(--shadow-color, #282828) , 2.1869058823px 2.7px var(--shadow-color, #282828) , 2.4298954247px 3px var(--shadow-color, #282828) , 2.6728849672px 3.3px var(--shadow-color, #282828) , 2.9158745097px 3.6px var(--shadow-color, #282828) , 3.1588640522px 3.9px var(--shadow-color, #282828) , 3.4018535946px 4.2px var(--shadow-color, #282828) , 3.6448431371px 4.5px var(--shadow-color, #282828) , 3.8878326796px 4.8px var(--shadow-color, #282828) , 4.1308222221px 5.1px var(--shadow-color, #282828) , 4.3738117645px 5.4px var(--shadow-color, #282828) , 4.616801307px 5.7px var(--shadow-color, #282828) , 4.8597908495px 6px var(--shadow-color, #282828) , 5.1027803919px 6.3px var(--shadow-color, #282828) , 5.3457699344px 6.6px var(--shadow-color, #282828) , 5.5887594769px 6.9px var(--shadow-color, #282828) , 5.8317490194px 7.2px var(--shadow-color, #282828) , 6.0747385618px 7.5px var(--shadow-color, #282828) , 6.3177281043px 7.8px var(--shadow-color, #282828) , 6.5607176468px 8.1px var(--shadow-color, #282828) , 6.8037071893px 8.4px var(--shadow-color, #282828) , 7.0466967317px 8.7px var(--shadow-color, #282828) , 7.2896862742px 9px var(--shadow-color, #282828);
  }
  80% {
    text-shadow: 0.2696723315px 0.3px var(--shadow-color, #282828) , 0.5393446629px 0.6px var(--shadow-color, #282828) , 0.8090169944px 0.9px var(--shadow-color, #282828) , 1.0786893258px 1.2px var(--shadow-color, #282828) , 1.3483616573px 1.5px var(--shadow-color, #282828) , 1.6180339887px 1.8px var(--shadow-color, #282828) , 1.8877063202px 2.1px var(--shadow-color, #282828) , 2.1573786517px 2.4px var(--shadow-color, #282828) , 2.4270509831px 2.7px var(--shadow-color, #282828) , 2.6967233146px 3px var(--shadow-color, #282828) , 2.966395646px 3.3px var(--shadow-color, #282828) , 3.2360679775px 3.6px var(--shadow-color, #282828) , 3.505740309px 3.9px var(--shadow-color, #282828) , 3.7754126404px 4.2px var(--shadow-color, #282828) , 4.0450849719px 4.5px var(--shadow-color, #282828) , 4.3147573033px 4.8px var(--shadow-color, #282828) , 4.5844296348px 5.1px var(--shadow-color, #282828) , 4.8541019662px 5.4px var(--shadow-color, #282828) , 5.1237742977px 5.7px var(--shadow-color, #282828) , 5.3934466292px 6px var(--shadow-color, #282828) , 5.6631189606px 6.3px var(--shadow-color, #282828) , 5.9327912921px 6.6px var(--shadow-color, #282828) , 6.2024636235px 6.9px var(--shadow-color, #282828) , 6.472135955px 7.2px var(--shadow-color, #282828) , 6.7418082865px 7.5px var(--shadow-color, #282828) , 7.0114806179px 7.8px var(--shadow-color, #282828) , 7.2811529494px 8.1px var(--shadow-color, #282828) , 7.5508252808px 8.4px var(--shadow-color, #282828) , 7.8204976123px 8.7px var(--shadow-color, #282828) , 8.0901699437px 9px var(--shadow-color, #282828);
  }
  84% {
    text-shadow: 0.2921022267px 0.3px var(--shadow-color, #282828) , 0.5842044534px 0.6px var(--shadow-color, #282828) , 0.87630668px 0.9px var(--shadow-color, #282828) , 1.1684089067px 1.2px var(--shadow-color, #282828) , 1.4605111334px 1.5px var(--shadow-color, #282828) , 1.7526133601px 1.8px var(--shadow-color, #282828) , 2.0447155868px 2.1px var(--shadow-color, #282828) , 2.3368178135px 2.4px var(--shadow-color, #282828) , 2.6289200401px 2.7px var(--shadow-color, #282828) , 2.9210222668px 3px var(--shadow-color, #282828) , 3.2131244935px 3.3px var(--shadow-color, #282828) , 3.5052267202px 3.6px var(--shadow-color, #282828) , 3.7973289469px 3.9px var(--shadow-color, #282828) , 4.0894311735px 4.2px var(--shadow-color, #282828) , 4.3815334002px 4.5px var(--shadow-color, #282828) , 4.6736356269px 4.8px var(--shadow-color, #282828) , 4.9657378536px 5.1px var(--shadow-color, #282828) , 5.2578400803px 5.4px var(--shadow-color, #282828) , 5.5499423069px 5.7px var(--shadow-color, #282828) , 5.8420445336px 6px var(--shadow-color, #282828) , 6.1341467603px 6.3px var(--shadow-color, #282828) , 6.426248987px 6.6px var(--shadow-color, #282828) , 6.7183512137px 6.9px var(--shadow-color, #282828) , 7.0104534404px 7.2px var(--shadow-color, #282828) , 7.302555667px 7.5px var(--shadow-color, #282828) , 7.5946578937px 7.8px var(--shadow-color, #282828) , 7.8867601204px 8.1px var(--shadow-color, #282828) , 8.1788623471px 8.4px var(--shadow-color, #282828) , 8.4709645738px 8.7px var(--shadow-color, #282828) , 8.7630668004px 9px var(--shadow-color, #282828);
  }
  88% {
    text-shadow: 0.3099254953px 0.3px var(--shadow-color, #282828) , 0.6198509906px 0.6px var(--shadow-color, #282828) , 0.9297764859px 0.9px var(--shadow-color, #282828) , 1.2397019812px 1.2px var(--shadow-color, #282828) , 1.5496274765px 1.5px var(--shadow-color, #282828) , 1.8595529718px 1.8px var(--shadow-color, #282828) , 2.1694784671px 2.1px var(--shadow-color, #282828) , 2.4794039624px 2.4px var(--shadow-color, #282828) , 2.7893294577px 2.7px var(--shadow-color, #282828) , 3.099254953px 3px var(--shadow-color, #282828) , 3.4091804483px 3.3px var(--shadow-color, #282828) , 3.7191059436px 3.6px var(--shadow-color, #282828) , 4.0290314388px 3.9px var(--shadow-color, #282828) , 4.3389569341px 4.2px var(--shadow-color, #282828) , 4.6488824294px 4.5px var(--shadow-color, #282828) , 4.9588079247px 4.8px var(--shadow-color, #282828) , 5.26873342px 5.1px var(--shadow-color, #282828) , 5.5786589153px 5.4px var(--shadow-color, #282828) , 5.8885844106px 5.7px var(--shadow-color, #282828) , 6.1985099059px 6px var(--shadow-color, #282828) , 6.5084354012px 6.3px var(--shadow-color, #282828) , 6.8183608965px 6.6px var(--shadow-color, #282828) , 7.1282863918px 6.9px var(--shadow-color, #282828) , 7.4382118871px 7.2px var(--shadow-color, #282828) , 7.7481373824px 7.5px var(--shadow-color, #282828) , 8.0580628777px 7.8px var(--shadow-color, #282828) , 8.367988373px 8.1px var(--shadow-color, #282828) , 8.6779138683px 8.4px var(--shadow-color, #282828) , 8.9878393636px 8.7px var(--shadow-color, #282828) , 9.2977648589px 9px var(--shadow-color, #282828);
  }
  92% {
    text-shadow: 0.3228610537px 0.3px var(--shadow-color, #282828) , 0.6457221074px 0.6px var(--shadow-color, #282828) , 0.9685831611px 0.9px var(--shadow-color, #282828) , 1.2914442148px 1.2px var(--shadow-color, #282828) , 1.6143052685px 1.5px var(--shadow-color, #282828) , 1.9371663223px 1.8px var(--shadow-color, #282828) , 2.260027376px 2.1px var(--shadow-color, #282828) , 2.5828884297px 2.4px var(--shadow-color, #282828) , 2.9057494834px 2.7px var(--shadow-color, #282828) , 3.2286105371px 3px var(--shadow-color, #282828) , 3.5514715908px 3.3px var(--shadow-color, #282828) , 3.8743326445px 3.6px var(--shadow-color, #282828) , 4.1971936982px 3.9px var(--shadow-color, #282828) , 4.5200547519px 4.2px var(--shadow-color, #282828) , 4.8429158056px 4.5px var(--shadow-color, #282828) , 5.1657768594px 4.8px var(--shadow-color, #282828) , 5.4886379131px 5.1px var(--shadow-color, #282828) , 5.8114989668px 5.4px var(--shadow-color, #282828) , 6.1343600205px 5.7px var(--shadow-color, #282828) , 6.4572210742px 6px var(--shadow-color, #282828) , 6.7800821279px 6.3px var(--shadow-color, #282828) , 7.1029431816px 6.6px var(--shadow-color, #282828) , 7.4258042353px 6.9px var(--shadow-color, #282828) , 7.748665289px 7.2px var(--shadow-color, #282828) , 8.0715263427px 7.5px var(--shadow-color, #282828) , 8.3943873964px 7.8px var(--shadow-color, #282828) , 8.7172484502px 8.1px var(--shadow-color, #282828) , 9.0401095039px 8.4px var(--shadow-color, #282828) , 9.3629705576px 8.7px var(--shadow-color, #282828) , 9.6858316113px 9px var(--shadow-color, #282828);
  }
  96% {
    text-shadow: 0.3307049004px 0.3px var(--shadow-color, #282828) , 0.6614098009px 0.6px var(--shadow-color, #282828) , 0.9921147013px 0.9px var(--shadow-color, #282828) , 1.3228196018px 1.2px var(--shadow-color, #282828) , 1.6535245022px 1.5px var(--shadow-color, #282828) , 1.9842294026px 1.8px var(--shadow-color, #282828) , 2.3149343031px 2.1px var(--shadow-color, #282828) , 2.6456392035px 2.4px var(--shadow-color, #282828) , 2.9763441039px 2.7px var(--shadow-color, #282828) , 3.3070490044px 3px var(--shadow-color, #282828) , 3.6377539048px 3.3px var(--shadow-color, #282828) , 3.9684588053px 3.6px var(--shadow-color, #282828) , 4.2991637057px 3.9px var(--shadow-color, #282828) , 4.6298686061px 4.2px var(--shadow-color, #282828) , 4.9605735066px 4.5px var(--shadow-color, #282828) , 5.291278407px 4.8px var(--shadow-color, #282828) , 5.6219833074px 5.1px var(--shadow-color, #282828) , 5.9526882079px 5.4px var(--shadow-color, #282828) , 6.2833931083px 5.7px var(--shadow-color, #282828) , 6.6140980088px 6px var(--shadow-color, #282828) , 6.9448029092px 6.3px var(--shadow-color, #282828) , 7.2755078096px 6.6px var(--shadow-color, #282828) , 7.6062127101px 6.9px var(--shadow-color, #282828) , 7.9369176105px 7.2px var(--shadow-color, #282828) , 8.267622511px 7.5px var(--shadow-color, #282828) , 8.5983274114px 7.8px var(--shadow-color, #282828) , 8.9290323118px 8.1px var(--shadow-color, #282828) , 9.2597372123px 8.4px var(--shadow-color, #282828) , 9.5904421127px 8.7px var(--shadow-color, #282828) , 9.9211470131px 9px var(--shadow-color, #282828);
  }
  100% {
    text-shadow: 0.3333333333px 0.3px var(--shadow-color, #282828) , 0.6666666667px 0.6px var(--shadow-color, #282828) , 1px 0.9px var(--shadow-color, #282828) , 1.3333333333px 1.2px var(--shadow-color, #282828) , 1.6666666667px 1.5px var(--shadow-color, #282828) , 2px 1.8px var(--shadow-color, #282828) , 2.3333333333px 2.1px var(--shadow-color, #282828) , 2.6666666667px 2.4px var(--shadow-color, #282828) , 3px 2.7px var(--shadow-color, #282828) , 3.3333333333px 3px var(--shadow-color, #282828) , 3.6666666667px 3.3px var(--shadow-color, #282828) , 4px 3.6px var(--shadow-color, #282828) , 4.3333333333px 3.9px var(--shadow-color, #282828) , 4.6666666667px 4.2px var(--shadow-color, #282828) , 5px 4.5px var(--shadow-color, #282828) , 5.3333333333px 4.8px var(--shadow-color, #282828) , 5.6666666667px 5.1px var(--shadow-color, #282828) , 6px 5.4px var(--shadow-color, #282828) , 6.3333333333px 5.7px var(--shadow-color, #282828) , 6.6666666667px 6px var(--shadow-color, #282828) , 7px 6.3px var(--shadow-color, #282828) , 7.3333333333px 6.6px var(--shadow-color, #282828) , 7.6666666667px 6.9px var(--shadow-color, #282828) , 8px 7.2px var(--shadow-color, #282828) , 8.3333333333px 7.5px var(--shadow-color, #282828) , 8.6666666667px 7.8px var(--shadow-color, #282828) , 9px 8.1px var(--shadow-color, #282828) , 9.3333333333px 8.4px var(--shadow-color, #282828) , 9.6666666667px 8.7px var(--shadow-color, #282828) , 10px 9px var(--shadow-color, #282828);
  }
}

.circular {
  width: 140px;
  height: 140px;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(var(--scale, 1));
}
.circular > * {
  position: absolute;
  top: -50%;
  left: 33%;
}
.circular > *[data-idx="0"] {
  height: 145px;
  transform: rotate(0deg) scaleX(0.95);
  transform-origin: bottom center;
  line-height: 0;
}
.circular > *[data-idx="1"] {
  height: 145px;
  transform: rotate(19deg) scaleX(0.95);
  transform-origin: bottom center;
  line-height: 0;
}
.circular > *[data-idx="2"] {
  height: 145px;
  transform: rotate(32.7272727273deg) scaleX(0.95);
  transform-origin: bottom center;
  line-height: 0;
}
.circular > *[data-idx="3"] {
  height: 145px;
  transform: rotate(49.0909090909deg) scaleX(0.95);
  transform-origin: bottom center;
  line-height: 0;
}
.circular > *[data-idx="4"] {
  height: 145px;
  transform: rotate(65.4545454545deg) scaleX(0.95);
  transform-origin: bottom center;
  line-height: 0;
}
.circular > *[data-idx="5"] {
  height: 145px;
  transform: rotate(81deg) scaleX(0.95);
  transform-origin: bottom center;
  line-height: 0;
}
.circular > *[data-idx="6"] {
  height: 145px;
  transform: rotate(99deg) scaleX(0.95);
  transform-origin: bottom center;
  line-height: 0;
}
.circular > *[data-idx="7"] {
  height: 145px;
  transform: rotate(117deg) scaleX(0.95);
  transform-origin: bottom center;
  line-height: 0;
}
.circular > *[data-idx="8"] {
  height: 145px;
  transform: rotate(134deg) scaleX(0.95);
  transform-origin: bottom center;
  line-height: 0;
}
.circular > *[data-idx="9"] {
  height: 145px;
  transform: rotate(147.2727272727deg) scaleX(0.95);
  transform-origin: bottom center;
  line-height: 0;
}
.circular > *[data-idx="10"] {
  height: 145px;
  transform: rotate(154deg) scaleX(0.95);
  transform-origin: bottom center;
  line-height: 0;
}
.circular > *[data-idx="11"] {
  height: 145px;
  transform: rotate(180deg) scaleX(0.95);
  transform-origin: bottom center;
  line-height: 0;
}
.circular > *[data-idx="12"] {
  height: 145px;
  transform: rotate(185deg) scaleX(0.95);
  transform-origin: bottom center;
  line-height: 0;
}
.circular > *[data-idx="13"] {
  height: 145px;
  transform: rotate(205deg) scaleX(0.95);
  transform-origin: bottom center;
  line-height: 0;
}
.circular > *[data-idx="14"] {
  height: 145px;
  transform: rotate(229.0909090909deg) scaleX(0.95);
  transform-origin: bottom center;
  line-height: 0;
}
.circular > *[data-idx="15"] {
  height: 145px;
  transform: rotate(238deg) scaleX(0.95);
  transform-origin: bottom center;
  line-height: 0;
}
.circular > *[data-idx="16"] {
  height: 145px;
  transform: rotate(257deg) scaleX(0.95);
  transform-origin: bottom center;
  line-height: 0;
}
.circular > *[data-idx="17"] {
  height: 145px;
  transform: rotate(276deg) scaleX(0.95);
  transform-origin: bottom center;
  line-height: 0;
}
.circular > *[data-idx="18"] {
  height: 145px;
  transform: rotate(294.5454545455deg) scaleX(0.95);
  transform-origin: bottom center;
  line-height: 0;
}
.circular > *[data-idx="19"] {
  height: 145px;
  transform: rotate(310.9090909091deg) scaleX(0.95);
  transform-origin: bottom center;
  line-height: 0;
}
.circular > *[data-idx="20"] {
  height: 145px;
  transform: rotate(327.2727272727deg) scaleX(0.95);
  transform-origin: bottom center;
  line-height: 0;
}
.circular > *[data-idx="21"] {
  height: 145px;
  transform: rotate(337deg) scaleX(0.95);
  transform-origin: bottom center;
  line-height: 0;
}
.circular > *[data-idx="22"] {
  height: 145px;
  transform: rotate(360deg) scaleX(0.95);
  transform-origin: bottom center;
  line-height: 0;
}
.circular--solid {
  --scale: 0.9;
  --shadow-color: #d5d5d5;
}
.circular--solid .text {
  color: var(--shadow-color);
}

.rotate {
  --delay: 0;
  -webkit-animation: rotate 5s ease-in-out alternate infinite;
          animation: rotate 5s ease-in-out alternate infinite;
  -webkit-animation-delay: var(--delay);
          animation-delay: var(--delay);
}
@-webkit-keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}


/* just for analysis remove this 3 rules later*/
    /* .carousel__slide {
      position: relative;
    }

    .carousel {
      counter-reset: slideNo;
    }

    .carousel__slide::before {
      counter-increment: slideNo;
      content: counter(slideNo);
      position: absolute;
      top: 0%;
      left: 50%;
      font-size: 2rem;
      color: lime;
    } */

/*--------------------------------------------------------------
# Call To Action Section
--------------------------------------------------------------*/
.cta {
  padding: 0;
  margin-bottom: 60px;
}

.cta .container {
  padding: 80px;
  background: rgba(var(--color-secondary-rgb), 0.1);
  border-radius: 15px;
}

@media (max-width: 992px) {
  .cta .container {
    padding: 60px;
  }
}

.cta .content h3 {
  color: var(--color-secondary);
  font-size: 48px;
  font-weight: 700;
}

.cta .content h3 em {
  font-style: normal;
  position: relative;
}

.cta .content h3 em:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  height: 10px;
  background: rgba(var(--color-primary-rgb), 0.5);
  z-index: -1;
}

.cta .content p {
  color: var(--color-secondary);
  font-weight: 600;
  font-size: 18px;
}

.cta .content .cta-btn {
  color: var(--color-white);
  font-weight: 500;
  font-size: 16px;
  display: inline-block;
  padding: 12px 40px;
  border-radius: 5px;
  transition: 0.5s;
  margin-top: 10px;
  background: rgba(var(--color-primary-dark-rgb), 0.9);
}

.cta .content .cta-btn:hover {
  background: var(--color-primary);
}

.cta .img {
  position: relative;
}

.cta .img:before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(var(--color-white-rgb), 0.5);
  border-radius: 15px;
  transform: rotate(12deg);
}

.cta .img:after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(var(--color-white-rgb), 0.9);
  border-radius: 15px;
  transform: rotate(6deg);
}

.cta .img img {
  position: relative;
  z-index: 3;
  border-radius: 15px;
}

/*--------------------------------------------------------------
# On Focus Section
--------------------------------------------------------------*/
.onfocus {
  padding: 0;
}

.onfocus .video-play {
  min-height: 400px;
  background: linear-gradient(rgba(var(--color-black-rgb), 0.4), rgba(var(--color-black-rgb), 0.7)), url("../img/onfocus-video-bg.jpg") center center;
  background-size: cover;
}

.onfocus .content {
  background: linear-gradient(rgba(var(--color-secondary-rgb), 0.5), rgba(var(--color-secondary-rgb), 0.8)), url("../img/onfocus-content-bg.jpg") center center;
  background-size: cover;
  color: rgba(var(--color-white-rgb), 0.8);
  padding: 40px;
}

@media (min-width: 768px) {
  .onfocus .content {
    padding: 80px;
  }
}

.onfocus .content h3 {
  font-weight: 600;
  font-size: 32px;
  color: var(--color-white);
}

.onfocus .content ul {
  list-style: none;
  padding: 0;
}

.onfocus .content ul li {
  padding-bottom: 10px;
}

.onfocus .content ul i {
  font-size: 20px;
  padding-right: 4px;
  color: var(--color-primary);
}

.onfocus .content p:last-child {
  margin-bottom: 0;
}

.onfocus .content .read-more {
  font-family: var(--font-primary);
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  padding: 12px 24px;
  border-radius: 5px;
  transition: 0.3s;
  display: -nline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color-white);
  background: var(--color-primary);
}

.onfocus .content .read-more i {
  font-size: 18px;
  margin-left: 5px;
  line-height: 0;
  transition: 0.3s;
}

.onfocus .content .read-more:hover {
  background: rgba(var(--color-primary-rgb), 0.9);
  padding-right: 19px;
}

.onfocus .content .read-more:hover i {
  margin-left: 10px;
}

.onfocus .play-btn {
  width: 94px;
  height: 94px;
  background: radial-gradient(var(--color-primary) 50%, rgba(var(--color-primary-rgb), 0.4) 52%);
  border-radius: 50%;
  display: block;
  position: absolute;
  left: calc(50% - 47px);
  top: calc(50% - 47px);
  overflow: hidden;
}

.onfocus .play-btn:before {
  content: "";
  position: absolute;
  width: 120px;
  height: 120px;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation: pulsate-btn 2s;
  animation: pulsate-btn 2s;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: steps;
  animation-timing-function: steps;
  opacity: 1;
  border-radius: 50%;
  border: 5px solid rgba(var(--color-primary-rgb), 0.7);
  top: -15%;
  left: -15%;
  background: rgba(198, 16, 0, 0);
}

.onfocus .play-btn:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid var(--color-white);
  z-index: 100;
  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.onfocus .play-btn:hover:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border: none;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid var(--color-white);
  z-index: 200;
  -webkit-animation: none;
  animation: none;
  border-radius: 0;
}

.onfocus .play-btn:hover:after {
  border-left: 15px solid var(--color-primary);
  transform: scale(20);
}

@-webkit-keyframes pulsate-btn {
  0% {
    transform: scale(0.6, 0.6);
    opacity: 1;
  }

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

@keyframes pulsate-btn {
  0% {
    transform: scale(0.6, 0.6);
    opacity: 1;
  }

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

/*--------------------------------------------------------------
# Features Section
--------------------------------------------------------------*/
.features .nav-tabs {
  border: 0;
}

.features .nav-link {
  border: 0;
  padding: 25px 20px;
  color: var(--color-secondary);
  box-shadow: 5px 5px 25px rgba(var(--color-secondary-rgb), 0.15);
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transition: 0s;
  cursor: pointer;
  height: 100%;
}

.features .nav-link i {
  font-size: 32px;
  line-height: 0;
}

.features .nav-link h4 {
  font-size: 20px;
  font-weight: 600;
  margin: 10px 0 0 0;
  color: var(--color-secondary);
}

.features .nav-link:hover {
  color: var(--color-primary);
}

.features .nav-link.active {
  transition: 0.3s;
  background: var(--color-secondary) linear-gradient(rgba(var(--color-primary-rgb), 0.95), rgba(var(--color-primary-rgb), 0.6));
  border-color: var(--color-primary);
}

.features .nav-link.active h4 {
  color: var(--color-white);
}

.features .nav-link.active i {
  color: var(--color-white) !important;
}

.features .tab-content {
  margin-top: 30px;
}

.features .tab-pane.active {
  -webkit-animation: fadeIn 0.5s ease-out;
  animation: fadeIn 0.5s ease-out;
}

.features .tab-pane h3 {
  font-weight: 600;
  font-size: 36px;
  color: var(--color-secondary);
}

.features .tab-pane ul {
  list-style: none;
  padding: 0;
}

.features .tab-pane ul li {
  padding-bottom: 10px;
}

.features .tab-pane ul i {
  font-size: 24px;
  margin-right: 4px;
  color: var(--color-primary);
}

.features .tab-pane p:last-child {
  margin-bottom: 0;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/*--------------------------------------------------------------
# Services Section
--------------------------------------------------------------*/
.services .img {
  border-radius: 8px;
  overflow: hidden;
}

.services .img img {
  transition: 0.6s;
}

.services .details {
  padding: 50px 30px;
  margin: -100px 30px 0 30px;
  transition: all ease-in-out 0.3s;
  background: var(--color-white);
  position: relative;
  background: rgba(var(--color-white-rgb), 0.9);
  text-align: center;
  border-radius: 8px;
  box-shadow: 0px 0 25px rgba(var(--color-black-rgb), 0.1);
}

.services .details .icon {
  margin: 0;
  width: 72px;
  height: 72px;
  background: var(--color-primary);
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  color: var(--color-white);
  font-size: 28px;
  transition: ease-in-out 0.3s;
  position: absolute;
  top: -36px;
  left: calc(50% - 36px);
  border: 6px solid var(--color-white);
}

.services .details h3 {
  color: var(--color-default);
  font-weight: 700;
  margin: 10px 0 15px 0;
  font-size: 22px;
  transition: ease-in-out 0.3s;
}

.services .details p {
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
}

.services .service-item:hover .details h3 {
  color: var(--color-primary);
}

.services .service-item:hover .details .icon {
  background: var(--color-white);
  border: 2px solid var(--color-primary);
}

.services .service-item:hover .details .icon i {
  color: var(--color-primary);
}

.services .service-item:hover .img img {
  transform: scale(1.2);
}

/* .services .favorites-button {
  display: block;
  width: 100%;
  align-items: center;
} */

.services .favorites-button a {
  display: block;
  color: black;
  padding: 15.5px 20px 13px 20px;
  text-align: center;
  font-family: "WhyteInktrapBook", "sans-serif", monospace;
  font-weight: 800;
  font-size: 20px;
  background-color: white;
  border-radius: 50px;
  border: 3px solid #000;
  margin-top: 5vh;
}

.services .favorites-button a:hover {
  color: white;
  background-color: black;
}

/*--------------------------------------------------------------
# Testimonials Section
--------------------------------------------------------------*/
.testimonials {
  padding: 80px 0;
  background: url("../img/testimonials-bg.jpg") no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
}

.testimonials::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(var(--color-secondary-dark-rgb), 0.8);
}

.testimonials .section-header {
  margin-bottom: 40px;
}

.testimonials .testimonials-carousel,
.testimonials .testimonials-slider {
  overflow: hidden;
}

.testimonials .testimonial-item {
  text-align: center;
  color: var(--color-white);
}

.testimonials .testimonial-item .testimonial-img {
  width: 100px;
  border-radius: 50%;
  border: 6px solid rgba(var(--color-white-rgb), 0.15);
  margin: 0 auto;
}

.testimonials .testimonial-item h3 {
  font-size: 20px;
  font-weight: bold;
  margin: 10px 0 5px 0;
  color: var(--color-white);
}

.testimonials .testimonial-item h4 {
  font-size: 14px;
  color: rgba(var(--color-white-rgb), 0.6);
  margin: 0 0 15px 0;
}

.testimonials .testimonial-item .stars {
  margin-bottom: 15px;
}

.testimonials .testimonial-item .stars i {
  color: var(--color-yellow);
  margin: 0 1px;
}

.testimonials .testimonial-item .quote-icon-left,
.testimonials .testimonial-item .quote-icon-right {
  color: rgba(var(--color-white-rgb), 0.6);
  font-size: 26px;
  line-height: 0;
}

.testimonials .testimonial-item .quote-icon-left {
  display: inline-block;
  left: -5px;
  position: relative;
}

.testimonials .testimonial-item .quote-icon-right {
  display: inline-block;
  right: -5px;
  position: relative;
  top: 10px;
  transform: scale(-1, -1);
}

.testimonials .testimonial-item p {
  font-style: italic;
  margin: 0 auto 15px auto;
}

.testimonials .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.testimonials .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: rgba(var(--color-white-rgb), 0.4);
  opacity: 0.5;
}

.testimonials .swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--color-white);
  opacity: 1;
}

@media (min-width: 992px) {
  .testimonials .testimonial-item p {
    width: 80%;
  }
}

/*--------------------------------------------------------------
# Pricing Section
--------------------------------------------------------------*/
.pricing {
  background: rgba(var(--color-secondary-rgb), 0.04);
}

.pricing .pricing-item {
  padding: 60px 40px;
  box-shadow: 0 3px 20px -2px rgba(var(--color-gray-rgb), 0.15);
  background: var(--color-white);
  height: 100%;
  display: flex;
  flex-direction: column;
  border: 4px solid var(--color-white);
  border-radius: 10px;
  overflow: hidden;
}

.pricing .pricing-header {
  background: linear-gradient(rgba(var(--color-secondary-rgb), 0.9), rgba(var(--color-secondary-rgb), 0.9)), url("../img/pricing-bg.jpg") center center;
  background-size: cover;
  text-align: center;
  padding: 40px;
  margin: -60px -40px 0;
}

.pricing h3 {
  font-weight: 600;
  margin-bottom: 5px;
  font-size: 36px;
  color: var(--color-white);
}

.pricing h4 {
  font-size: 48px;
  color: var(--color-white);
  font-weight: 400;
  font-family: var(--font-primary);
  margin-bottom: 0;
}

.pricing h4 sup {
  font-size: 28px;
}

.pricing h4 span {
  color: rgba(var(--color-white-rgb), 0.6);
  font-size: 24px;
}

.pricing ul {
  padding: 30px 0;
  list-style: none;
  color: var(--color-gray);
  text-align: left;
  line-height: 20px;
}

.pricing ul li {
  padding: 10px 0;
  display: flex;
  align-items: center;
}

.pricing ul i {
  color: var(--color-primary);
  font-size: 36px;
  padding-right: 3px;
  line-height: 0;
}

.pricing ul .na {
  color: rgba(var(--color-gray-rgb), 0.5);
}

.pricing ul .na i {
  color: rgba(var(--color-gray-rgb), 0.5);
  font-size: 24px;
  padding-left: 4px;
}

.pricing ul .na span {
  text-decoration: line-through;
}

.pricing .buy-btn {
  display: inline-block;
  padding: 12px 40px;
  border-radius: 6px;
  color: var(--color-primary);
  transition: none;
  font-size: 16px;
  font-weight: 700;
  transition: 0.3s;
  border: 1px solid var(--color-primary);
}

.pricing .buy-btn:hover {
  background: var(--color-primary);
  color: var(--color-white);
}

.pricing .featured {
  border-color: var(--color-primary);
}

.pricing .featured .pricing-header {
  background: linear-gradient(rgba(var(--color-primary-rgb), 0.9), rgba(var(--color-primary-rgb), 0.9)), url("../img/pricing-bg.jpg") center center;
}

.pricing .featured .buy-btn {
  background: var(--color-primary);
  color: var(--color-white);
}

/*--------------------------------------------------------------
# Portfolio Section
--------------------------------------------------------------*/
.portfolio .portfolio-flters {
  padding: 0;
  margin: 0 auto 30px auto;
  list-style: none;
  text-align: center;
}

.portfolio .portfolio-flters li {
  cursor: pointer;
  display: inline-block;
  padding: 0;
  font-size: 18px;
  font-weight: 300;
  margin: 0 10px;
  line-height: 1;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
}

.portfolio .portfolio-flters li:hover,
.portfolio .portfolio-flters li.filter-active {
  color: var(--color-primary);
}

.portfolio .portfolio-flters li:first-child {
  margin-left: 0;
}

.portfolio .portfolio-flters li:last-child {
  margin-right: 0;
}

@media (max-width: 575px) {
  .portfolio .portfolio-flters li {
    font-size: 14px;
    margin: 0 5px;
  }
}

.portfolio .portfolio-item {
  position: relative;
  border: 1px solid var(--color-white);
  overflow: hidden;
  z-index: 1;
}

.portfolio .portfolio-item img {
  transition: all 0.3s;
}

.portfolio .portfolio-item:before {
  content: "";
  inset: 0;
  position: absolute;
  background: rgba(var(--color-secondary-rgb), 0.8);
  z-index: 2;
  transition: 0.5s;
  visibility: hidden;
  opacity: 0;
}

.portfolio .portfolio-item .portfolio-info {
  opacity: 0;
  position: absolute;
  inset: auto 40px 40px 40px;
  z-index: 3;
  transition: all ease-in-out 0.3s;
  padding: 20px;
}

.portfolio .portfolio-item .portfolio-info h4 {
  font-size: 18px;
  font-weight: 600;
  color: var(--color-white);
  padding-right: 50px;
}

.portfolio .portfolio-item .portfolio-info .preview-link,
.portfolio .portfolio-item .portfolio-info .details-link {
  position: absolute;
  right: 50px;
  font-size: 24px;
  top: calc(50% - 14px);
  color: rgba(var(--color-white-rgb), 0.7);
  transition: 0.3s;
  line-height: 0;
}

.portfolio .portfolio-item .portfolio-info .preview-link:hover,
.portfolio .portfolio-item .portfolio-info .details-link:hover {
  color: var(--color-white);
}

.portfolio .portfolio-item .portfolio-info .details-link {
  right: 14px;
  font-size: 28px;
}

.portfolio .portfolio-item:hover:before {
  visibility: visible;
  opacity: 1;
}

.portfolio .portfolio-item:hover img {
  transform: scale(1.2);
}

.portfolio .portfolio-item:hover .portfolio-info {
  opacity: 1;
  inset: auto 10px 0 10px;
}

/*--------------------------------------------------------------
# Team Section
--------------------------------------------------------------*/
.team .team-member .member-img {
  border-radius: 8px;
  overflow: hidden;
}

.team .team-member .social {
  position: absolute;
  left: 0;
  top: -18px;
  right: 0;
  opacity: 0;
  transition: ease-in-out 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.team .team-member .social a {
  transition: color 0.3s;
  color: var(--color-white);
  background: var(--color-primary);
  margin: 0 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  transition: 0.3s;
}

.team .team-member .social a i {
  line-height: 0;
  font-size: 16px;
}

.team .team-member .social a:hover {
  background: var(--color-primary-light);
}

.team .team-member .social i {
  font-size: 18px;
  margin: 0 2px;
}

.team .team-member .member-info {
  padding: 30px 15px;
  text-align: center;
  box-shadow: 0px 2px 15px rgba(var(--color-black-rgb), 0.1);
  background: var(--color-white);
  margin: -50px 20px 0 20px;
  position: relative;
  border-radius: 8px;
}

.team .team-member .member-info h4 {
  font-weight: 400;
  margin-bottom: 5px;
  font-size: 24px;
  color: var(--color-secondary);
}

.team .team-member .member-info span {
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: var(--color-gray);
}

.team .team-member .member-info p {
  font-style: italic;
  font-size: 14px;
  line-height: 26px;
  color: var(--color-gray);
}

.team .team-member:hover .social {
  opacity: 1;
}

/*--------------------------------------------------------------
# Recent Blog Posts
--------------------------------------------------------------*/
.recent-blog-posts .post-box {
  transition: 0.3s;
  height: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
}

.recent-blog-posts .post-box .post-img {
  overflow: hidden;
  position: relative;
  border-radius: 10px;
}

.recent-blog-posts .post-box .post-img img {
  transition: 0.5s;
}

.recent-blog-posts .post-box .meta {
  margin-top: 15px;
}

.recent-blog-posts .post-box .meta .post-date {
  font-size: 15px;
  font-weight: 400;
  color: var(--color-primary);
}

.recent-blog-posts .post-box .meta .post-author {
  font-size: 15px;
  font-weight: 400;
  color: var(--color-secondary);
}

.recent-blog-posts .post-box .post-title {
  font-size: 24px;
  color: var(--color-secondary);
  font-weight: 700;
  margin: 15px 0 0 0;
  position: relative;
  transition: 0.3s;
}

.recent-blog-posts .post-box p {
  margin: 15px 0 0 0;
  color: rgba(var(--color-secondary-dark-rgb), 0.7);
}

.recent-blog-posts .post-box .readmore {
  display: flex;
  align-items: center;
  font-weight: 600;
  line-height: 1;
  transition: 0.3s;
  margin-top: 15px;
}

.recent-blog-posts .post-box .readmore i {
  line-height: 0;
  margin-left: 4px;
  font-size: 18px;
}

.recent-blog-posts .post-box:hover .post-title {
  color: var(--color-primary);
}

.recent-blog-posts .post-box:hover .post-img img {
  transform: scale(1.1);
}

/*--------------------------------------------------------------
# Contact Section
--------------------------------------------------------------*/
.contact {
  margin-top: 5vh;
}

@media (max-width: 991px) {
  .contact {
    margin-top: 10vh;
  }
}


/* @media (max-width: 575px) {
  .contact {
    margin-top: 10vh;
  }
} */

.contact h1 {
  color: black;
  font-family: "WhyteInktrapBook", "sans-serif", monospace;
  font-weight: 500;
  font-size: 50px;
  padding-bottom: 3%;
}

.contact .map {
  margin-bottom: 40px;
}

.contact .map iframe {
  border: 0;
  width: 100%;
  height: 400px;
}

.contact .info {
  padding: 40px;
  box-shadow: 0px 2px 15px rgba(var(--color-black-rgb), 0.1);
  overflow: hidden;
}

.contact .info h3 {
  font-weight: 600;
  font-size: 24px;
}

.contact .info p {
  color: var(--color-secondary-light);
  margin-bottom: 30px;
  font-size: 15px;
}

.contact .info-item+.info-item {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid rgba(var(--color-secondary-rgb), 0.15);
}

.contact .info-item i {
  font-size: 24px;
  color: var(--color-black);
  transition: all 0.3s ease-in-out;
  margin-right: 20px;
}

.contact .info-item h4 {
  padding: 0;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px;
  color: var(--color-secondary);
}

.contact .info-item p {
  padding: 0;
  margin-bottom: 0;
  font-size: 14px;
  color: var(--color-secondary-light);
}

.contact .php-email-form {
  width: 100%;
  background: #ffffff;
}

.contact .php-email-form .form-group {
  padding-bottom: 8px;
}

.contact .php-email-form .error-message {
  display: none;
  color: var(--color-white);
  background: var(--color-red);
  text-align: left;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .error-message br+br {
  margin-top: 25px;
}

.contact .php-email-form .sent-message {
  display: none;
  color: var(--color-white);
  background: var(--color-green);
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .loading {
  display: none;
  background: var(--color-white);
  text-align: center;
  padding: 15px;
}

.contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid var(--color-green);
  border-top-color: var(--color-white);
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}

.contact .php-email-form input[type=text],
.contact .php-email-form input[type=email],
.contact .php-email-form textarea {
  border-radius: 0px;
  box-shadow: none;
  font-size: 14px;
}

.contact .php-email-form input[type=text]:focus,
.contact .php-email-form input[type=email]:focus,
.contact .php-email-form textarea:focus {
  border-color: var(--color-secondary-light);
}

.contact .php-email-form input[type=text],
.contact .php-email-form input[type=email] {
  height: 48px;
  padding: 10px 15px;
}

.contact .php-email-form textarea {
  padding: 10px 12px;
  height: 290px;
}

.contact .php-email-form button[type=submit] {
  background: var(--color-white);
  border: 0;
  padding: 13px 50px;
  color: var(--color-black);
  font-family: "WhyteInktrapBook", "sans-serif", monospace;
  font-weight: 800;
  font-size: 15px;
  transition: 0.4s;
  border-radius: 0;
  box-shadow: 0px 2px 15px rgba(var(--color-black-rgb), 0.06);
}

.contact .php-email-form button[type=submit]:hover {
  color: var(--color-black);
  background: rgba(var(--color-white-rgb), 0.85);
  box-shadow: 0px 2px 15px rgba(var(--color-black-rgb), 0.15);
}

@-webkit-keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details {
  padding-top: 40px;
}

.portfolio-details .portfolio-details-slider img {
  width: 100%;
}

.portfolio-details .portfolio-details-slider .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: var(--color-white);
  opacity: 1;
  border: 1px solid var(--color-primary);
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--color-primary);
}

.portfolio-details .portfolio-info {
  padding: 30px;
  box-shadow: 0px 0 30px rgba(var(--color-secondary-rgb), 0.15);
}

.portfolio-details .portfolio-info h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--color-secondary-light);
}

.portfolio-details .portfolio-info ul {
  list-style: none;
  padding: 0;
  font-size: 15px;
}

.portfolio-details .portfolio-info ul li+li {
  margin-top: 10px;
}

.portfolio-details .portfolio-description {
  padding-top: 30px;
}

.portfolio-details .portfolio-description h2 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
}

.portfolio-details .portfolio-description p {
  padding: 0;
}

/*--------------------------------------------------------------
# Blog Stylings
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Blog Home Posts List
--------------------------------------------------------------*/
.blog .posts-list article {
  box-shadow: 0 4px 16px rgba(var(--color-black-rgb), 0.1);
  padding: 30px;
  height: 100%;
}

.blog .posts-list article+article {
  margin-top: 60px;
}

.blog .posts-list .post-img {
  max-height: 240px;
  margin: -30px -30px 0 -30px;
  overflow: hidden;
}

.blog .posts-list .title {
  font-size: 24px;
  font-weight: 700;
  padding: 0;
  margin: 20px 0 0 0;
}

.blog .posts-list .title a {
  color: var(--color-secondary);
  transition: 0.3s;
}

.blog .posts-list .title a:hover {
  color: var(--color-primary);
}

.blog .posts-list .meta-top {
  margin-top: 20px;
  color: var(--color-gray);
}

.blog .posts-list .meta-top ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  align-items: center;
  padding: 0;
  margin: 0;
}

.blog .posts-list .meta-top ul li+li {
  padding-left: 20px;
}

.blog .posts-list .meta-top i {
  font-size: 16px;
  margin-right: 8px;
  line-height: 0;
  color: rgba(var(--color-primary-rgb), 0.8);
}

.blog .posts-list .meta-top a {
  color: var(--color-gray);
  font-size: 14px;
  display: inline-block;
  line-height: 1;
}

.blog .posts-list .content {
  margin-top: 20px;
}

.blog .posts-list .read-more a {
  display: inline-block;
  background: var(--color-primary);
  color: var(--color-white);
  padding: 8px 30px;
  transition: 0.3s;
  font-size: 14px;
  border-radius: 4px;
}

.blog .posts-list .read-more a:hover {
  background: rgba(var(--color-primary-rgb), 0.8);
}

/*--------------------------------------------------------------
# Blog Details Page
--------------------------------------------------------------*/
.blog .blog-details {
  box-shadow: 0 4px 16px rgba(var(--color-black-rgb), 0.1);
  padding: 30px;
}

.blog .blog-details .post-img {
  margin: -30px -30px 20px -30px;
  overflow: hidden;
}

.blog .blog-details .title {
  font-size: 28px;
  font-weight: 700;
  padding: 0;
  margin: 20px 0 0 0;
  color: var(--color-secondary);
}

.blog .blog-details .content {
  margin-top: 20px;
}

.blog .blog-details .content h3 {
  font-size: 22px;
  margin-top: 30px;
  font-weight: bold;
}

.blog .blog-details .content blockquote {
  overflow: hidden;
  background-color: rgba(var(--color-secondary-rgb), 0.06);
  padding: 60px;
  position: relative;
  text-align: center;
  margin: 20px 0;
}

.blog .blog-details .content blockquote p {
  color: var(--color-default);
  line-height: 1.6;
  margin-bottom: 0;
  font-style: italic;
  font-weight: 500;
  font-size: 22px;
}

.blog .blog-details .content blockquote:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: var(--color-secondary);
  margin-top: 20px;
  margin-bottom: 20px;
}

.blog .blog-details .meta-top {
  margin-top: 20px;
  color: var(--color-gray);
}

.blog .blog-details .meta-top ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  align-items: center;
  padding: 0;
  margin: 0;
}

.blog .blog-details .meta-top ul li+li {
  padding-left: 20px;
}

.blog .blog-details .meta-top i {
  font-size: 16px;
  margin-right: 8px;
  line-height: 0;
  color: rgba(var(--color-primary-rgb), 0.8);
}

.blog .blog-details .meta-top a {
  color: var(--color-gray);
  font-size: 14px;
  display: inline-block;
  line-height: 1;
}

.blog .blog-details .meta-bottom {
  padding-top: 10px;
  border-top: 1px solid rgba(var(--color-secondary-rgb), 0.15);
}

.blog .blog-details .meta-bottom i {
  color: var(--color-secondary-light);
  display: inline;
}

.blog .blog-details .meta-bottom a {
  color: rgba(var(--color-secondary-rgb), 0.8);
  transition: 0.3s;
}

.blog .blog-details .meta-bottom a:hover {
  color: var(--color-primary);
}

.blog .blog-details .meta-bottom .cats {
  list-style: none;
  display: inline;
  padding: 0 20px 0 0;
  font-size: 14px;
}

.blog .blog-details .meta-bottom .cats li {
  display: inline-block;
}

.blog .blog-details .meta-bottom .tags {
  list-style: none;
  display: inline;
  padding: 0;
  font-size: 14px;
}

.blog .blog-details .meta-bottom .tags li {
  display: inline-block;
}

.blog .blog-details .meta-bottom .tags li+li::before {
  padding-right: 6px;
  color: var(--color-default);
  content: ",";
}

.blog .blog-details .meta-bottom .share {
  font-size: 16px;
}

.blog .blog-details .meta-bottom .share i {
  padding-left: 5px;
}

.blog .post-author {
  padding: 20px;
  margin-top: 30px;
  box-shadow: 0 4px 16px rgba(var(--color-black-rgb), 0.1);
}

.blog .post-author img {
  max-width: 120px;
  margin-right: 20px;
}

.blog .post-author h4 {
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 0px;
  padding: 0;
  color: var(--color-secondary);
}

.blog .post-author .social-links {
  margin: 0 10px 10px 0;
}

.blog .post-author .social-links a {
  color: rgba(var(--color-secondary-rgb), 0.5);
  margin-right: 5px;
}

.blog .post-author p {
  font-style: italic;
  color: rgba(var(--color-gray-rgb), 0.8);
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# Blog Sidebar
--------------------------------------------------------------*/
.blog .sidebar {
  padding: 30px;
  box-shadow: 0 4px 16px rgba(var(--color-black-rgb), 0.1);
}

.blog .sidebar .sidebar-title {
  font-size: 20px;
  font-weight: 700;
  padding: 0;
  margin: 0;
  color: var(--color-secondary);
}

.blog .sidebar .sidebar-item+.sidebar-item {
  margin-top: 40px;
}

.blog .sidebar .search-form form {
  background: var(--color-white);
  border: 1px solid rgba(var(--color-secondary-rgb), 0.3);
  padding: 3px 10px;
  position: relative;
}

.blog .sidebar .search-form form input[type=text] {
  border: 0;
  padding: 4px;
  border-radius: 4px;
  width: calc(100% - 40px);
}

.blog .sidebar .search-form form input[type=text]:focus {
  outline: none;
}

.blog .sidebar .search-form form button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border: 0;
  background: none;
  font-size: 16px;
  padding: 0 15px;
  margin: -1px;
  background: var(--color-primary);
  color: var(--color-white);
  transition: 0.3s;
  border-radius: 0 4px 4px 0;
  line-height: 0;
}

.blog .sidebar .search-form form button i {
  line-height: 0;
}

.blog .sidebar .search-form form button:hover {
  background: rgba(var(--color-primary-rgb), 0.8);
}

.blog .sidebar .categories ul {
  list-style: none;
  padding: 0;
}

.blog .sidebar .categories ul li+li {
  padding-top: 10px;
}

.blog .sidebar .categories ul a {
  color: var(--color-secondary);
  transition: 0.3s;
}

.blog .sidebar .categories ul a:hover {
  color: var(--color-default);
}

.blog .sidebar .categories ul a span {
  padding-left: 5px;
  color: rgba(var(--color-default-rgb), 0.4);
  font-size: 14px;
}

.blog .sidebar .recent-posts .post-item {
  display: flex;
}

.blog .sidebar .recent-posts .post-item+.post-item {
  margin-top: 15px;
}

.blog .sidebar .recent-posts img {
  width: 80px;
  margin-right: 15px;
}

.blog .sidebar .recent-posts h4 {
  font-size: 18px;
  font-weight: 400;
}

.blog .sidebar .recent-posts h4 a {
  color: var(--color-secondary);
  transition: 0.3s;
}

.blog .sidebar .recent-posts h4 a:hover {
  color: var(--color-primary);
}

.blog .sidebar .recent-posts time {
  display: block;
  font-style: italic;
  font-size: 14px;
  color: rgba(var(--color-default-rgb), 0.4);
}

.blog .sidebar .tags {
  margin-bottom: -10px;
}

.blog .sidebar .tags ul {
  list-style: none;
  padding: 0;
}

.blog .sidebar .tags ul li {
  display: inline-block;
}

.blog .sidebar .tags ul a {
  color: var(--color-secondary-light);
  font-size: 14px;
  padding: 6px 14px;
  margin: 0 6px 8px 0;
  border: 1px solid rgba(var(--color-secondary-light-rgb), 0.8);
  display: inline-block;
  transition: 0.3s;
}

.blog .sidebar .tags ul a:hover {
  color: var(--color-white);
  border: 1px solid var(--color-primary);
  background: var(--color-primary);
}

.blog .sidebar .tags ul a span {
  padding-left: 5px;
  color: rgba(var(--color-secondary-light-rgb), 0.8);
  font-size: 14px;
}

/*--------------------------------------------------------------
# Blog Comments
--------------------------------------------------------------*/
.blog .comments {
  margin-top: 30px;
}

.blog .comments .comments-count {
  font-weight: bold;
}

.blog .comments .comment {
  margin-top: 30px;
  position: relative;
}

.blog .comments .comment .comment-img {
  margin-right: 14px;
}

.blog .comments .comment .comment-img img {
  width: 60px;
}

.blog .comments .comment h5 {
  font-size: 16px;
  margin-bottom: 2px;
}

.blog .comments .comment h5 a {
  font-weight: bold;
  color: var(--color-default);
  transition: 0.3s;
}

.blog .comments .comment h5 a:hover {
  color: var(--color-primary);
}

.blog .comments .comment h5 .reply {
  padding-left: 10px;
  color: var(--color-secondary);
}

.blog .comments .comment h5 .reply i {
  font-size: 20px;
}

.blog .comments .comment time {
  display: block;
  font-size: 14px;
  color: rgba(var(--color-secondary-rgb), 0.8);
  margin-bottom: 5px;
}

.blog .comments .comment.comment-reply {
  padding-left: 40px;
}

.blog .comments .reply-form {
  margin-top: 30px;
  padding: 30px;
  box-shadow: 0 4px 16px rgba(var(--color-black-rgb), 0.1);
}

.blog .comments .reply-form h4 {
  font-weight: bold;
  font-size: 22px;
}

.blog .comments .reply-form p {
  font-size: 14px;
}

.blog .comments .reply-form input {
  border-radius: 4px;
  padding: 10px 10px;
  font-size: 14px;
}

.blog .comments .reply-form input:focus {
  box-shadow: none;
  border-color: rgba(var(--color-primary-rgb), 0.8);
}

.blog .comments .reply-form textarea {
  border-radius: 4px;
  padding: 10px 10px;
  font-size: 14px;
}

.blog .comments .reply-form textarea:focus {
  box-shadow: none;
  border-color: rgba(var(--color-primary-rgb), 0.8);
}

.blog .comments .reply-form .form-group {
  margin-bottom: 25px;
}

.blog .comments .reply-form .btn-primary {
  border-radius: 4px;
  padding: 10px 20px;
  border: 0;
  background-color: var(--color-secondary);
}

.blog .comments .reply-form .btn-primary:hover {
  background-color: rgba(var(--color-secondary-rgb), 0.8);
}

/*--------------------------------------------------------------
# Blog Home Pagination
--------------------------------------------------------------*/
.blog .blog-pagination {
  margin-top: 30px;
  color: var(--color-secondary-light);
}

.blog .blog-pagination ul {
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
}

.blog .blog-pagination li {
  margin: 0 5px;
  transition: 0.3s;
}

.blog .blog-pagination li a {
  color: var(--color-secondary);
  padding: 7px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.blog .blog-pagination li.active,
.blog .blog-pagination li:hover {
  background: var(--color-primary);
}

.blog .blog-pagination li.active a,
.blog .blog-pagination li:hover a {
  color: var(--color-white);
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer {
  color: var(--color-white);
  font-size: 14px;
}

.footer .footer-content {
  background: var(--color-black);
  padding: 60px 0 30px 0;
}

.footer .footer-content .footer-info {
  margin-bottom: 30px;
}

.footer .footer-content .footer-info h3 {
  font-size: 28px;
  margin: 0 0 20px 0;
  padding: 2px 0 2px 0;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}

.footer .footer-content .footer-info h3 span {
  color: var(--color-primary);
}

.footer .footer-content .footer-info p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  font-family: var(--font-primary);
  color: var(--color-white);
}

.footer .footer-content h4 {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-white);
  position: relative;
  padding-bottom: 12px;
  margin-bottom: 15px;
}

.footer .footer-content h4::after {
  content: "";
  position: absolute;
  display: block;
  width: 20px;
  height: 2px;
  background: var(--color-primary);
  bottom: 0;
  left: 0;
}

.footer .footer-content .footer-links {
  margin-bottom: 30px;
}

.footer .footer-content .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer .footer-content .footer-links ul i {
  padding-right: 2px;
  color: var(--color-white);
  font-size: 12px;
  line-height: 1;
}

.footer .footer-content .footer-links ul li {
  padding: 10px 0;
  display: flex;
  align-items: center;
}

.footer .footer-content .footer-links ul li:first-child {
  padding-top: 0;
}

.footer .footer-content .footer-links ul a {
  color: rgba(var(--color-white-rgb), 0.7);
  transition: 0.3s;
  display: inline-block;
  line-height: 1;
}

.footer .footer-content .footer-links ul a:hover {
  color: var(--color-white);
}

.footer .footer-content .footer-newsletter form {
  margin-top: 30px;
  background: var(--color-white);
  padding: 6px 10px;
  position: relative;
  border-radius: 4px;
}

.footer .footer-content .footer-newsletter form input[type=email] {
  border: 0;
  padding: 4px;
  width: calc(100% - 110px);
}

.footer .footer-content .footer-newsletter form input[type=email]:focus-visible {
  outline: none;
}

.footer .footer-content .footer-newsletter form input[type=submit] {
  position: absolute;
  top: 0;
  right: -2px;
  bottom: 0;
  border: 0;
  background: none;
  font-size: 16px;
  padding: 0 20px;
  background: var(--color-primary);
  color: var(--color-white);
  transition: 0.3s;
  border-radius: 0 4px 4px 0;
}

.footer .footer-content .footer-newsletter form input[type=submit]:hover {
  background: rgba(var(--color-primary-rgb), 0.85);
}

.footer .footer-legal {
  padding: 30px 0;
  background: var(--color-black);
}

.footer .footer-legal .credits {
  padding-top: 4px;
  font-size: 13px;
  color: var(--color-white);
}

.footer .footer-legal .credits a {
  color: var(--color-primary-light);
}

.footer .footer-legal .social-links a {
  font-size: 18px;
  display: inline-block;
  background: rgba(var(--color-white-rgb), 0.1);
  color: var(--color-white);
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 4px;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

.footer .footer-legal .social-links a:hover {
  background: var(--color-primary);
  text-decoration: none;
}