.preloader {
	display: flex;
	transition: transform 0.4s ease-out, opacity 0.1s ease-out;
}

.bg-gradient {
  background:
    radial-gradient(20.01% 42.83% at 66.52% -10.01%,
      rgba(147, 23, 238, 0.60) 0%,
      rgba(8, 10, 12, 0.00) 100%),
    radial-gradient(34.86% 65.78% at 32.25% -14.44%,
      rgba(147, 23, 238, .7) 0%,
      rgba(8, 10, 12, 0.00) 100%),
    linear-gradient(0deg,
      rgba(8, 10, 12, 0.0) 20%,
      rgba(147, 23, 238, 0.13) 100%),
    rgba(8, 10, 12, 1);
}

.blur {
  background:
    radial-gradient(20.01% 37.83% at 70.52% -10.01%,
      rgba(147, 23, 238, 0.60) 0%,
      rgba(8, 10, 12, 0.00) 100%),
    radial-gradient(34.86% 55.78% at 35.25% -14.44%,
      rgba(147, 23, 238, .7) 0%,
      rgba(8, 10, 12, 0.00) 100%),
    linear-gradient(0deg,
      rgba(8, 10, 12, 0.00) 20%,
      rgba(147, 23, 238, 0.13) 100%),
    rgba(8, 10, 12, 1);

  background-blend-mode: screen, screen, screen, normal;
  filter: blur(20px) saturate(1.2) brightness(1.4);
}

/*————— CARD BACKGROUND GRADIENT —————*/

.bg-gradient-card {
  background:
    radial-gradient(30.86% 65.78% at 32.25% 108.44%,
      rgba(147, 23, 238, .7) 0%,
      rgba(8, 10, 12, 0.00) 100%),
    linear-gradient(0deg,
      rgba(8, 10, 12, 0.0) 20%,
      rgba(147, 23, 238, 0.13) 100%),
    rgba(8, 10, 12, 1);
}

.blur-card {
  background:
    radial-gradient(30.86% 65.78% at 35.25% 108.44%,
      rgba(147, 23, 238, .7) 0%,
      rgba(8, 10, 12, 0.00) 100%),
    linear-gradient(90deg,
      rgba(8, 10, 12, 0.00) 20%,
      rgba(147, 23, 238, 0.13) 100%),
    rgba(8, 10, 12, 1);

  background-blend-mode: screen, screen, screen, normal;
  filter: blur(20px) saturate(1.2) brightness(1.4);
}

.page-wrapper {
	overflow-x: clip !important;
}

/* Make text look crisper and more legible in all browsers */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Focus state style for keyboard navigation for the focusable elements */
*[tabindex]:focus-visible,
  input[type="file"]:focus-visible {
   outline: 0.125rem solid #4d65ff;
   outline-offset: 0.125rem;
}

/* Set color style to inherit */
.inherit-color * {
    color: inherit;
}

/* Get rid of top margin on first element in any rich text element */
.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {
  margin-top: 0 !important;
}

/* Get rid of bottom margin on last element in any rich text element */
.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {
	margin-bottom: 0 !important;
}


/* Make sure containers never lose their center alignment */
.container-medium,.container-small, .container-large {
	margin-right: auto !important;
  margin-left: auto !important;
}

/* 
Make the following elements inherit typography styles from the parent and not have hardcoded values. 
Important: You will not be able to style for example "All Links" in Designer with this CSS applied.
Uncomment this CSS to use it in the project. Leave this message for future hand-off.
*/
/*
a,
.w-input,
.w-select,
.w-tab-link,
.w-nav-link,
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
  color: inherit;
  text-decoration: inherit;
  font-size: inherit;
}
*/

