.elementor-251 .elementor-element.elementor-element-391e5390{margin-top:38px;margin-bottom:0px;}.elementor-bc-flex-widget .elementor-251 .elementor-element.elementor-element-28eb9fcd.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-251 .elementor-element.elementor-element-28eb9fcd.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-251 .elementor-element.elementor-element-28eb9fcd > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-251 .elementor-element.elementor-element-4f101589{text-align:start;}.elementor-251 .elementor-element.elementor-element-4f101589 img{width:100%;max-width:84%;height:63px;}.elementor-bc-flex-widget .elementor-251 .elementor-element.elementor-element-67988d45.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-251 .elementor-element.elementor-element-67988d45.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-251 .elementor-element.elementor-element-67988d45 > .elementor-element-populated, .elementor-251 .elementor-element.elementor-element-67988d45 > .elementor-element-populated > .elementor-background-overlay, .elementor-251 .elementor-element.elementor-element-67988d45 > .elementor-background-slideshow{border-radius:5px 5px 5px 5px;}.elementor-251 .elementor-element.elementor-element-7a46d392{background-color:#F0F3F54D;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:17px 17px 17px 17px;border-radius:10px 10px 10px 10px;--e-icon-list-icon-size:15px;--icon-vertical-offset:0px;}.elementor-251 .elementor-element.elementor-element-7a46d392 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-251 .elementor-element.elementor-element-7a46d392 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-251 .elementor-element.elementor-element-7a46d392 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-251 .elementor-element.elementor-element-7a46d392 .elementor-icon-list-item > a{font-family:"تت", Sans-serif;font-weight:400;}.elementor-251 .elementor-element.elementor-element-7a46d392 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-bc-flex-widget .elementor-251 .elementor-element.elementor-element-160697a.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-251 .elementor-element.elementor-element-160697a.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-251 .elementor-element.elementor-element-160697a > .elementor-element-populated{margin:0px 85px 0px 0px;--e-column-margin-right:85px;--e-column-margin-left:0px;}.elementor-251 .elementor-element.elementor-element-05201f1{--iteration-count:infinite;z-index:9999;--dynamic-text-color:#57CDFF;}.elementor-251 .elementor-element.elementor-element-05201f1 .elementor-headline{text-align:center;font-family:"تت", Sans-serif;}.elementor-251 .elementor-element.elementor-element-0539065{margin:0px 24px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-251 .elementor-element.elementor-element-a5556f9{margin:-252px 1051px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-251 .elementor-element.elementor-element-2c3ad38{margin:-167px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-251 .elementor-element.elementor-element-0c68f59{margin:-153px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 418px;}.elementor-251 .elementor-element.elementor-element-0c68f59.elementor-element{--align-self:center;}.elementor-251 .elementor-element.elementor-element-abccf6a{margin:-167px 432px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-251 .elementor-element.elementor-element-abccf6a.elementor-element{--align-self:center;}.elementor-251 .elementor-element.elementor-element-0e0b7b9.elementor-element{--align-self:center;}body:not(.rtl) .elementor-251 .elementor-element.elementor-element-0e0b7b9{left:6px;}body.rtl .elementor-251 .elementor-element.elementor-element-0e0b7b9{right:6px;}.elementor-251 .elementor-element.elementor-element-0e0b7b9{top:-663px;z-index:999999;}.elementor-251 .elementor-element.elementor-element-69e38e1.elementor-element{--align-self:center;}body:not(.rtl) .elementor-251 .elementor-element.elementor-element-69e38e1{left:6px;}body.rtl .elementor-251 .elementor-element.elementor-element-69e38e1{right:6px;}.elementor-251 .elementor-element.elementor-element-69e38e1{top:-392px;z-index:999999;}.elementor-251 .elementor-element.elementor-element-9521b1b.elementor-element{--align-self:center;}body:not(.rtl) .elementor-251 .elementor-element.elementor-element-9521b1b{left:6px;}body.rtl .elementor-251 .elementor-element.elementor-element-9521b1b{right:6px;}.elementor-251 .elementor-element.elementor-element-9521b1b{top:-83px;z-index:999999;}.elementor-251 .elementor-element.elementor-element-5440a94.elementor-element{--align-self:center;}body:not(.rtl) .elementor-251 .elementor-element.elementor-element-5440a94{left:6px;}body.rtl .elementor-251 .elementor-element.elementor-element-5440a94{right:6px;}.elementor-251 .elementor-element.elementor-element-5440a94{top:206px;z-index:999999;}.elementor-251 .elementor-element.elementor-element-382e31a.elementor-element{--align-self:center;}body:not(.rtl) .elementor-251 .elementor-element.elementor-element-382e31a{left:5px;}body.rtl .elementor-251 .elementor-element.elementor-element-382e31a{right:5px;}.elementor-251 .elementor-element.elementor-element-382e31a{top:498px;z-index:999999;}.elementor-251 .elementor-element.elementor-element-89167af.elementor-element{--align-self:center;}body:not(.rtl) .elementor-251 .elementor-element.elementor-element-89167af{left:388px;}body.rtl .elementor-251 .elementor-element.elementor-element-89167af{right:388px;}.elementor-251 .elementor-element.elementor-element-89167af{top:498px;z-index:999999;}.elementor-251 .elementor-element.elementor-element-be42fa1.elementor-element{--align-self:center;}body:not(.rtl) .elementor-251 .elementor-element.elementor-element-be42fa1{left:738px;}body.rtl .elementor-251 .elementor-element.elementor-element-be42fa1{right:738px;}.elementor-251 .elementor-element.elementor-element-be42fa1{top:499px;z-index:999999;}.elementor-251 .elementor-element.elementor-element-26303e5{--e-transform-translateX:-341px;top:498px;z-index:999999;}.elementor-251 .elementor-element.elementor-element-26303e5.elementor-element{--align-self:center;}body:not(.rtl) .elementor-251 .elementor-element.elementor-element-26303e5{left:758px;}body.rtl .elementor-251 .elementor-element.elementor-element-26303e5{right:758px;}.elementor-251 .elementor-element.elementor-element-c5959ab.elementor-element{--align-self:center;}body:not(.rtl) .elementor-251 .elementor-element.elementor-element-c5959ab{left:399px;}body.rtl .elementor-251 .elementor-element.elementor-element-c5959ab{right:399px;}.elementor-251 .elementor-element.elementor-element-c5959ab{top:206px;z-index:999999;}.elementor-251 .elementor-element.elementor-element-dc69659.elementor-element{--align-self:center;}body:not(.rtl) .elementor-251 .elementor-element.elementor-element-dc69659{left:756px;}body.rtl .elementor-251 .elementor-element.elementor-element-dc69659{right:756px;}.elementor-251 .elementor-element.elementor-element-dc69659{top:206px;z-index:999999;}.elementor-251 .elementor-element.elementor-element-4d83987{--e-transform-translateX:-355px;top:206px;z-index:999999;}.elementor-251 .elementor-element.elementor-element-4d83987.elementor-element{--align-self:center;}body:not(.rtl) .elementor-251 .elementor-element.elementor-element-4d83987{left:756px;}body.rtl .elementor-251 .elementor-element.elementor-element-4d83987{right:756px;}.elementor-251 .elementor-element.elementor-element-f195ad0.elementor-element{--align-self:center;}body:not(.rtl) .elementor-251 .elementor-element.elementor-element-f195ad0{left:393px;}body.rtl .elementor-251 .elementor-element.elementor-element-f195ad0{right:393px;}.elementor-251 .elementor-element.elementor-element-f195ad0{top:-83px;z-index:999999;}.elementor-251 .elementor-element.elementor-element-85360d4.elementor-element{--align-self:center;}body:not(.rtl) .elementor-251 .elementor-element.elementor-element-85360d4{left:762px;}body.rtl .elementor-251 .elementor-element.elementor-element-85360d4{right:762px;}.elementor-251 .elementor-element.elementor-element-85360d4{top:-83px;z-index:999999;}.elementor-251 .elementor-element.elementor-element-bf27b40{--e-transform-translateX:-121px;top:-83px;z-index:999999;}.elementor-251 .elementor-element.elementor-element-bf27b40.elementor-element{--align-self:center;}body:not(.rtl) .elementor-251 .elementor-element.elementor-element-bf27b40{left:1000px;}body.rtl .elementor-251 .elementor-element.elementor-element-bf27b40{right:1000px;}.elementor-251 .elementor-element.elementor-element-71383ff.elementor-element{--align-self:center;}body:not(.rtl) .elementor-251 .elementor-element.elementor-element-71383ff{left:388px;}body.rtl .elementor-251 .elementor-element.elementor-element-71383ff{right:388px;}.elementor-251 .elementor-element.elementor-element-71383ff{top:-392px;z-index:999999;}.elementor-251 .elementor-element.elementor-element-fe1dc9a.elementor-element{--align-self:center;}body:not(.rtl) .elementor-251 .elementor-element.elementor-element-fe1dc9a{left:770px;}body.rtl .elementor-251 .elementor-element.elementor-element-fe1dc9a{right:770px;}.elementor-251 .elementor-element.elementor-element-fe1dc9a{top:-392px;z-index:999999;}.elementor-251 .elementor-element.elementor-element-87d6b9e{--e-transform-translateX:-126px;top:-392px;z-index:999999;}.elementor-251 .elementor-element.elementor-element-87d6b9e.elementor-element{--align-self:center;}body:not(.rtl) .elementor-251 .elementor-element.elementor-element-87d6b9e{left:1000px;}body.rtl .elementor-251 .elementor-element.elementor-element-87d6b9e{right:1000px;}.elementor-251 .elementor-element.elementor-element-3c79a4b.elementor-element{--align-self:center;}body:not(.rtl) .elementor-251 .elementor-element.elementor-element-3c79a4b{left:382px;}body.rtl .elementor-251 .elementor-element.elementor-element-3c79a4b{right:382px;}.elementor-251 .elementor-element.elementor-element-3c79a4b{top:-663px;z-index:999999;}.elementor-251 .elementor-element.elementor-element-1d075c5{--e-transform-translateX:-44px;top:-663px;z-index:999999;}.elementor-251 .elementor-element.elementor-element-1d075c5.elementor-element{--align-self:center;}body:not(.rtl) .elementor-251 .elementor-element.elementor-element-1d075c5{left:706px;}body.rtl .elementor-251 .elementor-element.elementor-element-1d075c5{right:706px;}.elementor-251 .elementor-element.elementor-element-6dc3178{--e-transform-translateX:-129px;top:-663px;z-index:999999;}.elementor-251 .elementor-element.elementor-element-6dc3178.elementor-element{--align-self:center;}body:not(.rtl) .elementor-251 .elementor-element.elementor-element-6dc3178{left:1000px;}body.rtl .elementor-251 .elementor-element.elementor-element-6dc3178{right:1000px;}.elementor-251 .elementor-element.elementor-element-7ae1be7{margin:29px 343px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}@media(max-width:767px){.elementor-251 .elementor-element.elementor-element-28eb9fcd{width:20%;}.elementor-251 .elementor-element.elementor-element-4f101589 img{width:100%;}.elementor-251 .elementor-element.elementor-element-67988d45{width:2%;}.elementor-251 .elementor-element.elementor-element-160697a{width:78%;}}@media(min-width:768px){.elementor-251 .elementor-element.elementor-element-28eb9fcd{width:22%;}.elementor-251 .elementor-element.elementor-element-67988d45{width:52.553%;}.elementor-251 .elementor-element.elementor-element-160697a{width:25%;}}/* Start custom CSS for icon-list, class: .elementor-element-7a46d392 */.tk {
  border: 2px solid rgb(255 255 255 / 33%);
  background: #fefefe12;
  box-shadow: 0 4px 20px 0 rgb(255 255 255 / 95%) inset;
  backdrop-filter: blur(5px);
  position: relative; /* حالت اولیه */
  transition: top 0.3s ease;   position: fixed;
  top: 1;
  left: 1;
  z-index: 1000;
  width: 40%!important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-76d27d7a *//* From Uiverse.io by cssbuttons-io */ 
button {
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

 --glow-color: rgb(217, 176, 255);
 --glow-spread-color: rgba(191, 123, 255, 0.781);
 --enhanced-glow-color: rgb(231, 206, 255);
 --btn-color: rgb(100, 61, 136);
 border: .25em solid var(--glow-color);
 padding: 1em 3em;
 color: var(--glow-color);
 font-size: 15px;
 font-weight: bold;
 background-color: var(--btn-color);
 border-radius: 1em;
 outline: none;
 box-shadow: 0 0 1em .25em var(--glow-color),
        0 0 4em 1em var(--glow-spread-color),
        inset 0 0 .75em .25em var(--glow-color);
 text-shadow: 0 0 .5em var(--glow-color);
 position: relative;
 transition: all 0.3s;
}

button::after {
 pointer-events: none;
 content: "";
 position: absolute;
 top: 120%;
 left: 0;
 height: 100%;
 width: 100%;
 background-color: var(--glow-spread-color);
 filter: blur(2em);
 opacity: .7;
 transform: perspective(1.5em) rotateX(35deg) scale(1, .6);
}

button:hover {
 color: var(--btn-color);
 background-color: var(--glow-color);
 box-shadow: 0 0 1em .25em var(--glow-color),
        0 0 4em 2em var(--glow-spread-color),
        inset 0 0 .75em .25em var(--glow-color);
}

button:active {
 box-shadow: 0 0 0.6em .25em var(--glow-color),
        0 0 2.5em 2em var(--glow-spread-color),
        inset 0 0 .5em .25em var(--glow-color);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0539065 *//* From Uiverse.io by Smit-Prajapati */ 
.loader11 {
  --size: 250px;
  --duration: 2s;
  --logo-color: grey;
  --background: linear-gradient(
    0deg,
    rgba(50, 50, 50, 0.2) 0%,
    rgba(100, 100, 100, 0.2) 100%
  );
  height: var(--size);
  aspect-ratio: 1;
  position: relative;
}

.loader11 .box2 {
  position: absolute;
  background: rgba(100, 100, 100, 0.15);
  background: var(--background);
  border-radius: 50%;
  border-top: 1px solid rgba(100, 100, 100, 1);
  box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 10px -0px;
  backdrop-filter: blur(5px);
  animation: ripple var(--duration) infinite ease-in-out;
}

.loader11 .box2:nth-child(1) {
  inset: 40%;
  z-index: 99;
}

.loader11 .box2:nth-child(2) {
  inset: 30%;
  z-index: 98;
  border-color: rgba(100, 100, 100, 0.8);
  animation-delay: 0.2s;
}

.loader11 .box2:nth-child(3) {
  inset: 20%;
  z-index: 97;
  border-color: rgba(100, 100, 100, 0.6);
  animation-delay: 0.4s;
}

.loader11 .box2:nth-child(4) {
  inset: 10%;
  z-index: 96;
  border-color: rgba(100, 100, 100, 0.4);
  animation-delay: 0.6s;
}

.loader11 .box2:nth-child(5) {
  inset: 0%;
  z-index: 95;
  border-color: rgba(100, 100, 100, 0.2);
  animation-delay: 0.8s;
}

.loader11 .logo {
  position: absolute;
  inset: 0;
  display: grid;
  place-content: center;
  padding: 30%;
}

.loader .logo svg {
  fill: var(--logo-color);
  width: 100%;
  animation: color-change var(--duration) infinite ease-in-out;
}

@keyframes ripple {
  0% {
    transform: scale(1);
    box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 10px -0px;
  }
  50% {
    transform: scale(1.3);
    box-shadow: rgba(0, 0, 0, 0.3) 0px 30px 20px -0px;
  }
  100% {
    transform: scale(1);
    box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 10px -0px;
  }
}

@keyframes color-change {
  0% {
    fill: var(--logo-color);
  }
  50% {
    fill: white;
  }
  100% {
    fill: var(--logo-color);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a5556f9 *//* From Uiverse.io by Smit-Prajapati */ 
.loader11 {
  --size: 250px;
  --duration: 2s;
  --logo-color: grey;
  --background: linear-gradient(
    0deg,
    rgba(50, 50, 50, 0.2) 0%,
    rgba(100, 100, 100, 0.2) 100%
  );
  height: var(--size);
  aspect-ratio: 1;
  position: relative;
}

.loader11 .box2 {
  position: absolute;
  background: rgba(100, 100, 100, 0.15);
  background: var(--background);
  border-radius: 50%;
  border-top: 1px solid rgba(100, 100, 100, 1);
  box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 10px -0px;
  backdrop-filter: blur(5px);
  animation: ripple var(--duration) infinite ease-in-out;
}

.loader11 .box2:nth-child(1) {
  inset: 40%;
  z-index: 99;
}

.loader11 .box2:nth-child(2) {
  inset: 30%;
  z-index: 98;
  border-color: rgba(100, 100, 100, 0.8);
  animation-delay: 0.2s;
}

.loader11 .box2:nth-child(3) {
  inset: 20%;
  z-index: 97;
  border-color: rgba(100, 100, 100, 0.6);
  animation-delay: 0.4s;
}

.loader11 .box2:nth-child(4) {
  inset: 10%;
  z-index: 96;
  border-color: rgba(100, 100, 100, 0.4);
  animation-delay: 0.6s;
}

.loader11 .box2:nth-child(5) {
  inset: 0%;
  z-index: 95;
  border-color: rgba(100, 100, 100, 0.2);
  animation-delay: 0.8s;
}

.loader11 .logo {
  position: absolute;
  inset: 0;
  display: grid;
  place-content: center;
  padding: 30%;
}

.loader .logo svg {
  fill: var(--logo-color);
  width: 100%;
  animation: color-change var(--duration) infinite ease-in-out;
}

@keyframes ripple {
  0% {
    transform: scale(1);
    box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 10px -0px;
  }
  50% {
    transform: scale(1.3);
    box-shadow: rgba(0, 0, 0, 0.3) 0px 30px 20px -0px;
  }
  100% {
    transform: scale(1);
    box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 10px -0px;
  }
}

@keyframes color-change {
  0% {
    fill: var(--logo-color);
  }
  50% {
    fill: white;
  }
  100% {
    fill: var(--logo-color);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2c3ad38 *//* From Uiverse.io by dexter-st */ 
.loader-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 120px;
  width: auto;
  margin: 2rem;

  font-family: "Poppins", sans-serif;
  font-size: 1.6em;
  font-weight: 600;
  user-select: none;
  color: #fff;

  scale: 2;
}

.loader {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;

  background-color: transparent;
  mask: repeating-linear-gradient(
    90deg,
    transparent 0,
    transparent 6px,
    black 7px,
    black 8px
  );
}



@keyframes transform-animation {
  0% {
    transform: translate(-55%);
  }
  100% {
    transform: translate(55%);
  }
}

@keyframes opacity-animation {
  0%,
  100% {
    opacity: 0;
  }
  15% {
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
}

.loader-letter {
  display: inline-block;
  opacity: 0;
  animation: loader-letter-anim 4s infinite linear;
  z-index: 2;
}

.loader-letter:nth-child(1) {
  animation-delay: 0.1s;
}
.loader-letter:nth-child(2) {
  animation-delay: 0.205s;
}
.loader-letter:nth-child(3) {
  animation-delay: 0.31s;
}
.loader-letter:nth-child(4) {
  animation-delay: 0.415s;
}
.loader-letter:nth-child(5) {
  animation-delay: 0.521s;
}
.loader-letter:nth-child(6) {
  animation-delay: 0.626s;
}
.loader-letter:nth-child(7) {
  animation-delay: 0.731s;
}
.loader-letter:nth-child(8) {
  animation-delay: 0.837s;
}
.loader-letter:nth-child(9) {
  animation-delay: 0.942s;
}
.loader-letter:nth-child(10) {
  animation-delay: 1.047s;
}
.loader-letter:nth-child(10) {
  animation-delay: 1.047s;
}
.loader-letter:nth-child(10) {
  animation-delay: 1.047s;
}
.loader-letter:nth-child(10) {
  animation-delay: 1.047s;
}
.loader-letter:nth-child(10) {
  animation-delay: 1.047s;
}
.loader-letter:nth-child(10) {
  animation-delay: 1.047s;
}


@keyframes loader-letter-anim {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
    text-shadow: 0 0 4px #fff;
    transform: scale(1.1) translateY(-2px);
  }
  20% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0c68f59 *//* From Uiverse.io by andrew-manzyk */ 
.loader33 {
  --color-one: #ffbf48;
  --color-two: #be4a1d;
  --color-three: #ffbf4780;
  --color-four: #bf4a1d80;
  --color-five: #ffbf4740;
  --time-animation: 2s;
  --size: 1; /* You can change the size */
  position: relative;
  border-radius: 50%;
  transform: scale(var(--size));
  box-shadow:
    0 0 25px 0 var(--color-three),
    0 20px 50px 0 var(--color-four);
  animation: colorize calc(var(--time-animation) * 3) ease-in-out infinite;
}

.loader33::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border-top: solid 1px var(--color-one);
  border-bottom: solid 1px var(--color-two);
  background: linear-gradient(180deg, var(--color-five), var(--color-four));
  box-shadow:
    inset 0 10px 10px 0 var(--color-three),
    inset 0 -10px 10px 0 var(--color-four);
}

.loader33 .box1 {
  width: 100px;
  height: 100px;
  background: linear-gradient(
    180deg,
    var(--color-one) 30%,
    var(--color-two) 70%
  );
  mask: url(#clipping);
  -webkit-mask: url(#clipping);
}

.loader33 svg {
  position: absolute;
}

.loader33 svg #clipping {
  filter: contrast(15);
  animation: roundness calc(var(--time-animation) / 2) linear infinite;
}

.loader33 svg #clipping polygon {
  filter: blur(7px);
}

.loader33 svg #clipping polygon:nth-child(1) {
  transform-origin: 75% 25%;
  transform: rotate(90deg);
}

.loader33 svg #clipping polygon:nth-child(2) {
  transform-origin: 50% 50%;
  animation: rotation var(--time-animation) linear infinite reverse;
}

.loader33 svg #clipping polygon:nth-child(3) {
  transform-origin: 50% 60%;
  animation: rotation var(--time-animation) linear infinite;
  animation-delay: calc(var(--time-animation) / -3);
}

.loader33 svg #clipping polygon:nth-child(4) {
  transform-origin: 40% 40%;
  animation: rotation var(--time-animation) linear infinite reverse;
}

.loader33 svg #clipping polygon:nth-child(5) {
  transform-origin: 40% 40%;
  animation: rotation var(--time-animation) linear infinite reverse;
  animation-delay: calc(var(--time-animation) / -2);
}

