.scma-banner-style-a {
    position: relative;
    background-color: #F5F5F5;
    }

    .scma-banner-style-a__image {
        position: absolute;
        top: 0; left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 0;
        outline: none!important;
        pointer-events: none;
        }

    .scma-banner-style-a__image--desktop { display: block; }
    .scma-banner-style-a__image--mobile { display: none; }

    @media (max-width: 960px) {
        .scma-banner-style-a__image--desktop { display: none; }
        .scma-banner-style-a__image--mobile { display: block; }
        }

    .scma-banner-style-a__wave {
        position: absolute;
        bottom: 0; left: 0;
        width: 100%;
        }

    @media (max-width: 960px) {
        .scma-banner-style-a__wave {
            width: auto;
            height: 200px;
            right: 0; left: auto;
            }
        }

    .scma-banner-style-a__wave {
  transition: all 0.3s ease;
}

    .scma-banner-style-a__content {
        position: relative;
        display: flex;
        min-height: 500px;
        gap: 20px;
        }

        .scma-banner-style-a__content__left { 
            flex: 1;
			padding: 0 20px 0 150px;
			place-content: center; xalign-self: center;
            }

            .scma-banner-style-a__content__left h1 {
                font-size: 56px;
                color: white;
                max-width: 800px;
                }

            .scma-banner-style-a__content__left a {
                display: inline-flex;
                font-weight: bold;
                background-color: var(--blue-zing-yellow);
                padding: 10px 30px;
                color: var(--classy-navy)!important;
                text-decoration: none;
                border-radius: 100px;
                }

        .scma-banner-style-a__content__right {
            width: 450px;
            font-size: 24px;
            align-self: end;
            text-align: center;
            padding: 0px 100px 40px 20px;
            color: white;
            }

    .scma-banner-style-a__doodle1 { width:  80px; height:  80px; position: absolute; margin: -40px 0 0 -80px; }
    .scma-banner-style-a__doodle2 { width: 120px; height: 120px; position: absolute; margin: -140px 0 0 0; }
    .scma-banner-style-a__doodle3 { width: 240px; height: 240px; position: absolute; margin: -240px 0 0 150px; } 

    @media (max-width: 960px) {
        .scma-banner-style-a__content__left h1 { font-size: 36px; }
    }

    @media (max-width: 640px) {

        /* .scma-banner-style-a__content { display: block; } */

		.scma-banner-style-a__content { height: calc(100dvh - var(--nav-adjustment, 0px)); xborder: 10px solid red; flex-direction: column; }

        .scma-banner-style-a__content__left {
			/* display: grid;
        	place-items: center;
        	place-content: center;  */
        	padding: 20px;
        	text-align: center;
		}

        .scma-banner-style-a__content__right { width: unset; margin: none; padding: 50px 20px; text-align: center; align-self: unset; }
        .scma-banner-style-a__doodle1 { display: none; }
        .scma-banner-style-a__doodle2 { margin: -130px 0 0 60%; } /* just hide for now */
        .scma-banner-style-a__doodle3 { display: none; } /* just hide for now */
    }