/* Apply "..." after 3 lines of text */
.text-style-3lines {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

/* Apply "..." after 2 lines of text */
.text-style-2lines {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/* These classes are never overwritten */
.hide {
  display: none !important;
}

@media screen and (max-width: 991px) {
    .hide, .hide-tablet {
        display: none !important;
    }
}
  @media screen and (max-width: 767px) {
    .hide-mobile-landscape{
      display: none !important;
    }
}
  @media screen and (max-width: 479px) {
    .hide-mobile{
      display: none !important;
    }
}
 
.margin-0 {
  margin: 0rem !important;
}
  
.padding-0 {
  padding: 0rem !important;
}

.spacing-clean {
padding: 0rem !important;
margin: 0rem !important;
}

.margin-top {
  margin-right: 0rem !important;
  margin-bottom: 0rem !important;
  margin-left: 0rem !important;
}

.padding-top {
  padding-right: 0rem !important;
  padding-bottom: 0rem !important;
  padding-left: 0rem !important;
}
  
.margin-right {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
  margin-left: 0rem !important;
}

.padding-right {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
  padding-left: 0rem !important;
}

.margin-bottom {
  margin-top: 0rem !important;
  margin-right: 0rem !important;
  margin-left: 0rem !important;
}

.padding-bottom {
  padding-top: 0rem !important;
  padding-right: 0rem !important;
  padding-left: 0rem !important;
}

.margin-left {
  margin-top: 0rem !important;
  margin-right: 0rem !important;
  margin-bottom: 0rem !important;
}
  
.padding-left {
  padding-top: 0rem !important;
  padding-right: 0rem !important;
  padding-bottom: 0rem !important;
}
  
.margin-horizontal {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.padding-horizontal {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

.margin-vertical {
  margin-right: 0rem !important;
  margin-left: 0rem !important;
}
  
.padding-vertical {
  padding-right: 0rem !important;
  padding-left: 0rem !important;
}


/*
.bg-gradient {
  background:
    radial-gradient(25.37% 22.83% at 66.52% -8.01%,
      rgba(147, 23, 238, 0.60) 0%,
      rgba(8, 10, 12, 0.00) 100%),
    radial-gradient(32.84% 37.05% at 32.25% -7.44%,
      rgba(147, 23, 238, 1) 0%,
      rgba(8, 10, 12, 0.00) 100%),
    linear-gradient(0deg,
      rgba(8, 10, 12, 0.00) 51.86%,
      rgba(147, 23, 238, 0.20) 100%),
    rgba(8, 10, 12, 1);
  background-blend-mode: lighter, lighter, normal, normal;

}*/

/**/

.h1-animated {
	position: relative;
}

.icon {
  position: relative;
  display: inline-block;
  width: 4.1rem;
  aspect-ratio: 1;
}
.icon-folder {
  margin-right: -.5ch;
  margin-left: -.25ch;
  transform: translateY(.5ch);
  width: 2.4ch;
  cursor: pointer;
}
.icon-coin {
  width: 1ch;
}
.icon-joystick {
  margin-right: -.6ch;
  margin-left: -.7ch;
  width: 2ch;
  transform: translateY(.5ch);
  margin-top: -2rem;
}

.icon img, .icon div {
  position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.icon [data-icon-type='coin'] {
  width: 4rem;
  max-width: none;
  z-index: 5;
  }
.icon.icon-coin div {
  transform: translate(-50%, -80%) scale(2.3);
}
.icon [data-icon-type='alian'],
  		[data-icon-type='stik'],
  		[data-icon-type='stick'] {
	transform: unset;
}

.wb-video-styles-controller {
		width: 100%;       /* Breedte van de container */
    height: 100%;      /* Hoogte van de container */
    object-fit: cover; /* Gedraagt zich als een achtergrondafbeelding */
    object-position: center; /* Horizontaal en verticaal gecentreerd */
  }
  
  .portfolio1_item-wrapper:hover .transition-scale {
  	transform: scale(1.05);
  }

.layout1_bg-gradient {
  background:
    radial-gradient(30.86% 65.78% at 32.25% 115.44%,
      rgba(147, 23, 238, .7) 0%,
      rgba(8, 10, 12, 0.00) 100%),
    linear-gradient(0deg,
      rgba(8, 10, 12, 0.0) 20%,
      rgba(147, 23, 238, 0.13) 100%),
    rgba(8, 10, 12, 1);
}

.layout1_bg-blur {
  background:
    radial-gradient(30.86% 65.78% at 35.25% 115.44%,
      rgba(147, 23, 238, .7) 0%,
      rgba(8, 10, 12, 0.00) 100%),
    linear-gradient(90deg,
      rgba(8, 10, 12, 0.00) 20%,
      rgba(147, 23, 238, 0.13) 100%),
    rgba(8, 10, 12, 1);

  background-blend-mode: screen, screen, screen, normal;
  filter: blur(20px) saturate(1.2) brightness(1.4);
}

@media (max-width: 991px) {
	.layout1_bg-gradient {
  background:
    radial-gradient(60.86% 50.78% at 78% -8.44%,
      rgba(147, 23, 238, .7) 0%,
      rgba(8, 10, 12, 0.00) 100%),
    linear-gradient(90deg,
      rgba(8, 10, 12, 0.00) 0%,
      rgba(147, 23, 238, 0.13) 75%),
    rgba(8, 10, 12, 1);
	}

  .layout1_bg-blur {
    background:
      radial-gradient(60.86% 50.78% at 78% -8.44%,
        rgba(147, 23, 238, .7) 0%,
        rgba(8, 10, 12, 0.00) 100%),
      linear-gradient(90deg,
        rgba(8, 10, 12, 0.00) 0%,
        rgba(147, 23, 238, 0.13) 75%),
      rgba(8, 10, 12, 1);

    background-blend-mode: screen, screen, normal;
    filter: blur(20px) saturate(1.3) brightness(1.35);
  }
}

@media (max-width: 767px) {
	.layout1_bg-gradient {
    background:
      radial-gradient(70.86% 30.78% at 78% -10.44%,
        rgba(147, 23, 238, .7) 0%,
        rgba(8, 10, 12, 0.00) 100%),
      linear-gradient(90deg,
        rgba(8, 10, 12, 0.00) 0%,
        rgba(147, 23, 238, 0.13) 75%),
      rgba(8, 10, 12, 1);
	}

  .layout1_bg-blur {
    background:
      radial-gradient(70.86% 30.78% at 78% -10.44%,
        rgba(147, 23, 238, .7) 0%,
        rgba(8, 10, 12, 0.00) 100%),
      linear-gradient(90deg,
        rgba(8, 10, 12, 0.00) 0%,
        rgba(147, 23, 238, 0.13) 75%),
      rgba(8, 10, 12, 1);

    background-blend-mode: screen, screen, normal;
    filter: blur(20px) saturate(1.3) brightness(1.35);
  }
}

@media (max-width: 479px) {
	.layout1_bg-gradient {
    background:
      radial-gradient(70.86% 10.78% at 78% 0.44%,
        rgba(147, 23, 238, .7) 0%,
        rgba(8, 10, 12, 0.00) 100%),
      linear-gradient(90deg,
        rgba(8, 10, 12, 0.00) 0%,
        rgba(147, 23, 238, 0.13) 75%),
      rgba(8, 10, 12, 1);
	}

  .layout1_bg-blur {
    background:
      radial-gradient(70.86% 10.78% at 78% 0.44%,
        rgba(147, 23, 238, .7) 0%,
        rgba(8, 10, 12, 0.00) 100%),
      linear-gradient(90deg,
        rgba(8, 10, 12, 0.00) 0%,
        rgba(147, 23, 238, 0.13) 75%),
      rgba(8, 10, 12, 1);

    background-blend-mode: screen, screen, normal;
    filter: blur(20px) saturate(1.3) brightness(1.35);
  }
}
/**/