/******* Do not edit this file *******
Code Snippets Manager
Saved: Feb 14 2026 | 10:56:58 */
/* Splide */
.splide__pagination { display: none !important; }

[class^="pag-"] li,
[class*=" pag-"] li {
  background-color: #333;
  border-radius: 3px;
  height: 5px;
  margin: 0 5px;
  cursor: pointer;
  list-style: none;
  width: 10px;
  transition: width 0.3s;
}

.splide__slide {
    border: none;
}

.splide__track {
    overflow: visible !important;}

.splide__track--nav>.splide__list>.splide__slide.is-active {
    border: none;
}

.splide__track--nav>.splide__list>.splide__slide {
    border: none;
}

.splide__list, .splide__slide {
    backface-visibility: hidden;
    margin: 0;
    transition-timing-function: linear!important;
}

/* Scroll Horitzontal Mobile */
.scroll-x, .scroll-x-mobile, .scroll-x-img {
    scrollbar-width: none;
    -ms-overflow-style: none;}

.scroll-x::-webkit-scrollbar, 
.scroll-x-mobile::-webkit-scrollbar, 
.scroll-x-img::-webkit-scrollbar {
    display: none;}

/* Smooth Scroll CSS */
html {scroll-behavior: smooth;}
:target {scroll-margin-top: 50vh;}

/* Rotate */
.rotate-right {
  animation: rotate-right 50s linear infinite;
}

@keyframes rotate-right {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Animated Arrow Button Orange*/
.orange-button-wrapper:hover .orange-circle-bg {
  transform: translateY(-50%) scale(14);
}

.orange-button-wrapper:hover .orange-button-content {
  color: #fff;
}
.orange-button-wrapper:hover .orange-icon {
  transform: rotate(45deg);     
}

/* Animated Arrow Button Black*/
.black-button-wrapper:hover .black-circle-bg {
  transform: translateY(-50%) scale(14);
}

.black-button-wrapper:hover .black-button-content {
  color: #fff;
}
.black-button-wrapper:hover .black-icon {
  transform: rotate(45deg);     
}

/* Animated Arrow Button White*/
.white-button-wrapper:hover .white-circle-bg {
  transform: translateY(-50%) scale(14);
}

.white-button-wrapper:hover .white-button-content {
  color: #fff;
}
.white-button-wrapper:hover .white-icon {
  transform: rotate(45deg);     
}


/* Accordion */
.accordion-toggle line {
  stroke: currentColor;
  stroke-width: 2;
  transition: transform 0.3s ease;
  transform-origin: center;
}

.accordion-item.open .line-vertical {
  transform: rotate(90deg);
}

.accordion-item.open .line-horizontal {
  transform: rotate(0deg);
}

.accordion-content {
  height: 0;
  overflow: hidden;
  transition: height 0.6s ease;
}