Text Shadow Script & css

<script>
    document.querySelectorAll('.text-shadow .elementor-heading-title ').forEach((el) => {
  const text = el.textContent.trim();
  el.setAttribute('data-text', text); 
});
</script>
  <style>
      .text-shadow  .elementor-heading-title {
  position: relative; 
}

    .text-shadow  .elementor-heading-title:before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
    font-size: 50px;
  color: transparent;
  -webkit-text-stroke: 2px #FFF; 
  text-stroke: 3px #FFF; 
transform: translate(8px, -15px);
  opacity: 0.15;
  
}
@media (max-width: 1024px) {
.text-shadow .elementor-heading-title:before {
    font-size: 40px;
}
}

@media (max-width: 767px) {
.text-shadow .elementor-heading-title:before {
    font-size: 40px;
}
}
 
 </style>