.sai360-solutions-slider {

    .sai360-solutions-slider__tabs {
        display: flex;
        justify-content: center;

        .sai360-solutions-slider__tabs__inner:has(button) {
            display: flex;
            overflow-x: auto;
            justify-content: space-between;
            gap: 25px;
            background-color: #CCEEED;
            border: 1px solid #16AE8540;
            border-radius: 16px;
            padding: 8px;
            margin-bottom: 3rem;
        }

        button {
            color: #003A42;
            background-color: transparent;
            border-width: 1px;
            border-style: solid;
            border-color: transparent;
            border-radius: 12px;
            padding: 11px 12px;
            font-size: 16px;
            font-weight: bold;
            line-height: 1;
            display: flex;
            align-items: center;
            gap: 10px;
            cursor: pointer;
            white-space: nowrap;
            transition: all .2s ease-out;

            span {
                font-size: 14px;
                font-weight: bold;
                line-height: 1.5;
                display: grid;
                place-items: center;
                width: 26px;
                height: 26px;
                background-color: white;
                border-radius: 50%;
                color: #005E5C;
                transition: all .2s ease-out;
            }

            &.active {
                background-color: white;
                border-color: #16AE85;

                span {
                    background-color: #CCEEED;
                }
            }
        }
    }

    .sai360-solutions-slider__panel:not(.active) {
        visibility: hidden;
        position: absolute;
    }

    .sai360-solutions-slider__card {
        position: relative;
        overflow: hidden;
        border-radius: 12px;

        a {
            display: block;
        }

        img {
            aspect-ratio: 151 / 170;
            object-fit: cover;
            width: 100%;
            height: auto;
        }

        .sai360-solutions-slider__card__excerpt {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-color: #004B8D;
            color: white;
            font-size: 16px;
            line-height: 1.5;
            padding: 24px 12px;
            opacity: 0;
            transform: translateY(5%);
            transition: all .3s ease-out;
        }

        .sai360-solutions-slider__card__title {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            gap: 10px;
            padding: 12px;

            h3 {
                font-size: 22px;
                font-weight: bold;
                line-height: 1.4;
                color: white;
                margin: 0;
            }

            i {
                display: grid;
                flex-shrink: 0;
                width: 40px;
                height: 40px;
                place-items: center;
                background-color: #CCEEED;
                color: #16AE85;
                border-radius: 4px;
                transition: all .2s ease-out;
            }
        }

        &:hover {

            .sai360-solutions-slider__card__excerpt {
                opacity: 1;
                transform: translateY(0);
            }

            .sai360-solutions-slider__card__title i {
                color: white;
                background-color: transparent;
            }
        }
    }
}