.elementor-29487 .elementor-element.elementor-element-c9c1c12{--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;--padding-top:20px;--padding-bottom:0px;--padding-left:35px;--padding-right:35px;}.elementor-29487 .elementor-element.elementor-element-3b4c945{--display:flex;}.elementor-29487 .elementor-element.elementor-element-68a3515{--display:flex;}@media(min-width:769px){.elementor-29487 .elementor-element.elementor-element-3b4c945{--width:33.3%;}.elementor-29487 .elementor-element.elementor-element-68a3515{--width:33.3%;}}/* Start custom CSS for container, class: .elementor-element-c9c1c12 *//* Main Animation */
.designcontainer{
    opacity: 0;
    transform: translateY(20px);
    animation: designFadeUp .45s ease forwards;
}

/* Stagger animation for child columns */
.designcontainer > *{
    opacity: 0;
    transform: translateY(15px);
    animation: designFadeUp .45s ease forwards;
}

.designcontainer > *:nth-child(1){
    animation-delay: .10s;
}

.designcontainer > *:nth-child(2){
    animation-delay: .20s;
}

.designcontainer > *:nth-child(3){
    animation-delay: .30s;
}

.designcontainer > *:nth-child(4){
    animation-delay: .40s;
}

/* Link Hover Effect */
.designcontainer a{
    transition: all .25s ease;
}

.designcontainer a:hover{
    color: #D72B2B;
    transform: translateX(8px);
}

/* Heading Hover (optional) */
.designcontainer h3,
.designcontainer h4{
    transition: color .25s ease;
}

.designcontainer h3:hover,
.designcontainer h4:hover{
    color: #D72B2B;
}

/* Animation */
@keyframes designFadeUp{
    from{
        opacity:0;
        transform:translateY(20px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}/* End custom CSS */