.elementor-kit-9{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#F3F3F3;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.milestone {
  opacity: 0;
  transform: translateX(140px); /* 🔥 më larg */

  transition: 
    opacity 0.7s ease-out,
    transform 1s cubic-bezier(0.22, 1, 0.36, 1);

  will-change: transform, opacity;
}

.milestone.in-view {
  opacity: 1;
  transform: translateX(0);
}
@media (max-width: 768px) {
  .milestone {
    transform: translateX(70px);
    transition: 
      opacity 0.6s ease-out,
      transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  }
}



/*per butonin ne header*/

.header-cta {
    position: relative;
    display: inline-flex;
    align-items: center;

    width: 55px;
    height: 55px;

    border-radius: 50%;
    background: transparent;
    color: #fff;

    text-decoration: none;
    overflow: hidden;

    transition: width 0.5s cubic-bezier(.25,1,.5,1),
                border-radius 0.5s cubic-bezier(.25,1,.5,1),
                background 0.5s cubic-bezier(.25,1,.5,1);
}

/* TEXT */
.cta-text {
    position: absolute;
    left: 15px;

    font-family: 'Sora', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #fff;

    white-space: nowrap;

    opacity: 0;
    transform: translateX(-10px);
    
    transition: opacity 0.4s ease,
                transform 0.4s cubic-bezier(.25,1,.5,1);
}

/* CIRCLE */
.cta-circle {
    position: absolute;
    right: 6px;

    width: 43px;
    height: 43px;

    background: #ff5a2c;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;
}

/* SVG */
.cta-circle svg {
    width: 17px;
    height: 18px;

    transition: transform 0.4s cubic-bezier(.25,1,.5,1);
}

/* HOVER */
.header-cta:hover {
    width: 165px;
    border-radius: 999px;
    background: #0a0f21;
}

/* TEXT */
.header-cta:hover .cta-text {
    opacity: 1;
    transform: translateX(0);
}

.header-cta:hover .cta-circle {
    right: 6px; 
}

.header-cta:hover .cta-circle svg {
    transform: rotate(45deg) translateX(2px);
    color: #fff;
}

/*hero section butoni me animacion*/

.hero-cta {
    position: relative;
    display: inline-flex;
    align-items: center;

    width: 56px;
    height: 56px;

    border-radius: 50%;
    background: #FC6A3D; 

    text-decoration: none;
    overflow: hidden;

    transition: all 0.5s cubic-bezier(.25,1,.5,1);
    
    transform: translateZ(0);
    will-change: transform;
    backface-visibility: hidden;
}

/* TEXT */
.hero-text {
    position: absolute;
    left: 20px;
    font-family: 'Sora', sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 16px;
    white-space: nowrap;

    opacity: 0;
    transform: translateX(-10px);

    color: #fff;

    transition: all 0.4s cubic-bezier(.25,1,.5,1);
}

/* INNER DARK CIRCLE */
.hero-circle {
    position: absolute;
    right: 6px;

    width: 42px;
    height: 42px;

    background: #0a0f21;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    transition: all 0.5s cubic-bezier(.25,1,.5,1);
}

/* SVG */
.hero-circle svg {
    width: 18px;
    height: 18px;

    stroke: #fff;
    transition: transform 0.3s ease;
}

/* HOVER (EXACT FIGMA) */
.hero-cta:hover {
    width: 245px;
    height: 55px;
    border-radius: 999px;
}

/* TEXT SHOW */
.hero-cta:hover .hero-text {
    opacity: 1;
    transform: translateX(0);
}

/* ARROW MOVE */
.hero-cta:hover svg {
    transform: translateX(3px);
}/* End custom CSS */