.loader33 svg #clipping polygon:nth-child(6) {
  transform-origin: 60% 40%;
  animation: rotation var(--time-animation) linear infinite;
}

.loader33 svg #clipping polygon:nth-child(7) {
  transform-origin: 60% 40%;
  animation: rotation var(--time-animation) linear infinite;
  animation-delay: calc(var(--time-animation) / -1.5);
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes roundness {
  0% {
    filter: contrast(15);
  }
  20% {
    filter: contrast(3);
  }
  40% {
    filter: contrast(3);
  }
  60% {
    filter: contrast(15);
  }
  100% {
    filter: contrast(15);
  }
}

@keyframes colorize {
  0% {
    filter: hue-rotate(0deg);
  }
  20% {
    filter: hue-rotate(-30deg);
  }
  40% {
    filter: hue-rotate(-60deg);
  }
  60% {
    filter: hue-rotate(-90deg);
  }
  80% {
    filter: hue-rotate(-45deg);
  }
  100% {
    filter: hue-rotate(0deg);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-abccf6a *//* From Uiverse.io by andrew-manzyk */ 
.loader33 {
  --color-one: #ffbf48;
  --color-two: #be4a1d;
  --color-three: #ffbf4780;
  --color-four: #bf4a1d80;
  --color-five: #ffbf4740;
  --time-animation: 2s;
  --size: 1; /* You can change the size */
  position: relative;
  border-radius: 50%;
  transform: scale(var(--size));
  box-shadow:
    0 0 25px 0 var(--color-three),
    0 20px 50px 0 var(--color-four);
  animation: colorize calc(var(--time-animation) * 3) ease-in-out infinite;
}

.loader33::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border-top: solid 1px var(--color-one);
  border-bottom: solid 1px var(--color-two);
  background: linear-gradient(180deg, var(--color-five), var(--color-four));
  box-shadow:
    inset 0 10px 10px 0 var(--color-three),
    inset 0 -10px 10px 0 var(--color-four);
}

.loader33 .box1 {
  width: 100px;
  height: 100px;
  background: linear-gradient(
    180deg,
    var(--color-one) 30%,
    var(--color-two) 70%
  );
  mask: url(#clipping);
  -webkit-mask: url(#clipping);
}

.loader33 svg {
  position: absolute;
}

.loader33 svg #clipping {
  filter: contrast(15);
  animation: roundness calc(var(--time-animation) / 2) linear infinite;
}

.loader33 svg #clipping polygon {
  filter: blur(7px);
}

.loader33 svg #clipping polygon:nth-child(1) {
  transform-origin: 75% 25%;
  transform: rotate(90deg);
}

