/* AI Consulting Technology Stack Animation CSS */

/* Ensure transitions work properly */
.our-solutions .main .blocks .block {
    transition: width 0.3s ease-in;
}

.our-solutions .main .blocks .block.active {
    width: 60% !important;
}

.our-solutions .main .blocks .block:not(.active) {
    width: 40% !important;
}

/* Icon transitions */
.our-solutions .main .blocks .block .block__icon {
    transition: opacity 0.3s ease-in;
}

.our-solutions .main .blocks .block.active .block__icon {
    opacity: 1 !important;
}

.our-solutions .main .blocks .block:not(.active) .block__icon {
    opacity: 0.7 !important;
}

/* Title transitions */
.our-solutions .main .blocks .block .block__title {
    transition: color 0.3s ease-in;
}

.our-solutions .main .blocks .block.active .block__title {
    color: #fff !important;
}

.our-solutions .main .blocks .block:not(.active) .block__title {
    color: hsla(0, 0%, 100%, 0.6) !important;
}

/* Text transitions */
.our-solutions .main .blocks .block .block__text {
    transition: opacity 0.3s ease-in 0.3s;
}

.our-solutions .main .blocks .block.active .block__text.long {
    opacity: 1 !important;
}

.our-solutions .main .blocks .block.active .block__text.short {
    opacity: 0 !important;
}

.our-solutions .main .blocks .block:not(.active) .block__text.long {
    opacity: 0 !important;
    transition-delay: 0s !important;
}

.our-solutions .main .blocks .block:not(.active) .block__text.short {
    opacity: 1 !important;
    transition: 0.3s ease-in !important;
}

/* List transitions */
.our-solutions .main .blocks .block .block_list {
    transition: opacity 0.3s ease-in 0.3s;
}

.our-solutions .main .blocks .block.active .block_list {
    opacity: 1 !important;
}

.our-solutions .main .blocks .block:not(.active) .block_list.hideList {
    opacity: 0 !important;
    transition: 0s !important;
}

/* Overlay transitions */
.our-solutions .main .blocks .block:not(.active):after {
    opacity: 1 !important;
    transition: opacity 0.3s ease-in;
}

.our-solutions .main .blocks .block.active:after {
    opacity: 0 !important;
    transition: opacity 0.3s ease-in;
}