/**
 * Theme Name:     Hello Elementor Child
 * Author:         Riofos Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */
  

 body {
  font-family: 'Inter', sans-serif !important;
}

  /* Light Block */
    .lightBlock {
      position: fixed;
      pointer-events: none;
      top: 0;
      left: 0;
      display: block;
      width: 359px;
      height: 359px;
      background-color: #fff;
      border-radius: 50%;
      mix-blend-mode: overlay;
      filter: blur(141px);
      z-index: 6;
      transform: matrix(1, 0, 0, 1, -100, -100);
      opacity: 0;
      transition: opacity 1.2s ease;
    }
 .lightBlock_active {
      opacity: 1;
    }

.cursor-follow {
    position: fixed;
    left: 0; top: 0;
    width: 120px; height: 40px;          /* matches your SVG viewBox */
    pointer-events: none;
    z-index: 99999;
    mix-blend-mode: difference;          /* looks great on light/dark backgrounds; remove if not needed */
    opacity: 1;
    transform: translate3d(-9999px,-9999px,0) scale(1);
    will-change: transform;
    transition: opacity .25s ease;
  }
  .cursor-follow.is-hidden { opacity: 0; }

  /* Hover boost on interactive elements */
  a:hover ~ .cursor-follow,
  button:hover ~ .cursor-follow,
  [role="button"]:hover ~ .cursor-follow {
    /* this selector depends on DOM order; JS below already handles hover boost more reliably */
  }

  /* Optional: reduce on touch devices */
  @media (hover:none) and (pointer:coarse){
    .cursor-follow{ display:none; }
  }

circle {
     
      stroke-width: 0.5px;
      stroke-dasharray: 122; /* circumference approx: 2πr = 2*3.14*19.5 ≈ 122 */
      stroke-dashoffset: 0;
      transition: stroke-dashoffset 0.3s linear;
    }
 .is-pointer circle {
      stroke-dashoffset: 122; /* pura stroke hide ho jayega */
    }
    
    g {
  opacity: 1;
  transition: opacity 0.3s ease; /* opacity ke liye transition */
}

.is-pointer g {
  opacity: 0;
  transition-delay: 0.3s; /* stroke ke transition complete hone ke baad hi chalega */
  
}


.custom-bounce {
  animation: bounce 1s infinite;
}

@keyframes bounce {
  0%, 100% {
    transform: translate(-50%, 0);
  }
  50% {
    transform: translate(-50%, -25%);
  }
}

/* Contact Form Inputs Styling */
.cf-input {
  width: 100%;
  padding: 12px 16px;
  background-color: #1e1e1e;      /* dark input background */
  border: 1px solid #c7c5c5 !important;
  border-radius: 6px;
  color: #fff;                    /* text white */
  font-size: 14px;
  outline: none;
  transition: 0.2s ease;
}

.cf-input::placeholder {
  color: #777;
}

.cf-input:focus {
  border-color: #10b981;          /* Tailwind green-500 */
}