.loader33 svg #clipping polygon:nth-child(2) {
  transform-origin: 50% 50%;
  animation: rotation var(--time-animation) linear infinite reverse;
}

.loader33 svg #clipping polygon:nth-child(3) {
  transform-origin: 50% 60%;
  animation: rotation var(--time-animation) linear infinite;
  animation-delay: calc(var(--time-animation) / -3);
}

.loader33 svg #clipping polygon:nth-child(4) {
  transform-origin: 40% 40%;
  animation: rotation var(--time-animation) linear infinite reverse;
}

.loader33 svg #clipping polygon:nth-child(5) {
  transform-origin: 40% 40%;
  animation: rotation var(--time-animation) linear infinite reverse;
  animation-delay: calc(var(--time-animation) / -2);
}

.loader33 svg #clipping polygon:nth-child(6) {
  transform-origin: 60% 40%;
  animation: rotation var(--time-animation) linear infinite;
}

.loader33 svg #clipping polygon:nth-child(7) {
  transform-origin: 60% 40%;
  animation: rotation var(--time-animation) linear infinite;
  animation-delay: calc(var(--time-animation) / -1.5);
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes roundness {
  0% {
    filter: contrast(15);
  }
  20% {
    filter: contrast(3);
  }
  40% {
    filter: contrast(3);
  }
  60% {
    filter: contrast(15);
  }
  100% {
    filter: contrast(15);
  }
}

