.elementor-3465 .elementor-element.elementor-element-149ef8f{--display:flex;--min-height:100vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3465 .elementor-element.elementor-element-149ef8f:not(.elementor-motion-effects-element-type-background), .elementor-3465 .elementor-element.elementor-element-149ef8f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#181818;}.elementor-3465 .elementor-element.elementor-element-149ef8f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3465 .elementor-element.elementor-element-d039e3a{width:auto;max-width:auto;}.elementor-3465 .elementor-element.elementor-element-d039e3a > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3465 .elementor-element.elementor-element-d039e3a.elementor-element{--align-self:center;}.elementor-3465 .elementor-element.elementor-element-a1b03d1{width:100%;max-width:100%;}.elementor-3465 .elementor-element.elementor-element-a1b03d1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-3465 .elementor-element.elementor-element-149ef8f{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-d039e3a */@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-webkit-keyframes aitf {
	0% { background-position: 0% 50%; }
	100% { background-position: 100% 50%; }
}

.hero-t1{
    color: white;
    font-family: Unbounded;
    //font-size: 90px;
    font-size: clamp(2rem, 5vw + 1rem, 4rem);
}

.hero-t2{
    color: white;
    font-family: Unbounded;
    font-size: clamp(2rem, 2vw + 1rem, 4rem);
}

.hero-t3{
    font-family: Unbounded;
    font-size: clamp(9rem, 4vw + 1rem, 4rem);
    //font-size: 145px;
    line-height: 150px;
	background: linear-gradient(to right, #feac5e, #c779d0, #4bc0c8);
	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
	background-size: 400% 400%;
	animation: Gradient 15s ease infinite;
	z-index: 1;
	position:relative;
}

.hero-temoji{
    font-family: "Noto Color Emoji", Sans-serif;
    //font-size: 130px;
    font-size: clamp(8rem, 4vw + 1rem, 4rem);
}

.hero-temoji-2{
    font-family: "Noto Color Emoji", Sans-serif;
    font-size: clamp(4rem, 4vw + 1rem, 4rem);
}

.hero-cont {
  position: absolute;
  inset: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a1b03d1 */#gradient-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

.custom-cursor {
  position: fixed;
  width: 40px;
  height: 40px;
  border: 2px solid white;
  border-radius: 50%;
  pointer-events: none;
  z-index: 1000;
  transform: translate(-50%, -50%);
  transition: width 0.2s ease, height 0.2s ease, border-width 0.2s ease;
  background: transparent;
  will-change: transform;
}
.custom-cursor::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  background: white;
  border-radius: 50%;
}
body {
  cursor: none;
}

.custom-cursor.grow {
  width: 70px;
  height: 70px;
  border-width: 4px;
  background: rgba(255, 255, 255, 0.1); /* Optional: slight fill */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-149ef8f */.custom-cursor {
  position: fixed;
  width: 40px;
  height: 40px;
  border: 2px solid white;
  border-radius: 50%;
  pointer-events: none;
  z-index: 1000;
  transform: translate(-50%, -50%);
  transition: width 0.2s ease, height 0.2s ease, border-width 0.2s ease;
  background: transparent;
  will-change: transform;
}

.custom-cursor::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  background: white;
  border-radius: 50%;
}/* End custom CSS */