.cw-dashboard {
    .starter-sites {
        padding: 64px 100px;
        display: grid;
        grid-template-areas: "stack";
        align-items: end;

        @media screen and (max-width: 1025px) {
            padding: 64px 40px;

        }

        .image-wrapper {
            display: flex;
            gap: 20px;
            align-items: center;
            overflow: hidden;
            grid-area: stack;

            .image:not(:nth-child(2)) {
                width: 33%;
            }

            img {
                max-width: 100%;
            }

            img:not(.reverse-image img) {
                box-shadow: 0 30px 30px -30px #000000a3
            }

            .reverse-image {
                position: relative;
                opacity: 0.4;

                img {
                    transform: scaleY(-1);
                }

                &::after {
                    position: absolute;
                    content: '';
                    background: linear-gradient(360deg, rgba(246, 248, 250, 0) 0%, #F6F8FA 22.65%);
                    z-index: 2;
                    width: 100%;
                    height: 100%;
                    top: 0;
                    left: 0;
                    transform: scaleY(-1);
                }
            }
        }

        .text-wrapper {
            text-align: center;
            grid-area: stack;
            z-index: 3;
            padding: 0 100px 70px;
            background: #F6F8FA;
            
            @media screen and (max-width: 1600px) {
                padding: 0 100px 50px;
            }

            @media screen and (max-width: 1366px) {
                padding: 0 50px 20px;
            }

            @media screen and (max-width: 1025px) {
                padding: 0;
            }

            h2 {
                font-size: 24px;
                line-height: 1.5;
                margin-bottom: 16px;
            }

            p {
                margin-bottom: 24px;
            }

            .cw-button-btn {
                padding: 16px 32px;
                font-size: 16px;
                line-height: 1.5;
            }
        }
    }

    .info-text{
        background-color: #2db68d1a;
        border-radius: 4px;
        padding: 4px 8px;
        border: 1px solid $border-color;
        display: inline-block;
        margin-bottom: 24px;
        .font-semibold{
            font-weight: 500;
        }
    }
}