@keyframes colorize {
  0% {
    filter: hue-rotate(0deg);
  }
  20% {
    filter: hue-rotate(-30deg);
  }
  40% {
    filter: hue-rotate(-60deg);
  }
  60% {
    filter: hue-rotate(-90deg);
  }
  80% {
    filter: hue-rotate(-45deg);
  }
  100% {
    filter: hue-rotate(0deg);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9356b59 *//* From Uiverse.io by Spacious74 */ 
.outer {
  width: 300px;
  height: 250px;
  border-radius: 10px;
  padding: 1px;
  background: radial-gradient(circle 230px at 0% 0%, #ffffff, #0c0d0d);
  position: relative;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.dot {
  width: 5px;
  aspect-ratio: 1;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px #ffffff;
  border-radius: 100px;
  z-index: 2;
  right: 10%;
  top: 10%;
  animation: moveDot 6s linear infinite;
}

@keyframes moveDot {
  0%,
  100% {
    top: 10%;
    right: 10%;
  }
  25% {
    top: 10%;
    right: calc(100% - 35px);
  }
  50% {
    top: calc(100% - 30px);
    right: calc(100% - 35px);
  }
  75% {
    top: calc(100% - 30px);
    right: 10%;
  }
}

.card {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  border: solid 1px #202222;
  background-size: 20px 20px;
  background: radial-gradient(circle 280px at 0% 0%, #444444, #0c0d0d);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  color: #fff;
}
.ray {
  width: 220px;
  height: 45px;
  border-radius: 100px;
  position: absolute;
  background-color: #c7c7c7;
  opacity: 0.4;
  box-shadow: 0 0 50px #fff;
  filter: blur(10px);
  transform-origin: 10%;
  top: 0%;
  left: 0;
  transform: rotate(40deg);
}

.card .text {
  font-weight: bolder;
  font-size: 4rem;
  background: linear-gradient(45deg, #000000 4%, #fff, #000);
  background-clip: text;
  color: transparent;
}

.line {
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #2c2c2c;
}
.topl {
  top: 10%;
  background: linear-gradient(90deg, #888888 30%, #1d1f1f 70%);
}
.bottoml {
  bottom: 10%;
}
.leftl {
  left: 10%;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #747474 30%, #222424 70%);
}
.rightl {
  right: 10%;
  width: 1px;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-41d2b74 *//* From Uiverse.io by Spacious74 */ 
.outer {
  width: 300px;
  height: 250px;
  border-radius: 10px;
  padding: 1px;
  background: radial-gradient(circle 230px at 0% 0%, #ffffff, #0c0d0d);
  position: relative;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.dot {
  width: 5px;
  aspect-ratio: 1;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px #ffffff;
  border-radius: 100px;
  z-index: 2;
  right: 10%;
  top: 10%;
  animation: moveDot 6s linear infinite;
}

@keyframes moveDot {
  0%,
  100% {
    top: 10%;
    right: 10%;
  }
  25% {
    top: 10%;
    right: calc(100% - 35px);
  }
  50% {
    top: calc(100% - 30px);
    right: calc(100% - 35px);
  }
  75% {
    top: calc(100% - 30px);
    right: 10%;
  }
}

.card {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  border: solid 1px #202222;
  background-size: 20px 20px;
  background: radial-gradient(circle 280px at 0% 0%, #444444, #0c0d0d);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  color: #fff;
}
.ray {
  width: 220px;
  height: 45px;
  border-radius: 100px;
  position: absolute;
  background-color: #c7c7c7;
  opacity: 0.4;
  box-shadow: 0 0 50px #fff;
  filter: blur(10px);
  transform-origin: 10%;
  top: 0%;
  left: 0;
  transform: rotate(40deg);
}

.card .text {
  font-weight: bolder;
  font-size: 4rem;
  background: linear-gradient(45deg, #000000 4%, #fff, #000);
  background-clip: text;
  color: transparent;
}

.line {
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #2c2c2c;
}
.topl {
  top: 10%;
  background: linear-gradient(90deg, #888888 30%, #1d1f1f 70%);
}
.bottoml {
  bottom: 10%;
}
.leftl {
  left: 10%;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #747474 30%, #222424 70%);
}
.rightl {
  right: 10%;
  width: 1px;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e0b7b9 *//* From Uiverse.io by Thomas-Cabrit */ 
.card-6 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  perspective: 900px;
  margin: 34px 0;
}

.card-6__holo {
  position: relative;
  width: 140px;
  height: 140px;
  border-radius: 26px;
  transform-style: preserve-3d;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  animation: card6-wobble 6.2s ease-in-out infinite;
}

@keyframes card6-wobble {
  0% {
    transform: rotateX(16deg) rotateY(-18deg);
  }
  50% {
    transform: rotateX(18deg) rotateY(18deg);
  }
  100% {
    transform: rotateX(16deg) rotateY(-18deg);
  }
}

.card-6__layer {
  position: absolute;
  font-weight: 900;
  font-size: 108px;
  letter-spacing: -6px;
  line-height: 1;

  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.7);

  background: linear-gradient(
    90deg,
    rgba(0, 123, 255, 0.18) 0%,
    rgba(0, 123, 255, 0.92) 35%,
    rgba(0, 180, 255, 0.7) 60%,
    rgba(0, 123, 255, 0.22) 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;

  filter: drop-shadow(0 10px 22px rgba(0, 0, 0, 0.55));
  opacity: 0.95;
  transform-style: preserve-3d;
}

.card-6__layer--back {
  opacity: 0.18;
  filter: blur(1px);
  transform: translateZ(-70px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.45);
}
.card-6__layer--mid {
  opacity: 0.42;
  filter: blur(0.4px);
  transform: translateZ(-34px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.55);
}
.card-6__layer--front {
  opacity: 0.98;
  transform: translateZ(0px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.78);
}

.card-6__holo::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 26px;
  background: radial-gradient(
    circle at 40% 35%,
    rgba(0, 123, 255, 0.14),
    rgba(0, 0, 0, 0) 62%
  );
  filter: blur(8px);
  opacity: 0.9;
  transform: translateZ(-80px);
}

.card-6__holo::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 26px;
  border: 1px solid rgba(0, 123, 255, 0.16);
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.05),
    rgba(255, 255, 255, 0.01) 45%,
    rgba(0, 0, 0, 0)
  );
  opacity: 0.55;
  transform: translateZ(-45px);
}

@media (max-width: 600px) {
  .card-6__holo {
    width: 128px;
    height: 128px;
    border-radius: 24px;
  }
  .card-6__layer {
    font-size: 96px;
    letter-spacing: -5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .card-6__holo {
    animation: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-69e38e1 *//* From Uiverse.io by Thomas-Cabrit */ 
.card-6 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  perspective: 900px;
  margin: 34px 0;
}

.card-6__holo {
  position: relative;
  width: 140px;
  height: 140px;
  border-radius: 26px;
  transform-style: preserve-3d;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  animation: card6-wobble 6.2s ease-in-out infinite;
}

@keyframes card6-wobble {
  0% {
    transform: rotateX(16deg) rotateY(-18deg);
  }
  50% {
    transform: rotateX(18deg) rotateY(18deg);
  }
  100% {
    transform: rotateX(16deg) rotateY(-18deg);
  }
}

.card-6__layer {
  position: absolute;
  font-weight: 900;
  font-size: 108px;
  letter-spacing: -6px;
  line-height: 1;

  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.7);

  background: linear-gradient(
    90deg,
    rgba(0, 123, 255, 0.18) 0%,
    rgba(0, 123, 255, 0.92) 35%,
    rgba(0, 180, 255, 0.7) 60%,
    rgba(0, 123, 255, 0.22) 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;

  filter: drop-shadow(0 10px 22px rgba(0, 0, 0, 0.55));
  opacity: 0.95;
  transform-style: preserve-3d;
}

.card-6__layer--back {
  opacity: 0.18;
  filter: blur(1px);
  transform: translateZ(-70px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.45);
}
.card-6__layer--mid {
  opacity: 0.42;
  filter: blur(0.4px);
  transform: translateZ(-34px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.55);
}
.card-6__layer--front {
  opacity: 0.98;
  transform: translateZ(0px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.78);
}

.card-6__holo::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 26px;
  background: radial-gradient(
    circle at 40% 35%,
    rgba(0, 123, 255, 0.14),
    rgba(0, 0, 0, 0) 62%
  );
  filter: blur(8px);
  opacity: 0.9;
  transform: translateZ(-80px);
}

.card-6__holo::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 26px;
  border: 1px solid rgba(0, 123, 255, 0.16);
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.05),
    rgba(255, 255, 255, 0.01) 45%,
    rgba(0, 0, 0, 0)
  );
  opacity: 0.55;
  transform: translateZ(-45px);
}

@media (max-width: 600px) {
  .card-6__holo {
    width: 128px;
    height: 128px;
    border-radius: 24px;
  }
  .card-6__layer {
    font-size: 96px;
    letter-spacing: -5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .card-6__holo {
    animation: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9521b1b *//* From Uiverse.io by Thomas-Cabrit */ 
.card-6 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  perspective: 900px;
  margin: 34px 0;
}

.card-6__holo {
  position: relative;
  width: 140px;
  height: 140px;
  border-radius: 26px;
  transform-style: preserve-3d;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  animation: card6-wobble 6.2s ease-in-out infinite;
}

@keyframes card6-wobble {
  0% {
    transform: rotateX(16deg) rotateY(-18deg);
  }
  50% {
    transform: rotateX(18deg) rotateY(18deg);
  }
  100% {
    transform: rotateX(16deg) rotateY(-18deg);
  }
}

.card-6__layer {
  position: absolute;
  font-weight: 900;
  font-size: 108px;
  letter-spacing: -6px;
  line-height: 1;

  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.7);

  background: linear-gradient(
    90deg,
    rgba(0, 123, 255, 0.18) 0%,
    rgba(0, 123, 255, 0.92) 35%,
    rgba(0, 180, 255, 0.7) 60%,
    rgba(0, 123, 255, 0.22) 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;

  filter: drop-shadow(0 10px 22px rgba(0, 0, 0, 0.55));
  opacity: 0.95;
  transform-style: preserve-3d;
}

.card-6__layer--back {
  opacity: 0.18;
  filter: blur(1px);
  transform: translateZ(-70px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.45);
}
.card-6__layer--mid {
  opacity: 0.42;
  filter: blur(0.4px);
  transform: translateZ(-34px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.55);
}
.card-6__layer--front {
  opacity: 0.98;
  transform: translateZ(0px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.78);
}

.card-6__holo::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 26px;
  background: radial-gradient(
    circle at 40% 35%,
    rgba(0, 123, 255, 0.14),
    rgba(0, 0, 0, 0) 62%
  );
  filter: blur(8px);
  opacity: 0.9;
  transform: translateZ(-80px);
}

.card-6__holo::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 26px;
  border: 1px solid rgba(0, 123, 255, 0.16);
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.05),
    rgba(255, 255, 255, 0.01) 45%,
    rgba(0, 0, 0, 0)
  );
  opacity: 0.55;
  transform: translateZ(-45px);
}

@media (max-width: 600px) {
  .card-6__holo {
    width: 128px;
    height: 128px;
    border-radius: 24px;
  }
  .card-6__layer {
    font-size: 96px;
    letter-spacing: -5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .card-6__holo {
    animation: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5440a94 *//* From Uiverse.io by Thomas-Cabrit */ 
.card-6 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  perspective: 900px;
  margin: 34px 0;
}

.card-6__holo {
  position: relative;
  width: 140px;
  height: 140px;
  border-radius: 26px;
  transform-style: preserve-3d;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  animation: card6-wobble 6.2s ease-in-out infinite;
}

@keyframes card6-wobble {
  0% {
    transform: rotateX(16deg) rotateY(-18deg);
  }
  50% {
    transform: rotateX(18deg) rotateY(18deg);
  }
  100% {
    transform: rotateX(16deg) rotateY(-18deg);
  }
}

.card-6__layer {
  position: absolute;
  font-weight: 900;
  font-size: 108px;
  letter-spacing: -6px;
  line-height: 1;

  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.7);

  background: linear-gradient(
    90deg,
    rgba(0, 123, 255, 0.18) 0%,
    rgba(0, 123, 255, 0.92) 35%,
    rgba(0, 180, 255, 0.7) 60%,
    rgba(0, 123, 255, 0.22) 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;

  filter: drop-shadow(0 10px 22px rgba(0, 0, 0, 0.55));
  opacity: 0.95;
  transform-style: preserve-3d;
}

.card-6__layer--back {
  opacity: 0.18;
  filter: blur(1px);
  transform: translateZ(-70px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.45);
}
.card-6__layer--mid {
  opacity: 0.42;
  filter: blur(0.4px);
  transform: translateZ(-34px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.55);
}
.card-6__layer--front {
  opacity: 0.98;
  transform: translateZ(0px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.78);
}

.card-6__holo::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 26px;
  background: radial-gradient(
    circle at 40% 35%,
    rgba(0, 123, 255, 0.14),
    rgba(0, 0, 0, 0) 62%
  );
  filter: blur(8px);
  opacity: 0.9;
  transform: translateZ(-80px);
}

.card-6__holo::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 26px;
  border: 1px solid rgba(0, 123, 255, 0.16);
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.05),
    rgba(255, 255, 255, 0.01) 45%,
    rgba(0, 0, 0, 0)
  );
  opacity: 0.55;
  transform: translateZ(-45px);
}

@media (max-width: 600px) {
  .card-6__holo {
    width: 128px;
    height: 128px;
    border-radius: 24px;
  }
  .card-6__layer {
    font-size: 96px;
    letter-spacing: -5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .card-6__holo {
    animation: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-382e31a *//* From Uiverse.io by Thomas-Cabrit */ 
.card-6 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  perspective: 900px;
  margin: 34px 0;
}

.card-6__holo {
  position: relative;
  width: 140px;
  height: 140px;
  border-radius: 26px;
  transform-style: preserve-3d;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  animation: card6-wobble 6.2s ease-in-out infinite;
}

@keyframes card6-wobble {
  0% {
    transform: rotateX(16deg) rotateY(-18deg);
  }
  50% {
    transform: rotateX(18deg) rotateY(18deg);
  }
  100% {
    transform: rotateX(16deg) rotateY(-18deg);
  }
}

.card-6__layer {
  position: absolute;
  font-weight: 900;
  font-size: 108px;
  letter-spacing: -6px;
  line-height: 1;

  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.7);

  background: linear-gradient(
    90deg,
    rgba(0, 123, 255, 0.18) 0%,
    rgba(0, 123, 255, 0.92) 35%,
    rgba(0, 180, 255, 0.7) 60%,
    rgba(0, 123, 255, 0.22) 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;

  filter: drop-shadow(0 10px 22px rgba(0, 0, 0, 0.55));
  opacity: 0.95;
  transform-style: preserve-3d;
}

.card-6__layer--back {
  opacity: 0.18;
  filter: blur(1px);
  transform: translateZ(-70px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.45);
}
.card-6__layer--mid {
  opacity: 0.42;
  filter: blur(0.4px);
  transform: translateZ(-34px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.55);
}
.card-6__layer--front {
  opacity: 0.98;
  transform: translateZ(0px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.78);
}

.card-6__holo::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 26px;
  background: radial-gradient(
    circle at 40% 35%,
    rgba(0, 123, 255, 0.14),
    rgba(0, 0, 0, 0) 62%
  );
  filter: blur(8px);
  opacity: 0.9;
  transform: translateZ(-80px);
}

.card-6__holo::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 26px;
  border: 1px solid rgba(0, 123, 255, 0.16);
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.05),
    rgba(255, 255, 255, 0.01) 45%,
    rgba(0, 0, 0, 0)
  );
  opacity: 0.55;
  transform: translateZ(-45px);
}

@media (max-width: 600px) {
  .card-6__holo {
    width: 128px;
    height: 128px;
    border-radius: 24px;
  }
  .card-6__layer {
    font-size: 96px;
    letter-spacing: -5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .card-6__holo {
    animation: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-89167af *//* From Uiverse.io by Thomas-Cabrit */ 
.card-6 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  perspective: 900px;
  margin: 34px 0;
}

.card-6__holo {
  position: relative;
  width: 140px;
  height: 140px;
  border-radius: 26px;
  transform-style: preserve-3d;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  animation: card6-wobble 6.2s ease-in-out infinite;
}

@keyframes card6-wobble {
  0% {
    transform: rotateX(16deg) rotateY(-18deg);
  }
  50% {
    transform: rotateX(18deg) rotateY(18deg);
  }
  100% {
    transform: rotateX(16deg) rotateY(-18deg);
  }
}

.card-6__layer {
  position: absolute;
  font-weight: 900;
  font-size: 108px;
  letter-spacing: -6px;
  line-height: 1;

  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.7);

  background: linear-gradient(
    90deg,
    rgba(0, 123, 255, 0.18) 0%,
    rgba(0, 123, 255, 0.92) 35%,
    rgba(0, 180, 255, 0.7) 60%,
    rgba(0, 123, 255, 0.22) 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;

  filter: drop-shadow(0 10px 22px rgba(0, 0, 0, 0.55));
  opacity: 0.95;
  transform-style: preserve-3d;
}

.card-6__layer--back {
  opacity: 0.18;
  filter: blur(1px);
  transform: translateZ(-70px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.45);
}
.card-6__layer--mid {
  opacity: 0.42;
  filter: blur(0.4px);
  transform: translateZ(-34px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.55);
}
.card-6__layer--front {
  opacity: 0.98;
  transform: translateZ(0px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.78);
}

.card-6__holo::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 26px;
  background: radial-gradient(
    circle at 40% 35%,
    rgba(0, 123, 255, 0.14),
    rgba(0, 0, 0, 0) 62%
  );
  filter: blur(8px);
  opacity: 0.9;
  transform: translateZ(-80px);
}

.card-6__holo::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 26px;
  border: 1px solid rgba(0, 123, 255, 0.16);
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.05),
    rgba(255, 255, 255, 0.01) 45%,
    rgba(0, 0, 0, 0)
  );
  opacity: 0.55;
  transform: translateZ(-45px);
}

