.elementor-17 .elementor-element.elementor-element-06a79b9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--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-17 .elementor-element.elementor-element-06a79b9:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-06a79b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-98b1a90 .deensimc-scroll-text{font-family:"Inter", Sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:var( --e-global-color-accent );}.elementor-17 .elementor-element.elementor-element-98b1a90 .deensimc-text-wrapper svg{height:24px;width:24px;align-self:center;flex-shrink:0;}.elementor-17 .elementor-element.elementor-element-98b1a90 .deensimc-text-wrapper i{font-size:24px;align-self:center;flex-shrink:0;}.elementor-17 .elementor-element.elementor-element-98b1a90 .deensimc-text-wrapper{gap:8px;}.elementor-17 .elementor-element.elementor-element-57d50e6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-317e1d1{text-align:center;}.elementor-17 .elementor-element.elementor-element-317e1d1 .elementor-heading-title{font-family:"Clash Display", Sans-serif;font-size:7.5rem;font-weight:600;text-transform:uppercase;}.elementor-17 .elementor-element.elementor-element-7fe86ad{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-17 .elementor-element.elementor-element-8733fe8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-17 .elementor-element.elementor-element-8733fe8:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-8733fe8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.abeltocreate.com/wp-content/uploads/2026/04/san-antonio-graphic-designer-abel-bio-v1-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-17 .elementor-element.elementor-element-da1a4c6{--spacer-size:50px;}.elementor-17 .elementor-element.elementor-element-b7353f1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--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-17 .elementor-element.elementor-element-be901d2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:060px;--padding-bottom:060px;--padding-left:60px;--padding-right:60px;}.elementor-widget-counter .elementor-counter-number-wrapper{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );}.elementor-widget-counter .elementor-counter-title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-17 .elementor-element.elementor-element-2405529{width:initial;max-width:initial;padding:0px 0px 12px 0px;}.elementor-17 .elementor-element.elementor-element-2405529.elementor-element{--align-self:flex-end;}.elementor-17 .elementor-element.elementor-element-2405529 .elementor-counter-number-wrapper{font-family:"Clash Display", Sans-serif;font-size:7em;font-weight:600;text-transform:lowercase;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-17 .elementor-element.elementor-element-fa1ea74{--divider-border-style:solid;--divider-color:#232322;--divider-border-width:4px;}.elementor-17 .elementor-element.elementor-element-fa1ea74.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-17 .elementor-element.elementor-element-fa1ea74 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-17 .elementor-element.elementor-element-fa1ea74 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-17 .elementor-element.elementor-element-62d51ad{width:100%;max-width:100%;padding:0px 0px 12px 0px;}.elementor-17 .elementor-element.elementor-element-62d51ad .elementor-counter-number-wrapper{font-family:"Clash Display", Sans-serif;font-size:7em;font-weight:600;text-transform:lowercase;}.elementor-17 .elementor-element.elementor-element-ed17a80{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-end;--padding-top:0100px;--padding-bottom:100px;--padding-left:060px;--padding-right:060px;}.elementor-17 .elementor-element.elementor-element-97c4a99{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:end;}.elementor-17 .elementor-element.elementor-element-97c4a99 .elementor-heading-title{font-family:"Clash Display", Sans-serif;font-size:7em;font-weight:600;text-transform:uppercase;color:#2D59E2;}.elementor-17 .elementor-element.elementor-element-97c4a99 .elementor-heading-title a:hover, .elementor-17 .elementor-element.elementor-element-97c4a99 .elementor-heading-title a:focus{color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-739a3b0{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:end;}.elementor-17 .elementor-element.elementor-element-739a3b0 .elementor-heading-title{font-family:"Clash Display", Sans-serif;font-size:7em;font-weight:600;text-transform:uppercase;color:var( --e-global-color-secondary );}.elementor-17 .elementor-element.elementor-element-c800671{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:end;}.elementor-17 .elementor-element.elementor-element-c800671 .elementor-heading-title{font-family:"Clash Display", Sans-serif;font-size:7em;font-weight:600;text-transform:uppercase;color:var( --e-global-color-secondary );}.elementor-17 .elementor-element.elementor-element-e630328{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-17 .elementor-element.elementor-element-ce4e1bc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-17 .elementor-element.elementor-element-b164dde{padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-b164dde .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );color:var( --e-global-color-secondary );}.elementor-17 .elementor-element.elementor-element-043ca2b{padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-043ca2b .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );color:var( --e-global-color-secondary );}.elementor-17 .elementor-element.elementor-element-65bab47{padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-65bab47 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );color:var( --e-global-color-secondary );}.elementor-17 .elementor-element.elementor-element-ba54c86{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-17 .elementor-element.elementor-element-e15b51f .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-17 .elementor-element.elementor-element-e15b51f .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-17 .elementor-element.elementor-element-e15b51f .elementor-field-group.recaptcha_v3-bottomleft, .elementor-17 .elementor-element.elementor-element-e15b51f .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-17 .elementor-element.elementor-element-e15b51f .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-17 .elementor-element.elementor-element-e15b51f .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-17 .elementor-element.elementor-element-e15b51f .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-17 .elementor-element.elementor-element-e15b51f .elementor-field-group > label{font-family:"Inter", Sans-serif;font-weight:500;}.elementor-17 .elementor-element.elementor-element-e15b51f .elementor-field-type-html{padding-bottom:0px;}.elementor-17 .elementor-element.elementor-element-e15b51f .elementor-field-group .elementor-field, .elementor-17 .elementor-element.elementor-element-e15b51f .elementor-field-subgroup label{font-family:"Inter", Sans-serif;font-weight:500;}.elementor-17 .elementor-element.elementor-element-e15b51f .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:var( --e-global-color-secondary );border-width:0px 0px 02px 0px;border-radius:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-e15b51f .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:var( --e-global-color-secondary );border-width:0px 0px 02px 0px;border-radius:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-e15b51f .elementor-field-group .elementor-select-wrapper::before{color:var( --e-global-color-secondary );}.elementor-17 .elementor-element.elementor-element-e15b51f .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-17 .elementor-element.elementor-element-e15b51f .elementor-button[type="submit"]{color:#ffffff;}.elementor-17 .elementor-element.elementor-element-e15b51f .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-17 .elementor-element.elementor-element-e15b51f .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-17 .elementor-element.elementor-element-e15b51f .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-17 .elementor-element.elementor-element-e15b51f .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-17 .elementor-element.elementor-element-e15b51f .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-17 .elementor-element.elementor-element-e15b51f .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-17 .elementor-element.elementor-element-e15b51f{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}@media(min-width:768px){.elementor-17 .elementor-element.elementor-element-06a79b9{--content-width:100%;}.elementor-17 .elementor-element.elementor-element-57d50e6{--content-width:100%;}.elementor-17 .elementor-element.elementor-element-be901d2{--content-width:100%;}.elementor-17 .elementor-element.elementor-element-ed17a80{--content-width:100%;}.elementor-17 .elementor-element.elementor-element-ce4e1bc{--width:50%;}.elementor-17 .elementor-element.elementor-element-ba54c86{--width:50%;}}@media(max-width:1024px){.elementor-17 .elementor-element.elementor-element-fa1ea74 .elementor-divider-separator{width:100%;}}@media(max-width:767px){.elementor-17 .elementor-element.elementor-element-fa1ea74 .elementor-divider-separator{width:100%;}}/* Start custom CSS for container, class: .elementor-element-be901d2 */'use client';
import React from 'react';

import ImageMouseTrail from '@/components/ui/mousetrail';

const images = [
  'https://images.unsplash.com/photo-1709949908058-a08659bfa922?q=80&w=1200&auto=format',
  'https://images.unsplash.com/photo-1548192746-dd526f154ed9?q=80&w=1200&auto=format',
  'https://images.unsplash.com/photo-1693581176773-a5f2362209e6?q=80&w=1200&auto=format',
  'https://images.unsplash.com/photo-1584043204475-8cc101d6c77a?q=80&w=1200&auto=format',
  'https://images.unsplash.com/photo-1709949908058-a08659bfa922?q=80&w=1200&auto=format',
  'https://images.unsplash.com/photo-1518599904199-0ca897819ddb?q=80&w=1200&auto=format',
  'https://images.unsplash.com/photo-1706049379414-437ec3a54e93?q=80&w=1200&auto=format',
  'https://images.unsplash.com/photo-1709949908219-fd9046282019?q=80&w=1200&auto=format',
  'https://images.unsplash.com/photo-1508873881324-c92a3fc536ba?q=80&w=1200&auto=format',
];
export default function DefaultMousetrail() {
  return (
    <section>
      <ImageMouseTrail
        items={images}
        maxNumberOfImages={5}
        distance={25}
        imgClass='sm:w-40 w-28 sm:h-48 h-36'
      >
        <article className='relative z-50 mix-blend-difference'>
          <h1 className='lg:text-4xl md:text-3xl text-xl text-center font-semibold mix-blend-difference'>
            ✨ Experience Interactive Designs with <br />
            Dynamic Mouse Trails
          </h1>
        </article>
      </ImageMouseTrail>
    </section>
  );
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Clash Display';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://www.abeltocreate.com/wp-content/uploads/2026/04/ClashDisplay-Bold.woff') format('woff');
}
/* End Custom Fonts CSS */