.bc-swap-title__anchor{
display: block;
width: fit-content;
height: fit-content;
}
.bc-swap-title *{
will-change: transform; }
.bc-swap-title {
display: block;
width: fit-content;
position: relative;
padding: 0;
line-height: normal;
}
.bc-swap-title__span-wrapper {
display: block;
overflow: hidden;
}
.bc-swap-title__span, .bc-swap-title__span .char, .bc-swap-title__span .word {
--skew: 0deg;
--duration: 1s;
--ease: cubic-bezier(0.19, 1, 0.22, 1);
--fromtype: 1;
display: block;
position: relative;
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
transition: transform var(--duration) var(--ease), -webkit-transform var(--duration) var(--ease), -moz-transform var(--duration) var(--ease), -o-transform var(--duration) var(--ease);
}
.bc-swap-title__span::after, .bc-swap-title__span .char::after, .bc-swap-title__span .word::after {
content: var(--after-content);
display: block;
position: absolute;
top: calc(var(--fromtype) * 100%);
left: 0;
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
transform: skewY(calc(var(--skew) * var(--fromtype)));
transition: transform var(--duration) var(--ease), -webkit-transform var(--duration) var(--ease), -moz-transform var(--duration) var(--ease), -o-transform var(--duration) var(--ease);
}
.bc-swap-title:hover .bc-swap-title__span, .bc-swap-title:hover .bc-swap-title__span .char, .bc-swap-title:hover .bc-swap-title__span .word {
-webkit-transform: translateY(calc(var(--fromtype) * -100%)) skewY(calc(var(--skew) * -1 * var(--fromtype)));
-moz-transform: translateY(calc(var(--fromtype) * -100%)) skewY(calc(var(--skew) * -1 * var(--fromtype)));
-ms-transform: translateY(calc(var(--fromtype) * -100%)) skewY(calc(var(--skew) * -1 * var(--fromtype)));
-o-transform: translateY(calc(var(--fromtype) * -100%)) skewY(calc(var(--skew) * -1 * var(--fromtype)));
transform: translateY(calc(var(--fromtype) * -100%)) skewY(calc(var(--skew) * -1 * var(--fromtype)));
}
.bc-swap-title--remove-line:hover .bc-swap-title__span-wrapper .bc-swap-title__span{
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
transform: none !important;
}
.bc-swap-title:hover .bc-swap-title__span::after, .bc-swap-title:hover .bc-swap-title__span .char::after, .bc-swap-title:hover .bc-swap-title__span .word::after {
-webkit-transform: skewY(calc(var(--skew) * var(--fromtype)));
-moz-transform: skewY(calc(var(--skew) * var(--fromtype)));
-ms-transform: skewY(calc(var(--skew) * var(--fromtype)));
-o-transform: skewY(calc(var(--skew) * var(--fromtype)));
transform: skewY(calc(var(--skew) * var(--fromtype)));
}.next-arrow-icon{
display: flex;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
width: 40px;
height: 40px;
--arrow-scale: 0.5;
--icon-hover-scale: 1.3;
--scale-duration: .4s;
--scale-easing: ease;
--scale-delay: 0s; 
transition: scale var(--scale-duration) var(--scale-easing) var(--scale-delay);
--arrow-rotate: 0deg;
--distance-between-arrows: 50px;
--transform-duration: .4s;
--transform-easing: ease;
--transform-delay: 0s;
--arrow-hover-rotate: 45deg;
--rotate-duration: .4s;
--rotate-easing: ease;
--rotate-delay: 0s;
}
.next-arrow-icon__arrow{
position: absolute;
min-width: unset !important;
min-height: unset !important;
scale: var(--arrow-scale);
rotate: var(--arrow-rotate);
--fill: black;
fill: var(--fill);
transition: 
rotate var(--rotate-duration) var(--rotate-easing) var(--rotate-delay),
transform var(--transform-duration) var(--transform-easing) var(--transform-delay);
}
.next-arrow-icon__arrow--fancy{
stroke: var(--fill);
}
.next-arrow-icon__arrow:nth-child(2){
transform: translateX(calc(-100% - var(--distance-between-arrows)));
}
.next-arrow-icon[data-active][data-enable-scale]{
scale: var(--icon-hover-scale);
}
.next-arrow-icon[data-active][data-enable-transform] .next-arrow-icon__arrow:nth-child(1){
transform: translateX(calc(100% + var(--distance-between-arrows)));
}
.next-arrow-icon[data-active][data-enable-transform] .next-arrow-icon__arrow:nth-child(2){
transform: translateX(0%);
}
.next-arrow-icon[data-active][data-enable-rotate] .next-arrow-icon__arrow{
rotate: var(--arrow-hover-rotate);
}.next-dropdown{
position: absolute;
background: #d2d2d2;
width: fit-content;
height: fit-content;
border-radius: 8px;
opacity: 0;
pointer-events: none;
--scale: 0;
--x: 0px;
--y: -30px;
transform: scale(var(--scale)) translateX(var(--x)) translateY(var(--y));
--opacity-easing: ease;
--opacity-duration: .2s;
--opacity-delay: 0s;
--transform-easing: ease;
--transform-duration: .2s;
--transform-delay: 0s;
transition: 
opacity var(--opacity-duration) var(--opacity-easing) var(--opacity-delay),
transform var(--transform-duration) var(--transform-easing) var(--transform-delay);
}
.next-dropdown[data-toggled]{
opacity: 1;
pointer-events: all;
transform: scale(1) translateX(0) translateY(0);
}
.next-dropdown[data-toggled-builder]{
opacity: 1;
pointer-events: all;
transform: scale(1) translateX(0) translateY(0);
} .next-dropdown::before{
content: "";
position: absolute;
--mask-top: 0px;
--mask-bottom: 0px;
--mask-left: 0px;
--mask-right: 0px;
top: calc(var(--mask-top) * -1);
bottom: var(--mask-bottom);
left: calc(var(--mask-left) * -1);
right: var(--mask-right);
display: block;
width: calc(100% + var(--mask-left) + var(--mask-right));
height: calc(100% + var(--mask-top) + var(--mask-bottom));
z-index: -1;
} .next-dropdown-wrapper{
width: fit-content;
}
.next-dropdown-toggle{
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
gap: 10px;
width: fit-content;
}.next-dropdown-mega-menu{
display: flex;
}
.next-dropdown-mega-menu__site-wrapper{
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
gap: 10px;
width: fit-content;
}
.next-dropdown-mega-menu__dropdowns-wrapper{
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
gap: 10px;
width: fit-content;
} .next-dropdown-mega-menu__mobile-wrapper{
display: none;
} .next-dropdown-mega-menu[data-toggled-enable-mobile-menu] .next-dropdown-mega-menu__mobile-wrapper{
display: flex;
}
.next-dropdown-mega-menu[data-toggled-enable-mobile-menu] .next-dropdown-mega-menu__dropdowns-wrapper{
position: absolute;
z-index: 99;
pointer-events: none;
opacity: 0;
}
.next-dropdown-mega-menu[data-toggled-display-builder] .next-dropdown-mega-menu__dropdowns-wrapper{
opacity: 1;
pointer-events: all;
transform: scale(1) translateX(0) translateY(0);
}.bc-decode-reveal__anchor{
display: block;
width: fit-content;
height: fit-content;
}
.bc-decode-reveal,
.bc-decode-reveal__element{
display: block;
width: fit-content;
height: fit-content;
}
.bc-decode-reveal__element[data-hide]{
opacity: 0;
}.bc-fuid-gradient__anchor{
display: block;
width: fit-content;
height: fit-content;
}
.bc-fuid-gradient{
display: block;
width: fit-content;
height: fit-content;
}
.bc-fuid-gradient__gradient{
--bg-size: 400%; --duration: 15s;
--easing: linear;
background: var(--gradients); -webkit-background-clip: text;
color: transparent;
-webkit-animation: hue var(--duration) infinite var(--easing); background-clip: text;
animation: hue var(--duration) infinite var(--easing); }
@keyframes hue {
to {
background-position: var(--bg-size) 0;
}
}.bc-underlined-title__anchor{
display: flex;
width: fit-content;
height: fit-content;
}
.bc-underlined-title{
text-decoration: unset !important;
color: unset !important;
display: block;
width: fit-content;
height: fit-content;
}
.bc-underlined-title__element{
position: relative;
display: block;
width: 100%;
--width: 0px;
--height: 1px;
--bottom-distance: 0px;
--duration: 0.7s;
--ease: cubic-bezier(0.16, 1, 0.3, 1);
--background: currentColor;
} .bc-underlined-title__side-to-side:before {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
bottom: var(--bottom-distance);
height: var(--height);
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-ms-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center;
background: var(--background);
-webkit-transition: -webkit-transform var(--duration) var(--ease);
transition: -webkit-transform var(--duration) var(--ease);
-o-transition: -o-transform var(--duration) var(--ease);
-moz-transition: transform var(--duration) var(--ease), -moz-transform var(--duration) var(--ease);
transition: transform var(--duration) var(--ease);
transition: transform var(--duration) var(--ease), -webkit-transform var(--duration) var(--ease), -moz-transform var(--duration) var(--ease), -o-transform var(--duration) var(--ease);
}
.bc-underlined-title__side-to-side:hover:before {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
transition-delay: unset;
-webkit-transition-delay: unset;
-o-transition-delay: unset;
-moz-transition-delay: unset;
} .bc-underlined-title__one-sided:after {
content: '';
position: absolute;
bottom: var(--bottom-distance);
left: 0;
width: var(--width);
border-bottom: var(--height) solid var(--background);
transition: var(--duration) var(--ease);
}
.bc-underlined-title__two-sided:after {
content: '';
display: block;
margin: auto;
bottom: var(--bottom-distance);
left: 0;
width: var(--width);
height: var(--height);
background: var(--background);
transition: width var(--duration) var(--ease);
position: relative;
border-bottom: unset;
}
.bc-underlined-title__one-sided:hover:after, .bc-underlined-title__two-sided:hover:after {
width: 100%;
}
.bc-underlined-title__one-sided:hover::after, .bc-underlined-title__two-sided:hover::after {
-webkit-transition: width var(--duration) var(--ease);
transition: width var(--duration) var(--ease);
-o-transition: width var(--duration) var(--ease);
-moz-transition: width var(--duration) var(--ease);
transition: width var(--duration) var(--ease);
transition: width var(--duration) var(--ease);
} .bc-underlined-title__full-sided::after,
.bc-underlined-title__full-sided::before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: var(--bottom-distance);
height: var(--height);
background: var(--background);
-webkit-transition: -webkit-transform var(--duration) var(--ease);
transition: -webkit-transform var(--duration) var(--ease);
-o-transition: -o-transform var(--duration) var(--ease);
-moz-transition: transform var(--duration) var(--ease), -moz-transform var(--duration) var(--ease);
transition: transform var(--duration) var(--ease);
transition: transform var(--duration) var(--ease), -webkit-transform var(--duration) var(--ease), -moz-transform var(--duration) var(--ease), -o-transform var(--duration) var(--ease);
}
.bc-underlined-title__full-sided::before {
-webkit-transform-origin: left;
-moz-transform-origin: left;
-ms-transform-origin: left;
-o-transform-origin: left;
transform-origin: left;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
}
.bc-underlined-title__full-sided::after {
-webkit-transform-origin: right;
-moz-transform-origin: right;
-ms-transform-origin: right;
-o-transform-origin: right;
transform-origin: right;
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
}
.bc-underlined-title__full-sided:hover::before {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
transition-delay: 0.25s;
-webkit-transition-delay: 0.25s;
-o-transition-delay: 0.25s;
-moz-transition-delay: 0.25s;
}
.bc-underlined-title__full-sided:hover::after {
width: unset;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
}a.bc-anyside-button,
a.bc-anyside-button:hover{
color: unset;
}
.bc-anyside-button {
display: block;
width: fit-content;
white-space: wrap;
--colortransition: 800ms;
--colortransition-ida: 800ms;
--pathtransition: 800ms;
--pathtransition-ida: 800ms;
--easing: ease;
--hover-color: #fff;
--click-dimensions: 500px;
border: 0;
position: relative;
overflow: hidden;
background: white; color: #1a1a1a; border-radius: 15px;
text-align: center;
padding: 40px;
}
.bc-anyside-button__title {
position: relative;
z-index: 2;
transition: color var(--colortransition) var(--easing);
}
.bc-anyside-button__anyside-div {
position: absolute;
left: 0;
top: 0;
transform: translate(-50%, -50%);
border-radius: 50%;
background: #252527; clip-path: circle(0% at 50% 50%);
transition: clip-path var(--pathtransition) var(--easing);
z-index: 1;
}
.bc-anyside-button[data-type='hover']:hover .bc-anyside-button__title {
color: var(--hover-color); transition: color var(--colortransition-ida) var(--easing);
}
.bc-anyside-button[data-type='hover']:hover .bc-anyside-button__anyside-div {
clip-path: circle(100% at 50% 50%);
transition: clip-path var(--pathtransition-ida) var(--easing);
}
[data-type='click'] .bc-anyside-button__anyside-span {
background: #252527;
position: absolute;
transform: translate(-50%, -50%);
pointer-events: none;
border-radius: 50%;
animation: animate var(--pathtransition) linear infinite;
}
@keyframes animate {
0% {
width: 0;
height: 0;
opacity: 0.5;
}
100% {
width: var(--click-dimensions);
height: var(--click-dimensions);
opacity: 0;
}
}.bc-back-to-top {
position: fixed;
right: 50px; bottom: 50px; height: 46px;
width: 46px;
cursor: pointer;
border-radius: 50px;
box-shadow: inset  0 0 0 2px;
color: rgba(255, 255, 255, 0.2); background-color: none; z-index: 10000;
opacity: 0;
visibility: hidden;
transform: translateY(15px) !important;
transition-duration: 200ms; transition-timing-function: linear; display: flex;
justify-content: center;
align-items: center;
}
.bc-back-to-top__active-progress {
opacity: 1;
visibility: visible;
transform: translateY(0) !important;
}
.bc-back-to-top__arrow-svg {
position: absolute;
fill: grey;
width: 25px;
height: 100%;
cursor: pointer;
display: block;
z-index: 1;
}
.bc-back-to-top__circle-path {
fill: none;
stroke: grey; stroke-width: 5;
box-sizing:border-box;
}
.bc-back-to-top__to-hide{
opacity: 0;
}.bc-lottie{
display: block;
width: 350px; height: fit-content; }
.bc-lottie__element{
width: 100%; height: auto;
}
.bc-lottie__to-hide{
opacity: 0;
}.bc-flipbox[data-bc-hide]{
opacity: 0;
}
.bc-flipbox{
width: 300px; --height: 300px; height: var(--height);
perspective: 800px; }
.bc-flipbox__wrapper{
position: relative;
width: 100%;
height: 100%;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
border-radius: 30px;  --trans-duration: 1.3s;
--trans-easing: cubic-bezier(0.175, 0.885, 0.32, 1.275);
-webkit-transition: -webkit-transform var(--trans-duration) var(--trans-easing);  transition: transform var(--trans-duration) var(--trans-easing);  }
.bc-flipbox__flip--front{
position: relative;
perspective: 1000px;
}
.bc-flipbox__flip--back{
position: absolute;
top: 0;
left: 0;
}
.bc-flipbox__flip{
width: 100%;
height: 100%;
backface-visibility: hidden;
-webkit-font-smoothing: antialiased;
border-radius: 30px; background: #fff; }
.bc-flipbox__wrapper[data-x] .bc-flipbox__flip--back{
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.bc-flipbox__wrapper[data-x][data-flipped]{
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.bc-flipbox__wrapper[data-x-reverse] .bc-flipbox__flip--back{
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.bc-flipbox__wrapper[data-x-reverse][data-flipped]{
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.bc-flipbox__wrapper[data-y] .bc-flipbox__flip--back{
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.bc-flipbox__wrapper[data-y][data-flipped]{
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.bc-flipbox__wrapper[data-y-reverse] .bc-flipbox__flip--back{
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
.bc-flipbox__wrapper[data-y-reverse][data-flipped]{
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}.bc-mousefill-title__anchor{
display: block;
width: fit-content;
height: fit-content;
}
.bc-mousefill-title{
--stroke-color: #fff; --fill-color: #fff; --stroke-width: 2px;
font-size: 64px; font-weight: 700;
text-transform: uppercase;
display: flex;
-webkit-text-stroke: var(--stroke-width) var(--stroke-color);
background: linear-gradient(to right, var(--fill-color) 0 100%) left / 0 no-repeat;
color: transparent;
background-clip: text;
background-size: 0% 100%;
position: relative;
}
.bc-mousefill-title[data-shadow='true']{
background: linear-gradient(to right, var(--fill-color), transparent 75%, transparent) left / 0 no-repeat;
background-clip: text;
}.bc-blade-title__anchor{
display: block;
width: fit-content;
height: fit-content;
}
.bc-blade-title{
display: block;
width: fit-content;
}
.bc-blade-title__inner{
display: block;
clip-path: polygon(0 0, 150% 0, 150% 150%, 0% 150%);
}
.bc-blade-title__line-wrapper{
overflow: hidden;
}
.bc-blade-title__inner--to-hide{
opacity: 0;
}