@media (max-width: 600px) {
  .card-6__holo {
    width: 128px;
    height: 128px;
    border-radius: 24px;
  }
  .card-6__layer {
    font-size: 96px;
    letter-spacing: -5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .card-6__holo {
    animation: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-be42fa1 *//* From Uiverse.io by Thomas-Cabrit */ 
.card-6 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  perspective: 900px;
  margin: 34px 0;
}

.card-6__holo {
  position: relative;
  width: 140px;
  height: 140px;
  border-radius: 26px;
  transform-style: preserve-3d;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  animation: card6-wobble 6.2s ease-in-out infinite;
}

@keyframes card6-wobble {
  0% {
    transform: rotateX(16deg) rotateY(-18deg);
  }
  50% {
    transform: rotateX(18deg) rotateY(18deg);
  }
  100% {
    transform: rotateX(16deg) rotateY(-18deg);
  }
}

.card-6__layer {
  position: absolute;
  font-weight: 900;
  font-size: 108px;
  letter-spacing: -6px;
  line-height: 1;

  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.7);

  background: linear-gradient(
    90deg,
    rgba(0, 123, 255, 0.18) 0%,
    rgba(0, 123, 255, 0.92) 35%,
    rgba(0, 180, 255, 0.7) 60%,
    rgba(0, 123, 255, 0.22) 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;

  filter: drop-shadow(0 10px 22px rgba(0, 0, 0, 0.55));
  opacity: 0.95;
  transform-style: preserve-3d;
}

.card-6__layer--back {
  opacity: 0.18;
  filter: blur(1px);
  transform: translateZ(-70px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.45);
}
.card-6__layer--mid {
  opacity: 0.42;
  filter: blur(0.4px);
  transform: translateZ(-34px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.55);
}
.card-6__layer--front {
  opacity: 0.98;
  transform: translateZ(0px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.78);
}

.card-6__holo::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 26px;
  background: radial-gradient(
    circle at 40% 35%,
    rgba(0, 123, 255, 0.14),
    rgba(0, 0, 0, 0) 62%
  );
  filter: blur(8px);
  opacity: 0.9;
  transform: translateZ(-80px);
}

.card-6__holo::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 26px;
  border: 1px solid rgba(0, 123, 255, 0.16);
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.05),
    rgba(255, 255, 255, 0.01) 45%,
    rgba(0, 0, 0, 0)
  );
  opacity: 0.55;
  transform: translateZ(-45px);
}

@media (max-width: 600px) {
  .card-6__holo {
    width: 128px;
    height: 128px;
    border-radius: 24px;
  }
  .card-6__layer {
    font-size: 96px;
    letter-spacing: -5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .card-6__holo {
    animation: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-26303e5 *//* From Uiverse.io by Thomas-Cabrit */ 
.card-6 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  perspective: 900px;
  margin: 34px 0;
}

.card-6__holo {
  position: relative;
  width: 140px;
  height: 140px;
  border-radius: 26px;
  transform-style: preserve-3d;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  animation: card6-wobble 6.2s ease-in-out infinite;
}

@keyframes card6-wobble {
  0% {
    transform: rotateX(16deg) rotateY(-18deg);
  }
  50% {
    transform: rotateX(18deg) rotateY(18deg);
  }
  100% {
    transform: rotateX(16deg) rotateY(-18deg);
  }
}

.card-6__layer {
  position: absolute;
  font-weight: 900;
  font-size: 108px;
  letter-spacing: -6px;
  line-height: 1;

  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.7);

  background: linear-gradient(
    90deg,
    rgba(0, 123, 255, 0.18) 0%,
    rgba(0, 123, 255, 0.92) 35%,
    rgba(0, 180, 255, 0.7) 60%,
    rgba(0, 123, 255, 0.22) 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;

  filter: drop-shadow(0 10px 22px rgba(0, 0, 0, 0.55));
  opacity: 0.95;
  transform-style: preserve-3d;
}

.card-6__layer--back {
  opacity: 0.18;
  filter: blur(1px);
  transform: translateZ(-70px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.45);
}
.card-6__layer--mid {
  opacity: 0.42;
  filter: blur(0.4px);
  transform: translateZ(-34px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.55);
}
.card-6__layer--front {
  opacity: 0.98;
  transform: translateZ(0px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.78);
}

.card-6__holo::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 26px;
  background: radial-gradient(
    circle at 40% 35%,
    rgba(0, 123, 255, 0.14),
    rgba(0, 0, 0, 0) 62%
  );
  filter: blur(8px);
  opacity: 0.9;
  transform: translateZ(-80px);
}

.card-6__holo::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 26px;
  border: 1px solid rgba(0, 123, 255, 0.16);
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.05),
    rgba(255, 255, 255, 0.01) 45%,
    rgba(0, 0, 0, 0)
  );
  opacity: 0.55;
  transform: translateZ(-45px);
}

@media (max-width: 600px) {
  .card-6__holo {
    width: 128px;
    height: 128px;
    border-radius: 24px;
  }
  .card-6__layer {
    font-size: 96px;
    letter-spacing: -5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .card-6__holo {
    animation: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c5959ab *//* From Uiverse.io by Thomas-Cabrit */ 
.card-6 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  perspective: 900px;
  margin: 34px 0;
}

.card-6__holo {
  position: relative;
  width: 140px;
  height: 140px;
  border-radius: 26px;
  transform-style: preserve-3d;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  animation: card6-wobble 6.2s ease-in-out infinite;
}

@keyframes card6-wobble {
  0% {
    transform: rotateX(16deg) rotateY(-18deg);
  }
  50% {
    transform: rotateX(18deg) rotateY(18deg);
  }
  100% {
    transform: rotateX(16deg) rotateY(-18deg);
  }
}

.card-6__layer {
  position: absolute;
  font-weight: 900;
  font-size: 108px;
  letter-spacing: -6px;
  line-height: 1;

  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.7);

  background: linear-gradient(
    90deg,
    rgba(0, 123, 255, 0.18) 0%,
    rgba(0, 123, 255, 0.92) 35%,
    rgba(0, 180, 255, 0.7) 60%,
    rgba(0, 123, 255, 0.22) 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;

  filter: drop-shadow(0 10px 22px rgba(0, 0, 0, 0.55));
  opacity: 0.95;
  transform-style: preserve-3d;
}

.card-6__layer--back {
  opacity: 0.18;
  filter: blur(1px);
  transform: translateZ(-70px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.45);
}
.card-6__layer--mid {
  opacity: 0.42;
  filter: blur(0.4px);
  transform: translateZ(-34px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.55);
}
.card-6__layer--front {
  opacity: 0.98;
  transform: translateZ(0px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.78);
}

.card-6__holo::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 26px;
  background: radial-gradient(
    circle at 40% 35%,
    rgba(0, 123, 255, 0.14),
    rgba(0, 0, 0, 0) 62%
  );
  filter: blur(8px);
  opacity: 0.9;
  transform: translateZ(-80px);
}

.card-6__holo::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 26px;
  border: 1px solid rgba(0, 123, 255, 0.16);
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.05),
    rgba(255, 255, 255, 0.01) 45%,
    rgba(0, 0, 0, 0)
  );
  opacity: 0.55;
  transform: translateZ(-45px);
}

@media (max-width: 600px) {
  .card-6__holo {
    width: 128px;
    height: 128px;
    border-radius: 24px;
  }
  .card-6__layer {
    font-size: 96px;
    letter-spacing: -5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .card-6__holo {
    animation: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dc69659 *//* From Uiverse.io by Thomas-Cabrit */ 
.card-6 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  perspective: 900px;
  margin: 34px 0;
}

.card-6__holo {
  position: relative;
  width: 140px;
  height: 140px;
  border-radius: 26px;
  transform-style: preserve-3d;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  animation: card6-wobble 6.2s ease-in-out infinite;
}

@keyframes card6-wobble {
  0% {
    transform: rotateX(16deg) rotateY(-18deg);
  }
  50% {
    transform: rotateX(18deg) rotateY(18deg);
  }
  100% {
    transform: rotateX(16deg) rotateY(-18deg);
  }
}

.card-6__layer {
  position: absolute;
  font-weight: 900;
  font-size: 108px;
  letter-spacing: -6px;
  line-height: 1;

  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.7);

  background: linear-gradient(
    90deg,
    rgba(0, 123, 255, 0.18) 0%,
    rgba(0, 123, 255, 0.92) 35%,
    rgba(0, 180, 255, 0.7) 60%,
    rgba(0, 123, 255, 0.22) 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;

  filter: drop-shadow(0 10px 22px rgba(0, 0, 0, 0.55));
  opacity: 0.95;
  transform-style: preserve-3d;
}

.card-6__layer--back {
  opacity: 0.18;
  filter: blur(1px);
  transform: translateZ(-70px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.45);
}
.card-6__layer--mid {
  opacity: 0.42;
  filter: blur(0.4px);
  transform: translateZ(-34px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.55);
}
.card-6__layer--front {
  opacity: 0.98;
  transform: translateZ(0px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.78);
}

.card-6__holo::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 26px;
  background: radial-gradient(
    circle at 40% 35%,
    rgba(0, 123, 255, 0.14),
    rgba(0, 0, 0, 0) 62%
  );
  filter: blur(8px);
  opacity: 0.9;
  transform: translateZ(-80px);
}

.card-6__holo::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 26px;
  border: 1px solid rgba(0, 123, 255, 0.16);
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.05),
    rgba(255, 255, 255, 0.01) 45%,
    rgba(0, 0, 0, 0)
  );
  opacity: 0.55;
  transform: translateZ(-45px);
}

