.elementor-36403 .elementor-element.elementor-element-ec2fd26{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS *//* Define the animations */
@keyframes iconColorChange {
    0% { color: #FF8201; }
    50% { color: #FF8201; }
    100% { color: #ff0000; }
}

@keyframes backgroundColorChange {
    0% { background-color: #FF8201; }
    50% { background-color: #FF8201; }
    100% { background-color: #ffffff; }
}

@keyframes titleColorChange {
    0% { color: #FF8201; }
    50% { color: #FF8201; }
    100% { color: #000000; }
}

@keyframes descriptionColorChange {
    0% { color: #FF8201; }
    50% { color: #FF8201; }
    100% { color: #00ff00; }
}

/* Apply animations when step is active */
#step1.active .elementor-icon i:before {
    animation: iconColorChange 2s infinite;
}

#step1.active {
    animation: backgroundColorChange 2s infinite;
}

#step1.active .elementor-icon-box-title {
    animation: titleColorChange 2s infinite;
}

#step1.active .elementor-icon-box-description {
    animation: descriptionColorChange 2s infinite;
}

/* Repeat for step2 and step3 */
#step2.active .elementor-icon i:before {
    animation: iconColorChange 2s infinite;
}

#step2.active {
    animation: backgroundColorChange 2s infinite;
}

#step2.active .elementor-icon-box-title {
    animation: titleColorChange 2s infinite;
}

#step2.active .elementor-icon-box-description {
    animation: descriptionColorChange 2s infinite;
}

#step3.active .elementor-icon i:before {
    animation: iconColorChange 2s infinite;
}

#step3.active {
    animation: backgroundColorChange 2s infinite;
}

#step3.active .elementor-icon-box-title {
    animation: titleColorChange 2s infinite;
}

#step3.active .elementor-icon-box-description {
    animation: descriptionColorChange 2s infinite;
}/* End custom CSS */