/** Shopify CDN: Minification failed

Line 243:4 Unexpected "<"

**/


/* CSS from section stylesheet tags */
.side_img_cont{
          max-height: 60%;
        }

        .txt_img_cont{
          max-height: calc(40% - 25px);
        }

        
        img.side_img {
          height: 100%;
        }
        

        .imgs_cont {
            display: flex;
            flex-direction: column;
            max-width: 400px;
            justify-content: space-between;
            height: 100%;
            position: absolute;
            left: 15px;
            flex-shrink: 1;
        }



        section.ss {
            display: flex;
            flex-direction: row;
            justify-content: center;
            position: relative;
        }


        /* img.txt_image {
            margin-top: 40px;
            width: 100%;
            height: auto;
        } */





        canvas#fallCanvas {
            position: relative;
        }




        canvas {
            background: transparent !important;
        }

        .anmi_cont {
            display: flex;
            flex-direction: column;
            width: fit-content;
            /* margin-left: 115px; */
            z-index: 1;
            height: 50vh;
            /* position: relative; */
        }

        .bowl {
            width: 504px;
            bottom: 0px;
            left: 50%;
        }

        .iii {
            width: 100vw;
        }

        .ss {
            flex-direction: row;
            background-image:
                url(/static/spa/fresh-spa/_next/static/media/hero-blue-background-lg.6ba3ff2b.jpg),
                linear-gradient(184.29deg, #ff4d4d 14.9%, #b30000 64.16%);

            overflow: hidden;
            height: 50vh;
            /* padding: 0vw 10vw; */

            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            position: relative;
        }

        .ss h2 {
            width: 50%;
            margin-top: 2vh;
            margin-left: 20px;
            z-index: 2;
            /* position: absolute; */
            color: #1c1c1c
        }





        .anmi_cont img {
            position: absolute;
            bottom: -6px;
            left: 0;
             right: -37%;
        }






        img.txt_image {
            margin-top: 25px;
            height: 100%;
          }



        .anmi_cont {
            position: absolute;
            width: fit-content;
            z-index: 1;
            height: 50vh;
            right: -60%;
            /* display: none; */
          }



        @media only screen and (max-width: 600px) {
            .anmi_cont {
                right: -25%;
            } 


        }



          @media only screen and (max-width: 500px) {
            .anmi_cont {
                right: calc(50% - 400px) !important;
            } 
          }



        @media only screen and (min-width: 600px) {
            /* .anmi_cont {
                right: -25%;
            } */

            .anmi_cont {
                right: -6vw;
            }
        }

        @media only screen and (min-width: 800px) {


            .imgs_cont {
                left: 15vw !important;
            }

            .anmi_cont {
                right: 2vw !important;
            }


        }

        @media only screen and  (min-width: 825px) {

        }


        @media only screen and (min-width: 900px) {
            .ss {
                display: flex;
                flex-direction: row;
                width: 100vw;
                /* padding: 0vw 20vw; */
                justify-content: center;
                position: static;
            }
            .imgs_cont{
                position: static;
            }

            /* .ss h2 {
                position: unset;
            } */

            .anmi_cont {
                position: relative;
                right: auto;
            }

            #fallCanvas {
                width: auto;
            }

            /* img.bowl {
                position: absolute;
                width: auto;
                right: 0;
            } */

            /* img.txt_image {
                width: 30%;
                position: relative;
            } */

            /* img.side_img {
                width: 8.35vw;
            } */
        }

        @media only screen and (min-width: 1600px) {
            /* .ss {
                padding: 0vw 20vw;
            } */

            /* img.txt_image {
                width: 30%;

            } */
        }
    </style>