@media (max-width: 600px) {
  .card-6__holo {
    width: 128px;
    height: 128px;
    border-radius: 24px;
  }
  .card-6__layer {
    font-size: 96px;
    letter-spacing: -5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .card-6__holo {
    animation: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4d83987 *//* From Uiverse.io by Thomas-Cabrit */ 
.card-6 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  perspective: 900px;
  margin: 34px 0;
}

.card-6__holo {
  position: relative;
  width: 140px;
  height: 140px;
  border-radius: 26px;
  transform-style: preserve-3d;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  animation: card6-wobble 6.2s ease-in-out infinite;
}

@keyframes card6-wobble {
  0% {
    transform: rotateX(16deg) rotateY(-18deg);
  }
  50% {
    transform: rotateX(18deg) rotateY(18deg);
  }
  100% {
    transform: rotateX(16deg) rotateY(-18deg);
  }
}

.card-6__layer {
  position: absolute;
  font-weight: 900;
  font-size: 108px;
  letter-spacing: -6px;
  line-height: 1;

  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.7);

  background: linear-gradient(
    90deg,
    rgba(0, 123, 255, 0.18) 0%,
    rgba(0, 123, 255, 0.92) 35%,
    rgba(0, 180, 255, 0.7) 60%,
    rgba(0, 123, 255, 0.22) 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;

  filter: drop-shadow(0 10px 22px rgba(0, 0, 0, 0.55));
  opacity: 0.95;
  transform-style: preserve-3d;
}

.card-6__layer--back {
  opacity: 0.18;
  filter: blur(1px);
  transform: translateZ(-70px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.45);
}
.card-6__layer--mid {
  opacity: 0.42;
  filter: blur(0.4px);
  transform: translateZ(-34px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.55);
}
.card-6__layer--front {
  opacity: 0.98;
  transform: translateZ(0px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.78);
}

.card-6__holo::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 26px;
  background: radial-gradient(
    circle at 40% 35%,
    rgba(0, 123, 255, 0.14),
    rgba(0, 0, 0, 0) 62%
  );
  filter: blur(8px);
  opacity: 0.9;
  transform: translateZ(-80px);
}

.card-6__holo::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 26px;
  border: 1px solid rgba(0, 123, 255, 0.16);
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.05),
    rgba(255, 255, 255, 0.01) 45%,
    rgba(0, 0, 0, 0)
  );
  opacity: 0.55;
  transform: translateZ(-45px);
}

@media (max-width: 600px) {
  .card-6__holo {
    width: 128px;
    height: 128px;
    border-radius: 24px;
  }
  .card-6__layer {
    font-size: 96px;
    letter-spacing: -5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .card-6__holo {
    animation: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f195ad0 *//* From Uiverse.io by Thomas-Cabrit */ 
.card-6 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  perspective: 900px;
  margin: 34px 0;
}

.card-6__holo {
  position: relative;
  width: 140px;
  height: 140px;
  border-radius: 26px;
  transform-style: preserve-3d;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  animation: card6-wobble 6.2s ease-in-out infinite;
}

@keyframes card6-wobble {
  0% {
    transform: rotateX(16deg) rotateY(-18deg);
  }
  50% {
    transform: rotateX(18deg) rotateY(18deg);
  }
  100% {
    transform: rotateX(16deg) rotateY(-18deg);
  }
}

.card-6__layer {
  position: absolute;
  font-weight: 900;
  font-size: 108px;
  letter-spacing: -6px;
  line-height: 1;

  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.7);

  background: linear-gradient(
    90deg,
    rgba(0, 123, 255, 0.18) 0%,
    rgba(0, 123, 255, 0.92) 35%,
    rgba(0, 180, 255, 0.7) 60%,
    rgba(0, 123, 255, 0.22) 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;

  filter: drop-shadow(0 10px 22px rgba(0, 0, 0, 0.55));
  opacity: 0.95;
  transform-style: preserve-3d;
}

.card-6__layer--back {
  opacity: 0.18;
  filter: blur(1px);
  transform: translateZ(-70px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.45);
}
.card-6__layer--mid {
  opacity: 0.42;
  filter: blur(0.4px);
  transform: translateZ(-34px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.55);
}
.card-6__layer--front {
  opacity: 0.98;
  transform: translateZ(0px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.78);
}

.card-6__holo::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 26px;
  background: radial-gradient(
    circle at 40% 35%,
    rgba(0, 123, 255, 0.14),
    rgba(0, 0, 0, 0) 62%
  );
  filter: blur(8px);
  opacity: 0.9;
  transform: translateZ(-80px);
}

.card-6__holo::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 26px;
  border: 1px solid rgba(0, 123, 255, 0.16);
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.05),
    rgba(255, 255, 255, 0.01) 45%,
    rgba(0, 0, 0, 0)
  );
  opacity: 0.55;
  transform: translateZ(-45px);
}

@media (max-width: 600px) {
  .card-6__holo {
    width: 128px;
    height: 128px;
    border-radius: 24px;
  }
  .card-6__layer {
    font-size: 96px;
    letter-spacing: -5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .card-6__holo {
    animation: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-85360d4 *//* From Uiverse.io by Thomas-Cabrit */ 
.card-6 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  perspective: 900px;
  margin: 34px 0;
}

.card-6__holo {
  position: relative;
  width: 140px;
  height: 140px;
  border-radius: 26px;
  transform-style: preserve-3d;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  animation: card6-wobble 6.2s ease-in-out infinite;
}

@keyframes card6-wobble {
  0% {
    transform: rotateX(16deg) rotateY(-18deg);
  }
  50% {
    transform: rotateX(18deg) rotateY(18deg);
  }
  100% {
    transform: rotateX(16deg) rotateY(-18deg);
  }
}

.card-6__layer {
  position: absolute;
  font-weight: 900;
  font-size: 108px;
  letter-spacing: -6px;
  line-height: 1;

  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.7);

  background: linear-gradient(
    90deg,
    rgba(0, 123, 255, 0.18) 0%,
    rgba(0, 123, 255, 0.92) 35%,
    rgba(0, 180, 255, 0.7) 60%,
    rgba(0, 123, 255, 0.22) 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;

  filter: drop-shadow(0 10px 22px rgba(0, 0, 0, 0.55));
  opacity: 0.95;
  transform-style: preserve-3d;
}

.card-6__layer--back {
  opacity: 0.18;
  filter: blur(1px);
  transform: translateZ(-70px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.45);
}
.card-6__layer--mid {
  opacity: 0.42;
  filter: blur(0.4px);
  transform: translateZ(-34px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.55);
}
.card-6__layer--front {
  opacity: 0.98;
  transform: translateZ(0px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.78);
}

.card-6__holo::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 26px;
  background: radial-gradient(
    circle at 40% 35%,
    rgba(0, 123, 255, 0.14),
    rgba(0, 0, 0, 0) 62%
  );
  filter: blur(8px);
  opacity: 0.9;
  transform: translateZ(-80px);
}

.card-6__holo::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 26px;
  border: 1px solid rgba(0, 123, 255, 0.16);
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.05),
    rgba(255, 255, 255, 0.01) 45%,
    rgba(0, 0, 0, 0)
  );
  opacity: 0.55;
  transform: translateZ(-45px);
}

@media (max-width: 600px) {
  .card-6__holo {
    width: 128px;
    height: 128px;
    border-radius: 24px;
  }
  .card-6__layer {
    font-size: 96px;
    letter-spacing: -5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .card-6__holo {
    animation: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bf27b40 *//* From Uiverse.io by Thomas-Cabrit */ 
.card-6 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  perspective: 900px;
  margin: 34px 0;
}

.card-6__holo {
  position: relative;
  width: 140px;
  height: 140px;
  border-radius: 26px;
  transform-style: preserve-3d;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  animation: card6-wobble 6.2s ease-in-out infinite;
}

@keyframes card6-wobble {
  0% {
    transform: rotateX(16deg) rotateY(-18deg);
  }
  50% {
    transform: rotateX(18deg) rotateY(18deg);
  }
  100% {
    transform: rotateX(16deg) rotateY(-18deg);
  }
}

.card-6__layer {
  position: absolute;
  font-weight: 900;
  font-size: 108px;
  letter-spacing: -6px;
  line-height: 1;

  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.7);

  background: linear-gradient(
    90deg,
    rgba(0, 123, 255, 0.18) 0%,
    rgba(0, 123, 255, 0.92) 35%,
    rgba(0, 180, 255, 0.7) 60%,
    rgba(0, 123, 255, 0.22) 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;

  filter: drop-shadow(0 10px 22px rgba(0, 0, 0, 0.55));
  opacity: 0.95;
  transform-style: preserve-3d;
}

.card-6__layer--back {
  opacity: 0.18;
  filter: blur(1px);
  transform: translateZ(-70px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.45);
}
.card-6__layer--mid {
  opacity: 0.42;
  filter: blur(0.4px);
  transform: translateZ(-34px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.55);
}
.card-6__layer--front {
  opacity: 0.98;
  transform: translateZ(0px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.78);
}

.card-6__holo::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 26px;
  background: radial-gradient(
    circle at 40% 35%,
    rgba(0, 123, 255, 0.14),
    rgba(0, 0, 0, 0) 62%
  );
  filter: blur(8px);
  opacity: 0.9;
  transform: translateZ(-80px);
}

.card-6__holo::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 26px;
  border: 1px solid rgba(0, 123, 255, 0.16);
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.05),
    rgba(255, 255, 255, 0.01) 45%,
    rgba(0, 0, 0, 0)
  );
  opacity: 0.55;
  transform: translateZ(-45px);
}

