AlkantarClanX12

Your IP : 3.145.97.235

Current Path : /home/thanudqk/siamfreetour.com/wp-content/themes/blossom-recipe/src/scss/
Upload File :
Current File : /home/thanudqk/siamfreetour.com/wp-content/themes/blossom-recipe/src/scss/_starterSites.scss

.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 130px;

            @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;
            }
        }
    }
}