.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-6fd8f34:#FFFFFF;--e-global-color-d6c2812:#FD3F00;--e-global-color-e3a273b:#000000;--e-global-color-a2cd6b4:#202020;--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;}.elementor-kit-6 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 *//* =================================
   MAIN BUTTON
================================= */
.custom-icon-button .elementor-button {
    display: inline-flex;
    align-items: center;
    padding: 2px 15px 2px 2px !important;
    border-radius: 5px !important;
    overflow: hidden;
}

/* Button Content */
.custom-icon-button .elementor-button-content-wrapper {
    display: flex;
    align-items: center;
    gap: 22px;
}

/* =================================
   ICON BOX
================================= */
.custom-icon-button .elementor-button-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FF4500;
    border-radius: 10px;
    margin: 0 !important;
    color: #FFFFFF !important;
}

/* White Arrow */
.custom-icon-button .elementor-button-icon svg {
    fill: #FFFFFF !important;
}

.custom-icon-button .elementor-button-icon i {
    color: #FFFFFF !important;
}

/* =================================
   LETTER ANIMATION
================================= */
.custom-icon-button .elementor-button-text {
    white-space: pre;
}

.custom-icon-button .button-letter {
    display: inline-block;
    opacity: 1;
    transform: translateY(0);
}

/* Animate letters once on hover */
.custom-icon-button .elementor-button:hover .button-letter {
    animation: buttonLetterFade 0.45s ease both;
    animation-delay: calc(var(--letter-index) * 0.045s);
}

/* Individual letter movement */
@keyframes buttonLetterFade {
    0% {
        opacity: 0;
        transform: translateY(10px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* =================================
   ICON HOVER ANIMATION
================================= */
.custom-icon-button .elementor-button:hover .elementor-button-icon {
    animation: iconMove 0.6s ease-in-out;
}

@keyframes iconMove {
    0%, 100% {
        transform: translateX(0);
    }

    25%, 75% {
        transform: translateX(3px);
    }

    50% {
        transform: translateX(-3px);
    }
}

/* =================================
   DESKTOP: 1025px AND ABOVE
================================= */
@media (min-width: 1025px) {
    .custom-icon-button .elementor-button-icon {
        flex: 0 0 48px;
        height: 48px;
    }

    .custom-icon-button .elementor-button-icon svg {
        width: 20px;
        height: 20px;
    }

    .custom-icon-button .elementor-button-icon i {
        font-size: 15px;
    }
}

/* =================================
   TABLET: 768px TO 1024px
================================= */
@media (min-width: 768px) and (max-width: 1024px) {
    .custom-icon-button .elementor-button-icon {
        flex: 0 0 42px;
        height: 42px;
    }

    .custom-icon-button .elementor-button-icon svg {
        width: 18px;
        height: 18px;
    }

    .custom-icon-button .elementor-button-icon i {
        font-size: 12px;
    }
}

/* =================================
   MOBILE: 767px AND BELOW
================================= */
@media (max-width: 767px) {
    .custom-icon-button .elementor-button-icon {
        flex: 0 0 36px;
        height: 36px;
    }

    .custom-icon-button .elementor-button-icon svg {
        width: 16px;
        height: 16px;
    }

    .custom-icon-button .elementor-button-icon i {
        font-size: 10px;
    }
}

/* =================================
   REDUCED MOTION
================================= */
@media (prefers-reduced-motion: reduce) {
    .custom-icon-button .elementor-button:hover .button-letter,
    .custom-icon-button .elementor-button:hover .elementor-button-icon {
        animation: none;
    }
}

/*--------------------------*/

/* =================================
   ANIMATED ORANGE GLOW
================================= */

/* MAIN HERO CONTAINER */
.animated-orange-glow {
    position: relative;
    overflow: hidden;
}

/* ANIMATED ORANGE GLOW */
.animated-orange-glow::after {
    content: "";
    position: absolute;
    bottom: -100px;
    left: -15%;
    width: 130%;
    height: 250px;
    z-index: 1;
    pointer-events: none;

    background: linear-gradient(
        to top,
        #FD3F00 0%,
        #FD3F00 35%,
        rgba(253, 63, 0, 0.85) 55%,
        rgba(253, 63, 0, 0.30) 80%,
        transparent 100%
    );

    filter: blur(12px);
    transform-origin: center bottom;
    animation: orangeGlowMove 6s ease-in-out infinite alternate;
}

/* KEEP CONTENT ABOVE GLOW */
.animated-orange-glow > .e-con-inner {
    position: relative;
    z-index: 2;
}

/* DIAGONAL ANIMATION */
@keyframes orangeGlowMove {
    0% {
        transform: rotate(4deg) translateY(10px);
    }

    100% {
        transform: rotate(-4deg) translateY(-10px);
    }
}

/* TABLET */
@media (min-width: 768px) and (max-width: 1024px) {
    .animated-orange-glow::after {
        height: 260px;
        bottom: -80px;
        filter: blur(10px);
    }
}

/* MOBILE */
@media (max-width: 767px) {
    .animated-orange-glow::after {
        height: 180px;
        bottom: -55px;
        filter: blur(8px);
    }
}

/* REDUCED MOTION */
@media (prefers-reduced-motion: reduce) {
    .animated-orange-glow::after {
        animation: none;
    }
}/* End custom CSS */