@media (max-width: 600px) {
  .card-6__holo {
    width: 128px;
    height: 128px;
    border-radius: 24px;
  }
  .card-6__layer {
    font-size: 96px;
    letter-spacing: -5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .card-6__holo {
    animation: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-71383ff *//* From Uiverse.io by Thomas-Cabrit */ 
.card-6 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  perspective: 900px;
  margin: 34px 0;
}

.card-6__holo {
  position: relative;
  width: 140px;
  height: 140px;
  border-radius: 26px;
  transform-style: preserve-3d;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  animation: card6-wobble 6.2s ease-in-out infinite;
}

@keyframes card6-wobble {
  0% {
    transform: rotateX(16deg) rotateY(-18deg);
  }
  50% {
    transform: rotateX(18deg) rotateY(18deg);
  }
  100% {
    transform: rotateX(16deg) rotateY(-18deg);
  }
}

.card-6__layer {
  position: absolute;
  font-weight: 900;
  font-size: 108px;
  letter-spacing: -6px;
  line-height: 1;

  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.7);

  background: linear-gradient(
    90deg,
    rgba(0, 123, 255, 0.18) 0%,
    rgba(0, 123, 255, 0.92) 35%,
    rgba(0, 180, 255, 0.7) 60%,
    rgba(0, 123, 255, 0.22) 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;

  filter: drop-shadow(0 10px 22px rgba(0, 0, 0, 0.55));
  opacity: 0.95;
  transform-style: preserve-3d;
}

.card-6__layer--back {
  opacity: 0.18;
  filter: blur(1px);
  transform: translateZ(-70px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.45);
}
.card-6__layer--mid {
  opacity: 0.42;
  filter: blur(0.4px);
  transform: translateZ(-34px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.55);
}
.card-6__layer--front {
  opacity: 0.98;
  transform: translateZ(0px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.78);
}

.card-6__holo::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 26px;
  background: radial-gradient(
    circle at 40% 35%,
    rgba(0, 123, 255, 0.14),
    rgba(0, 0, 0, 0) 62%
  );
  filter: blur(8px);
  opacity: 0.9;
  transform: translateZ(-80px);
}

.card-6__holo::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 26px;
  border: 1px solid rgba(0, 123, 255, 0.16);
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.05),
    rgba(255, 255, 255, 0.01) 45%,
    rgba(0, 0, 0, 0)
  );
  opacity: 0.55;
  transform: translateZ(-45px);
}

@media (max-width: 600px) {
  .card-6__holo {
    width: 128px;
    height: 128px;
    border-radius: 24px;
  }
  .card-6__layer {
    font-size: 96px;
    letter-spacing: -5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .card-6__holo {
    animation: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fe1dc9a *//* From Uiverse.io by Thomas-Cabrit */ 
.card-6 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  perspective: 900px;
  margin: 34px 0;
}

.card-6__holo {
  position: relative;
  width: 140px;
  height: 140px;
  border-radius: 26px;
  transform-style: preserve-3d;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  animation: card6-wobble 6.2s ease-in-out infinite;
}

@keyframes card6-wobble {
  0% {
    transform: rotateX(16deg) rotateY(-18deg);
  }
  50% {
    transform: rotateX(18deg) rotateY(18deg);
  }
  100% {
    transform: rotateX(16deg) rotateY(-18deg);
  }
}

.card-6__layer {
  position: absolute;
  font-weight: 900;
  font-size: 108px;
  letter-spacing: -6px;
  line-height: 1;

  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.7);

  background: linear-gradient(
    90deg,
    rgba(0, 123, 255, 0.18) 0%,
    rgba(0, 123, 255, 0.92) 35%,
    rgba(0, 180, 255, 0.7) 60%,
    rgba(0, 123, 255, 0.22) 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;

  filter: drop-shadow(0 10px 22px rgba(0, 0, 0, 0.55));
  opacity: 0.95;
  transform-style: preserve-3d;
}

.card-6__layer--back {
  opacity: 0.18;
  filter: blur(1px);
  transform: translateZ(-70px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.45);
}
.card-6__layer--mid {
  opacity: 0.42;
  filter: blur(0.4px);
  transform: translateZ(-34px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.55);
}
.card-6__layer--front {
  opacity: 0.98;
  transform: translateZ(0px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.78);
}

.card-6__holo::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 26px;
  background: radial-gradient(
    circle at 40% 35%,
    rgba(0, 123, 255, 0.14),
    rgba(0, 0, 0, 0) 62%
  );
  filter: blur(8px);
  opacity: 0.9;
  transform: translateZ(-80px);
}

.card-6__holo::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 26px;
  border: 1px solid rgba(0, 123, 255, 0.16);
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.05),
    rgba(255, 255, 255, 0.01) 45%,
    rgba(0, 0, 0, 0)
  );
  opacity: 0.55;
  transform: translateZ(-45px);
}

@media (max-width: 600px) {
  .card-6__holo {
    width: 128px;
    height: 128px;
    border-radius: 24px;
  }
  .card-6__layer {
    font-size: 96px;
    letter-spacing: -5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .card-6__holo {
    animation: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-87d6b9e *//* From Uiverse.io by Thomas-Cabrit */ 
.card-6 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  perspective: 900px;
  margin: 34px 0;
}

.card-6__holo {
  position: relative;
  width: 140px;
  height: 140px;
  border-radius: 26px;
  transform-style: preserve-3d;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  animation: card6-wobble 6.2s ease-in-out infinite;
}

@keyframes card6-wobble {
  0% {
    transform: rotateX(16deg) rotateY(-18deg);
  }
  50% {
    transform: rotateX(18deg) rotateY(18deg);
  }
  100% {
    transform: rotateX(16deg) rotateY(-18deg);
  }
}

.card-6__layer {
  position: absolute;
  font-weight: 900;
  font-size: 108px;
  letter-spacing: -6px;
  line-height: 1;

  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.7);

  background: linear-gradient(
    90deg,
    rgba(0, 123, 255, 0.18) 0%,
    rgba(0, 123, 255, 0.92) 35%,
    rgba(0, 180, 255, 0.7) 60%,
    rgba(0, 123, 255, 0.22) 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;

  filter: drop-shadow(0 10px 22px rgba(0, 0, 0, 0.55));
  opacity: 0.95;
  transform-style: preserve-3d;
}

.card-6__layer--back {
  opacity: 0.18;
  filter: blur(1px);
  transform: translateZ(-70px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.45);
}
.card-6__layer--mid {
  opacity: 0.42;
  filter: blur(0.4px);
  transform: translateZ(-34px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.55);
}
.card-6__layer--front {
  opacity: 0.98;
  transform: translateZ(0px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.78);
}

.card-6__holo::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 26px;
  background: radial-gradient(
    circle at 40% 35%,
    rgba(0, 123, 255, 0.14),
    rgba(0, 0, 0, 0) 62%
  );
  filter: blur(8px);
  opacity: 0.9;
  transform: translateZ(-80px);
}

.card-6__holo::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 26px;
  border: 1px solid rgba(0, 123, 255, 0.16);
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.05),
    rgba(255, 255, 255, 0.01) 45%,
    rgba(0, 0, 0, 0)
  );
  opacity: 0.55;
  transform: translateZ(-45px);
}

@media (max-width: 600px) {
  .card-6__holo {
    width: 128px;
    height: 128px;
    border-radius: 24px;
  }
  .card-6__layer {
    font-size: 96px;
    letter-spacing: -5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .card-6__holo {
    animation: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3c79a4b *//* From Uiverse.io by Thomas-Cabrit */ 
.card-6 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  perspective: 900px;
  margin: 34px 0;
}

.card-6__holo {
  position: relative;
  width: 140px;
  height: 140px;
  border-radius: 26px;
  transform-style: preserve-3d;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  animation: card6-wobble 6.2s ease-in-out infinite;
}

@keyframes card6-wobble {
  0% {
    transform: rotateX(16deg) rotateY(-18deg);
  }
  50% {
    transform: rotateX(18deg) rotateY(18deg);
  }
  100% {
    transform: rotateX(16deg) rotateY(-18deg);
  }
}

.card-6__layer {
  position: absolute;
  font-weight: 900;
  font-size: 108px;
  letter-spacing: -6px;
  line-height: 1;

  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.7);

  background: linear-gradient(
    90deg,
    rgba(0, 123, 255, 0.18) 0%,
    rgba(0, 123, 255, 0.92) 35%,
    rgba(0, 180, 255, 0.7) 60%,
    rgba(0, 123, 255, 0.22) 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;

  filter: drop-shadow(0 10px 22px rgba(0, 0, 0, 0.55));
  opacity: 0.95;
  transform-style: preserve-3d;
}

.card-6__layer--back {
  opacity: 0.18;
  filter: blur(1px);
  transform: translateZ(-70px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.45);
}
.card-6__layer--mid {
  opacity: 0.42;
  filter: blur(0.4px);
  transform: translateZ(-34px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.55);
}
.card-6__layer--front {
  opacity: 0.98;
  transform: translateZ(0px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.78);
}

.card-6__holo::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 26px;
  background: radial-gradient(
    circle at 40% 35%,
    rgba(0, 123, 255, 0.14),
    rgba(0, 0, 0, 0) 62%
  );
  filter: blur(8px);
  opacity: 0.9;
  transform: translateZ(-80px);
}

.card-6__holo::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 26px;
  border: 1px solid rgba(0, 123, 255, 0.16);
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.05),
    rgba(255, 255, 255, 0.01) 45%,
    rgba(0, 0, 0, 0)
  );
  opacity: 0.55;
  transform: translateZ(-45px);
}

@media (max-width: 600px) {
  .card-6__holo {
    width: 128px;
    height: 128px;
    border-radius: 24px;
  }
  .card-6__layer {
    font-size: 96px;
    letter-spacing: -5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .card-6__holo {
    animation: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1d075c5 *//* From Uiverse.io by Thomas-Cabrit */ 
.card-6 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  perspective: 900px;
  margin: 34px 0;
}

.card-6__holo {
  position: relative;
  width: 140px;
  height: 140px;
  border-radius: 26px;
  transform-style: preserve-3d;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  animation: card6-wobble 6.2s ease-in-out infinite;
}

@keyframes card6-wobble {
  0% {
    transform: rotateX(16deg) rotateY(-18deg);
  }
  50% {
    transform: rotateX(18deg) rotateY(18deg);
  }
  100% {
    transform: rotateX(16deg) rotateY(-18deg);
  }
}

.card-6__layer {
  position: absolute;
  font-weight: 900;
  font-size: 108px;
  letter-spacing: -6px;
  line-height: 1;

  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.7);

  background: linear-gradient(
    90deg,
    rgba(0, 123, 255, 0.18) 0%,
    rgba(0, 123, 255, 0.92) 35%,
    rgba(0, 180, 255, 0.7) 60%,
    rgba(0, 123, 255, 0.22) 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;

  filter: drop-shadow(0 10px 22px rgba(0, 0, 0, 0.55));
  opacity: 0.95;
  transform-style: preserve-3d;
}

.card-6__layer--back {
  opacity: 0.18;
  filter: blur(1px);
  transform: translateZ(-70px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.45);
}
.card-6__layer--mid {
  opacity: 0.42;
  filter: blur(0.4px);
  transform: translateZ(-34px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.55);
}
.card-6__layer--front {
  opacity: 0.98;
  transform: translateZ(0px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.78);
}

.card-6__holo::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 26px;
  background: radial-gradient(
    circle at 40% 35%,
    rgba(0, 123, 255, 0.14),
    rgba(0, 0, 0, 0) 62%
  );
  filter: blur(8px);
  opacity: 0.9;
  transform: translateZ(-80px);
}

.card-6__holo::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 26px;
  border: 1px solid rgba(0, 123, 255, 0.16);
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.05),
    rgba(255, 255, 255, 0.01) 45%,
    rgba(0, 0, 0, 0)
  );
  opacity: 0.55;
  transform: translateZ(-45px);
}

