:root
{
    --primary-color: #442457 !important;
    --secondary-color: #86e0e1 !important;
    --linear-gradient: linear-gradient(to right, var(--primary-color), var(--secondary-color)) !important;
    --font-color: #fff !important;
}
 
 
.s-block__title h2,
.s-slider-block__title h2
{
    color: var(--font-color);
    font-size: 1.40rem !important;
    /*font-weight: 600 !important;*/
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: var(--primary-color) !important;
    text-transform: uppercase;
    background-image: linear-gradient(-225deg, #3790c8 0%, #29a8de 29%, var(--primary-color) 67%, #fff800 100%);
    background-size: 200% auto;
    animation: textclip 8s linear infinite;
    padding: 5px 0;
}
 
.s-product-card-image
{
    height: 100%;
    width: 98%;
    margin: 2px;
}
 

@property --a 
{
    syntax: '<angle>';
    inherits: false;
    initial-value: 0deg;
}

.s-product-card-entry::after
{
    content: "";
    position: absolute;
    inset: 2px;
    background: #fff;
    z-index: -1;
    border-radius: 12px;
}

.s-product-card-entry
{
    position: relative;
    z-index: 9;
    background: repeating-conic-gradient(from var(--a), var(--primary-color) 0%, var(--primary-color) 5%, transparent 5%, transparent 40%, var(--primary-color) 50%);
    animation: animate 5s linear infinite;
    border-radius: 12px;
}

@keyframes animate
{
  0%
  {
      --a: 0deg;
  }
  
  100%
  {
      --a: 360deg;
  }
}i.sicon-menu.text-primary.text-2xl {
    color: #fff;
}

.dark .da-bgm {
    background-color: #452455 !important;
}