.elementor-4631 .elementor-element.elementor-element-7a8461f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4631 .elementor-element.elementor-element-7a8461f:not(.elementor-motion-effects-element-type-background), .elementor-4631 .elementor-element.elementor-element-7a8461f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0C0C0C;}.elementor-4631 .elementor-element.elementor-element-d56b6c3{--display:flex;}.elementor-4631 .elementor-element.elementor-element-1dd15cd{--display:flex;}/* Start custom CSS for image-carousel, class: .elementor-element-6018ce2 */.carrusel-3d .swiper-wrapper {
  perspective: 600px;
  transform-style: preserve-3d
}
.carrusel-3d img {
  width: 100% !important
}
.elementor-4631 .elementor-element.elementor-element-d56b6c3 * {
  transition: all 0.5s !important
}
.carrusel-3d .swiper-slide {
  opacity: 0;
  transform-style: preserve-3d;
  position: relative
}
.carrusel-3d .swiper-button-disabled {
  opacity: .4;
  filter: grayscale(1);
  pointer-events: none
}
.carrusel-3d *:not(.swiper-slide img) {
  overflow: visible
}
.carrusel-3d .swiper-slide-prev {
  transform: rotateX(10deg) rotateY(25deg);
  width: 300px !important;
  filter: brightness(40%);
  opacity: 0;
  z-index: -1
}
.carrusel-3d .swiper-slide-active {
  transform: rotateX(0deg) rotateY(10deg) translateY(-80px);
  width: 400px !important;
  filter: brightness(40%);
  opacity: 1;
  z-index: 5;
  will-change: transform
}
.carrusel-3d .swiper-slide-next {
  transform: rotateX(0deg) rotateY(10deg) rotateZ(10deg) translateY(-50px);
  width: 400px !important;
  filter: brightness(70%);
  opacity: 1;
  z-index: 4
}
.carrusel-3d .swiper-slide-next + .swiper-slide {
  transform: rotateX(0deg) rotateY(10deg) rotateZ(20deg);
  width: 400px !important;
  filter: brightness(110%);
  opacity: 1;
  z-index: 3
}
.carrusel-3d .swiper-slide-next + .swiper-slide + .swiper-slide {
  transform: rotateX(0deg) rotateY(10deg) rotateZ(40deg) translate(50px, 140px);
  width: 400px !important;
  filter: brightness(70%);
  opacity: 1;
  z-index: 2
}
.carrusel-3d .swiper-slide-next + .swiper-slide + .swiper-slide + .swiper-slide {
  transform: rotateX(0deg) rotateY(10deg) rotateZ(70deg) translate(200px, 300px);
  width: 400px !important;
  filter: brightness(40%);
  opacity: 1;
  z-index: 1
}
.carrusel-3d .swiper-slide-next + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide {
  transform: rotateX(-40deg) rotateY(35deg) rotateZ(50deg) rotate(20deg) translate(0, 200px) translateZ(160px);
  width: 400px !important;
  opacity: 0;
  filter: brightness(70%);
  z-index: 0
}
.carrusel-3d .elementor-swiper-button-prev {
  left: 675px !important;
  top: 250px !important;
  position: absolute;
  z-index: 20 !important
}
.carrusel-3d .elementor-swiper-button-next {
  left: 866px !important;
  top: 250px !important;
  position: absolute;
  z-index: 20 !important
}
@media (min-width:768px) and (max-width:1024px) {
  .carrusel-3d .elementor-swiper-button-prev {
    top: 66vw;
    left: 64.5vw
  }
  .carrusel-3d .elementor-swiper-button-next {
    top: 72vw;
    left: 64.5vw
  }
  .carrusel-3d .swiper-slide {
    transition: top 0.7s ease-in-out, width 0.7s ease-in-out, transform 0.7s ease-in-out, opacity 0.7s ease-in-out, filter 0.7s ease-in-out
  }
  .carrusel-3d .swiper-slide-prev, .carrusel-3d .swiper-slide-next + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide {
    top: 0vw;
    width: 36vw !important;
    transform: none
  }
  .carrusel-3d .swiper-slide-active, .carrusel-3d .swiper-slide-next, .carrusel-3d .swiper-slide-next + .swiper-slide, .carrusel-3d .swiper-slide-next + .swiper-slide + .swiper-slide {
    top: -9vw;
    width: 48vw !important;
    transform: none
  }
  .carrusel-3d .swiper-slide-next + .swiper-slide + .swiper-slide + .swiper-slide {
    top: 24.1vw;
    width: 48vw !important;
    transform: none
  }
  .carrusel-3d .swiper-slide-next + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide {
    top: 34.9vw;
    width: 48vw !important;
    transform: none
  }
}
@media (max-width:767px) {
  .carrusel-3d .elementor-swiper-button-prev {
    left: 0vw !important;
    top: 58vw !important;
    z-index: 20 !important
  }
  .carrusel-3d .elementor-swiper-button-next {
    left: 55vw !important;
    top: 58vw !important;
    z-index: 20 !important
  }
  .carrusel-3d .swiper-slide {
    transition: all 0.7s ease-in-out
  }
  .carrusel-3d .swiper-slide-prev {
    width: 20vw !important;
    opacity: 0;
    transform: none
  }
  .carrusel-3d .swiper-slide-active {
    width: 60vw !important;
    opacity: 1
  }
  .carrusel-3d .swiper-slide-next {
    width: 60vw !important
  }
  .carrusel-3d .swiper-slide-next + .swiper-slide {
    width: 60vw !important
  }
  .carrusel-3d .swiper-slide-next + .swiper-slide + .swiper-slide {
    width: 60vw !important;
    transform: rotateX(0deg) rotateY(10deg) rotateZ(30deg) translate(10vw, 20vw)
  }
  .carrusel-3d .swiper-slide-next + .swiper-slide + .swiper-slide + .swiper-slide {
    width: 60vw !important;
    transform: none;
    opacity: 0
  }
  .carrusel-3d .swiper-slide-next + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide {
    width: 60vw !important;
    transform: none
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a8461f */body::before {
  --wpr-bg-d010ba7c-1e70-479a-99fa-ae6be0ace61e: url('http://lp.tokinokagi.com/wp-content/uploads/2025/09/noise.webp');
}    
    
    body::before {
  content: "";
  display: block !important;
  background-image: var(--wpr-bg-d010ba7c-1e70-479a-99fa-ae6be0ace61e) !important;
  opacity: .3 !important;
  background-repeat: repeat !important;
  background-size: 257px auto !important;
  position: fixed !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  pointer-events: none !important;
  z-index: 99999998 !important;
}/* End custom CSS */