@media (max-width: 600px) {
  .card-6__holo {
    width: 128px;
    height: 128px;
    border-radius: 24px;
  }
  .card-6__layer {
    font-size: 96px;
    letter-spacing: -5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .card-6__holo {
    animation: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6dc3178 *//* From Uiverse.io by Thomas-Cabrit */ 
.card-6 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  perspective: 900px;
  margin: 34px 0;
}

.card-6__holo {
  position: relative;
  width: 140px;
  height: 140px;
  border-radius: 26px;
  transform-style: preserve-3d;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  animation: card6-wobble 6.2s ease-in-out infinite;
}

@keyframes card6-wobble {
  0% {
    transform: rotateX(16deg) rotateY(-18deg);
  }
  50% {
    transform: rotateX(18deg) rotateY(18deg);
  }
  100% {
    transform: rotateX(16deg) rotateY(-18deg);
  }
}

.card-6__layer {
  position: absolute;
  font-weight: 900;
  font-size: 108px;
  letter-spacing: -6px;
  line-height: 1;

  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.7);

  background: linear-gradient(
    90deg,
    rgba(0, 123, 255, 0.18) 0%,
    rgba(0, 123, 255, 0.92) 35%,
    rgba(0, 180, 255, 0.7) 60%,
    rgba(0, 123, 255, 0.22) 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;

  filter: drop-shadow(0 10px 22px rgba(0, 0, 0, 0.55));
  opacity: 0.95;
  transform-style: preserve-3d;
}

.card-6__layer--back {
  opacity: 0.18;
  filter: blur(1px);
  transform: translateZ(-70px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.45);
}
.card-6__layer--mid {
  opacity: 0.42;
  filter: blur(0.4px);
  transform: translateZ(-34px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.55);
}
.card-6__layer--front {
  opacity: 0.98;
  transform: translateZ(0px);
  -webkit-text-stroke: 1px rgba(0, 123, 255, 0.78);
}

.card-6__holo::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 26px;
  background: radial-gradient(
    circle at 40% 35%,
    rgba(0, 123, 255, 0.14),
    rgba(0, 0, 0, 0) 62%
  );
  filter: blur(8px);
  opacity: 0.9;
  transform: translateZ(-80px);
}

.card-6__holo::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 26px;
  border: 1px solid rgba(0, 123, 255, 0.16);
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.05),
    rgba(255, 255, 255, 0.01) 45%,
    rgba(0, 0, 0, 0)
  );
  opacity: 0.55;
  transform: translateZ(-45px);
}

@media (max-width: 600px) {
  .card-6__holo {
    width: 128px;
    height: 128px;
    border-radius: 24px;
  }
  .card-6__layer {
    font-size: 96px;
    letter-spacing: -5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .card-6__holo {
    animation: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a9eda9e *//* From Uiverse.io by Spacious74 */ 
.outer {
  width: 300px;
  height: 250px;
  border-radius: 10px;
  padding: 1px;
  background: radial-gradient(circle 230px at 0% 0%, #ffffff, #0c0d0d);
  position: relative;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.dot {
  width: 5px;
  aspect-ratio: 1;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px #ffffff;
  border-radius: 100px;
  z-index: 2;
  right: 10%;
  top: 10%;
  animation: moveDot 6s linear infinite;
}

@keyframes moveDot {
  0%,
  100% {
    top: 10%;
    right: 10%;
  }
  25% {
    top: 10%;
    right: calc(100% - 35px);
  }
  50% {
    top: calc(100% - 30px);
    right: calc(100% - 35px);
  }
  75% {
    top: calc(100% - 30px);
    right: 10%;
  }
}

.card {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  border: solid 1px #202222;
  background-size: 20px 20px;
  background: radial-gradient(circle 280px at 0% 0%, #444444, #0c0d0d);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  color: #fff;
}
.ray {
  width: 220px;
  height: 45px;
  border-radius: 100px;
  position: absolute;
  background-color: #c7c7c7;
  opacity: 0.4;
  box-shadow: 0 0 50px #fff;
  filter: blur(10px);
  transform-origin: 10%;
  top: 0%;
  left: 0;
  transform: rotate(40deg);
}

.card .text {
  font-weight: bolder;
  font-size: 4rem;
  background: linear-gradient(45deg, #000000 4%, #fff, #000);
  background-clip: text;
  color: transparent;
}

.line {
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #2c2c2c;
}
.topl {
  top: 10%;
  background: linear-gradient(90deg, #888888 30%, #1d1f1f 70%);
}
.bottoml {
  bottom: 10%;
}
.leftl {
  left: 10%;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #747474 30%, #222424 70%);
}
.rightl {
  right: 10%;
  width: 1px;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c03ed4a *//* From Uiverse.io by Spacious74 */ 
.outer {
  width: 300px;
  height: 250px;
  border-radius: 10px;
  padding: 1px;
  background: radial-gradient(circle 230px at 0% 0%, #ffffff, #0c0d0d);
  position: relative;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.dot {
  width: 5px;
  aspect-ratio: 1;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px #ffffff;
  border-radius: 100px;
  z-index: 2;
  right: 10%;
  top: 10%;
  animation: moveDot 6s linear infinite;
}

@keyframes moveDot {
  0%,
  100% {
    top: 10%;
    right: 10%;
  }
  25% {
    top: 10%;
    right: calc(100% - 35px);
  }
  50% {
    top: calc(100% - 30px);
    right: calc(100% - 35px);
  }
  75% {
    top: calc(100% - 30px);
    right: 10%;
  }
}

.card {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  border: solid 1px #202222;
  background-size: 20px 20px;
  background: radial-gradient(circle 280px at 0% 0%, #444444, #0c0d0d);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  color: #fff;
}
.ray {
  width: 220px;
  height: 45px;
  border-radius: 100px;
  position: absolute;
  background-color: #c7c7c7;
  opacity: 0.4;
  box-shadow: 0 0 50px #fff;
  filter: blur(10px);
  transform-origin: 10%;
  top: 0%;
  left: 0;
  transform: rotate(40deg);
}

.card .text {
  font-weight: bolder;
  font-size: 4rem;
  background: linear-gradient(45deg, #000000 4%, #fff, #000);
  background-clip: text;
  color: transparent;
}

.line {
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #2c2c2c;
}
.topl {
  top: 10%;
  background: linear-gradient(90deg, #888888 30%, #1d1f1f 70%);
}
.bottoml {
  bottom: 10%;
}
.leftl {
  left: 10%;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #747474 30%, #222424 70%);
}
.rightl {
  right: 10%;
  width: 1px;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-11cea33 *//* From Uiverse.io by Spacious74 */ 
.outer {
  width: 300px;
  height: 250px;
  border-radius: 10px;
  padding: 1px;
  background: radial-gradient(circle 230px at 0% 0%, #ffffff, #0c0d0d);
  position: relative;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.dot {
  width: 5px;
  aspect-ratio: 1;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px #ffffff;
  border-radius: 100px;
  z-index: 2;
  right: 10%;
  top: 10%;
  animation: moveDot 6s linear infinite;
}

@keyframes moveDot {
  0%,
  100% {
    top: 10%;
    right: 10%;
  }
  25% {
    top: 10%;
    right: calc(100% - 35px);
  }
  50% {
    top: calc(100% - 30px);
    right: calc(100% - 35px);
  }
  75% {
    top: calc(100% - 30px);
    right: 10%;
  }
}

.card {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  border: solid 1px #202222;
  background-size: 20px 20px;
  background: radial-gradient(circle 280px at 0% 0%, #444444, #0c0d0d);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  color: #fff;
}
.ray {
  width: 220px;
  height: 45px;
  border-radius: 100px;
  position: absolute;
  background-color: #c7c7c7;
  opacity: 0.4;
  box-shadow: 0 0 50px #fff;
  filter: blur(10px);
  transform-origin: 10%;
  top: 0%;
  left: 0;
  transform: rotate(40deg);
}

.card .text {
  font-weight: bolder;
  font-size: 4rem;
  background: linear-gradient(45deg, #000000 4%, #fff, #000);
  background-clip: text;
  color: transparent;
}

.line {
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #2c2c2c;
}
.topl {
  top: 10%;
  background: linear-gradient(90deg, #888888 30%, #1d1f1f 70%);
}
.bottoml {
  bottom: 10%;
}
.leftl {
  left: 10%;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #747474 30%, #222424 70%);
}
.rightl {
  right: 10%;
  width: 1px;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7ae1be7 *//* From Uiverse.io by SouravBandyopadhyay */ 


.notification {
  display: flex;
  flex-direction: column;
  isolation: isolate;
  position: relative;
  width: 880px;
  height: 8rem;
  background: #29292c;
  border-radius: 1rem;
  overflow: hidden;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  font-size: 16px;
  --gradient: linear-gradient(to bottom, #2eadff, #3d83ff, #7e61ff);
  --color: #2eadff;
}

.notification:before {
  position: absolute;
  content: "";
  inset: 0.0625rem;
  border-radius: 0.9375rem;
  background: #18181b;
  z-index: 2
}

.notification:after {
  position: absolute;
  content: "";
  width: 0.25rem;
  inset: 0.65rem auto 0.65rem 0.5rem;
  border-radius: 0.125rem;
  background: var(--gradient);
  transition: transform 300ms ease;
  z-index: 4;
}

.notification:hover:after {
  transform: translateX(0.15rem)
}

.notititle {
  color: var(--color);
  padding: 0.65rem 0.25rem 0.4rem 1.25rem;
  font-weight: 500;
  font-size: 40px;
  transition: transform 300ms ease;
  z-index: 5;
  text-align: center;
   
}

.notification:hover .notititle {
  transform: translateX(0.15rem)
}

.notibody {
  color: #99999d;
  padding: 0 1.25rem;
  transition: transform 300ms ease;
  z-index: 5;
  font-size: 25px;
  text-align: center;
  /* font-family: "yekanbakh";*/
}

.notification:hover .notibody {
  transform: translateX(0.25rem)
}

.notiglow,
.notiborderglow {
  position: absolute;
  width: 20rem;
  height: 20rem;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle closest-side at center, white, transparent);
  opacity: 0;
  transition: opacity 300ms ease;
}

.notiglow {
  z-index: 3;
}

.notiborderglow {
  z-index: 1;
}

.notification:hover .notiglow {
  opacity: 0.1
}

.notification:hover .notiborderglow {
  opacity: 0.1
}

.note {
  color: var(--color);
  position: fixed;
  top: 80%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font-size: 0.9rem;
  width: 75%;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'تت';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://ichat.azad-mall.ir/wp-content/uploads/2026/05/YekanBakhFaNum-VF.woff') format('woff');
}
@font-face {
	font-family: 'تت';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: ;
}
/* End Custom Fonts CSS */