* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        #tog {
            position: absolute;
            z-index: 9999;
            right: 20px;
            top: 20px;
            width: 30px;
            height: 30px;
            border-radius: 15px;
            background-color: #fff;
            color: #333;
            opacity: 0.7;
            font-size: 1.2em;
            font-weight: bold;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
        }

        body {
            font-family: "Nunito Sans", sans-serif;
            font-optical-sizing: auto;
            font-style: normal;
            font-weight: 700;
            color: #333;
        }

        h2 {
            color: #333;
            font-size: 1.2em;
            margin-bottom: 10px;
        }

        ul {
            padding-left: 30px;
            margin-left: 0px;
            list-style-position: outside;
        }

        ul li {
            padding-left: 0px;
            line-height: 1.2;
            margin-bottom: 16px;
        }

        ol {
            padding-left: 30px;
            margin-left: 0px;
            list-style-position: outside;
        }

        ol li {
            padding-left: 0px;
            line-height: 1.2;
            margin-bottom: 16px;
        }

        .quotee {
            margin-right: 10px;
            font-weight: 600;
        }

        .qrole {
            margin-right: 10px;
            font-weight: 400;
        }

        .qcomp {
            margin: 0;
            font-weight: 700;
        }

        .itemType {
            display: flex;
            justify-content: center;
            align-items: center;
            width: auto;
            min-width: 100px;
            max-width: 170px;
            background: #80c342;
            border-radius: 20px;
            height: 30px;
            padding: 0;
            color: #fff;
            font-weight: 700;
            font-size: 1em;
        }

        .speech_bubble {
            position: relative; /* Essential for positioning the pseudo-element tail */
            background: #efefef; /* Background color of the bubble */
            border-radius: 10px; /* Rounded corners */
            padding: 5%;
            text-align: left;
            color: #333;
            width: 100%;
            border: 1px solid #efefef;
        }

        .speech_bubble:after {
            content: '';
            position: absolute;
            bottom: -20px; /* Position the tail below the bubble */
            left: 90%; /* Center the tail horizontally */
            transform: translateX(-50%); /* Adjust for perfect centering */
            width: 0;
            height: 0;
            border-left: 20px solid transparent;
            border-right: 20px solid transparent;
            border-top: 20px solid #efefef; /* Border color matches the bubble's background */
            border-bottom: 0;
        }


        .art_inline_gallery {
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            column-gap: 5%;
            width: 100%;
            max-width: 100% !important;
            margin: 30px 0px 30px 0px;
        }

        .art_inline_gallery_ss {
            width: 100% !important;
            max-width: 100% !important;
            min-width: 100%;
            height: auto;
            min-height: 250px;
            display: block;
            margin: 0;
        }

        .art_inline_gallery .mrNav {
            width: auto;
            max-width: 100%;
            height: 25px;
            margin: 0;
            margin-top: 10px;
        }

        .art_inline_gallery_text {
            width: 47.5%;
            min-width: 47.5%;
            max-width: 47.5%;
            padding: 0;
            margin: 0;
        }

        .art_inline_gallery_show {
            width: 47.5%;
            min-width: 47.5%;
            max-width: 47.5%;
            padding: 0;
            margin: 0;
        }

        .ssRight {
            order: 2;
        }

        .ssLeft {
            order: 1;
        }

        .txtRight {
            order: 2;
        }

        .txtLeft {
            order: 1;
        }

         .art_inline_gallery_ss .mrWrap .mrSlide .art_gallery_caption {
            font-size: 0.85em;
            line-height: 1.3;
            font-weight: 600;
            width: auto;
            min-width: min-content;
            max-width: 80% !important;
            height: auto;
            max-height: min-content;
            padding: 0;
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;
            align-items: center;
            text-align: left;
            position: absolute;
            bottom: 10px;
            right: 0px;
            color: #fff;
            background-color: rgba(0, 0, 0, 0.75);
            padding: 10px; 
            border-bottom-left-radius: 8px;
            border-top-left-radius: 8px;
            padding-right: 20px;
            padding-left: 20px;
            z-index: 999;
        }


        .art_inline_gallery_ss .mrWrap .mrSlide {
            border-radius: 0px;
            width: 100%;
            max-width: 100%;
            position: relative;
        }

        .art_inline_gallery_ss .mrWrap .mrSlide img {
            width: 100%;
            max-width: 100%;
            height: auto;
            display: block;
            border-radius: 8px
        }

        .art_inline_gallery_ss .mrWrap .mrSlide .art_gallery_caption p {
            margin: 0;
            padding: 0;
            line-height: 1.2;
            display: inline-block;
            margin-bottom: 0 !important;
            padding-bottom: 0 !important;
        }

        .art_inline_gallery .mrNav {
            width: auto;
            height: 25px;
            margin: 0;
            margin-top: 10px;
        }

        .art_inline_gallery_ss .mrWrap {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        height: auto;
        min-height: 250px;
        border-radius: 0px;
        overflow: hidden;
        }



        

        .art_gallery_ss .mrWrap .mrSlide {
            border-radius: 0px;
            width: 100%;
            max-width: 100%;
            position: relative;
        }

        .art_gallery_ss .mrWrap .mrSlide img {
            width: 100%;
            max-width: 100%;
            height: auto;
            display: block;
            border-radius: 8px
        }

        .art_gallery_ss .mrWrap .mrSlide .art_gallery_caption p {
            margin: 0;
            padding: 0;
            line-height: 1.2;
            display: inline-block;
            margin-bottom: 0 !important;
            padding-bottom: 0 !important;
        }

        .art_gallery_ss .mrWrap .mrSlide .art_gallery_caption {
            font-size: 0.85em;
            line-height: 1.3;
            font-weight: 600;
            width: auto;
            min-width: min-content;
            max-width: 80% !important;
            height: auto;
            max-height: min-content;
            padding: 0;
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;
            align-items: center;
            text-align: left;
            position: absolute;
            bottom: 10px;
            right: 0px;
            color: #fff;
            background-color: rgba(0, 0, 0, 0.75);
            padding: 10px; 
            border-bottom-left-radius: 8px;
            border-top-left-radius: 8px;
            padding-right: 20px;
            padding-left: 20px;
            z-index: 999;
        }

        .art_gallery .mrNav {
            width: auto;
            height: 25px;
            margin: 0;
            margin-top: 10px;
        }

        .art_gallery_ss .mrWrap {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        height: auto;
        min-height: 400px;
        border-radius: 0px;
        overflow: hidden;
        }

        .small_app_prod_card_art {
        width: 23.3%;
        position: relative;
        text-decoration: none;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-size: .9em;
        padding: 1%;
        background: rgb(255,255,255);
        background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 45%, rgba(231,231,231,1) 100%);
        border-radius: 8px;
        border: 1px solid #efefef;
        color: #333;
        font-family: 'Nunito Sans', sans-serif;
        font-weight: 300;
        height: 190px;
        margin: .8%;
        }



        .small_app_prod_card_art .small_prod_name {
        width: 100%;
        font-size: 1em;
        font-weight: 700;
        line-height: 1.1;
        text-align: center;
        }

        .small_app_prod_card_art .titl {
        font-size: 1em;
        font-weight: 700;
        max-width: 100%;
        }

        .small_app_prod_card_art .desc {
        font-size: 1.2em;
        font-weight: 400;
        max-width: 90%;
        line-height: 1.2;
        }

        .small_app_prod_card_art .small_prod_desc {
        font-size: .88em;
        font-weight: 500;
        line-height: 1.1;
        text-align: center;
        padding: 0% 3% 0% 3%;
        margin-top: 3px;
        color: #333;
        }

        .small_app_prod_card_art:hover {
        background: #80c342;
        color: #fff;
        }

        .small_app_prod_card_art .small_prod_img {
        width: 70%;
        height: 100px;
        margin-bottom: 8px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        }

        .small_app_prod_card_art .small_prod_img img {

        max-height: 100px;
        }

        #backLink {
            display: inline-block;
            margin: 8px 0px 8px 0px;
        }

        .topHero {
            max-width: 100vw;
            padding: 0;
            width: 100%;
            min-width: 100%;
            height: auto;
            min-height: 200px;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            background-size: cover;
            background-position: center;
        }

        .topHero_byline {
            width: 100%;
            position: relative;
            margin: 10px 0px 30px 0px;
        }

        .topHero_text {
            margin-left: 5%;
            text-align: center;
            z-index: 999;
            padding: 0;
            text-shadow: 0 0 10px #000;
            width: 100%;
            height: auto;
        }

        .topHero_text h1 {
            font-size: 2.5em;
            line-height: 1.15;
            color: #fff;
            margin: 0;
            padding: 0;
        }


        .art_hr {
            border: none;
            border-top: 1px solid #ccc;
            margin: 30px 0;
        }

        #art_content {
            max-width: 100vw;
            padding-left: clamp(0px, calc((100vw - 760px) * 0.25), 25vw);
            padding-right: clamp(0px, calc((100vw - 760px) * 0.25), 25vw);
            background: #fff;
        }

        #textarea {
            padding: 0;
            padding-top: 0;
            padding-bottom: 40px;
            line-height: 1.6;
            width: 100%;
            min-width: 100%;
        }

        #textarea p {
            margin-bottom: 20px;
        }

        .articleBody {
            padding: 0;            
            font-size: clamp(.85rem, 5vw, 1.1rem);
            font-weight: 400;
            margin-bottom: 40px;
        }



        .masthead {
            margin: 20px 0px 30px 0px;
        }

        .bylineWrap {
            width: auto;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: flex-start;
            align-items: center;
            margin-top: 20px;
        }

        .byline {
            font-weight: 700;
            margin-right: 20px;
            font-size: .9em;
        }

        .pubdate {
            font-weight: 400;
            font-size: .9em;
        }


        h1 {
            font-size: 2.75em;
            margin: 40px 0px 4px 0px;
            line-height: 1.15;
        }

        .art_h1 {
            line-height: 1.15;
            color: #333;
            font-size: 2.9em;
            margin-top: 30px;
        }

        .art_subtitle {
            color: #848484;
            font-weight: 500;
            font-size: 1.5em;
            line-height: 1.25;
            margin-top: 14px;
        }

        .art_subtitle_hero {
             color: #dedede;
            font-weight: 500;
            font-size: 2em;
        }

        .leftImg {
            margin: 0 2.5% 0 0;
        }

        .rightImg {
            margin: 0 0 0 2.5%;
        }

        .art_cards_section {
            margin: 30px 0px 20px 0px;
        }

        .art_cards {
            width: 100%;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: flex-start;
            column-gap: 5%;
            row-gap: 20px;
        }

        .art_cards_heading {
            margin-bottom: 20px;
        }

        .art_card {
            padding: 20px;
            border: 1px solid #efefef;
            border-radius: 8px;
            box-sizing: border-box;
            width: auto;
        }

        .art_card .image {
            padding-bottom: 20px;
            max-width: 90%;
            margin: 0 auto;
        }

        .w16 {
            width: 16%;
        } 
        
        .w20 {
            width: 20%;
        }
        
        .w25 {
            width: 25%;
        }
        .w33 {
            width: 33.33%;
        }
        
        .w50 {
            width: 50%;
            max-width: 50%;
        }
        
        .w100 {
            width: 100%;    
        }

        .art_cta_para {
            font-weight: 400 !important;
            display: inline-block;
            margin: 0;
            padding: 0;
            line-height: 1.3;
        }

        .art_emphCta {
             width: 100%;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            column-gap: 5%;
            row-gap: 0;
            margin: 30px 0px 30px 0px;
            padding: 3%;
            border: 1px solid #efefef;
            border-radius: 8px;
            background: #efefef;
        }

        .art_emphCta .left {
            order: 1 !important;
        }

        .art_emphCta .right {
            order: 2 !important;
        }

        .art_inlineCta {
            width: 100%;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            column-gap: 5%;
            row-gap: 0;
            margin: 30px 0px 30px 0px;
            padding: 0;       
        }

        .art_cta_heading {
            font-weight: 700;
            font-size: 130%;
            margin-bottom: 10px;
        }

        .art_emphVid .text h2 {
            font-weight: 700;
            font-size: 130%;
            margin-bottom: 10px;
        }
      
        .ctaLink {
            font-size: 105%;
            font-weight: 700;
            margin-top: 5px;
            display: inline-block;
        }

        .ctaText .ubtn {
            width: auto;
            max-width: max-content;
            min-width: max-content;
            margin-top: 10px;
        }

        .art_inlineCta .right {
            order: 2;
        }

        .art_inlineCta .left {
            order: 1;
        }

        .art_cta_img {
            width: auto;
            min-width: 25%;
            max-width: 40%;
            height: auto;
        }

        .art_cta_img img {
            width: 100%;
            min-width: 100%;
        }

        .ctaText {
            width: auto;
        }



        .art_inlineVid {
            width: 100%;
            height: auto;
            display: flex;
            margin: 30px 0px 30px 0px;
            column-gap: 5%;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: flex-start;
            align-items: center !important;
        }

        .art_inlineVid .vid {
            position: relative;
            width: 40%;
            max-width: 40%;
            height: auto;
            max-height: max-content;
        }

        .art_inlineVid p {
            flex: 1;
            padding: 0;
        }

        .art_inlineVid .vid .vid_still img {
            width: 100%;
            max-width: 100%;
            height: auto;
            display: block;
        }

        .art_inlineVid .vid:hover .vid_still .vidPlayBtn {
            background: #80c342;
            color: #333;
        }

        .art_inlineVid .vid .vidPlayBtn {
            pointer-events: none;
        }

        .art_emphVid {
                width: 100%;
                height: auto;
                margin: 30px 0px 30px 0px;
                display: flex;
                flex-direction: row;
                flex-wrap: nowrap;
                justify-content: flex-start;
                align-items: center !important;
                background: #efefef;
                border-radius: 10px;
                overflow: hidden;
                padding: 3%;
                column-gap: 5%;
            }

            .art_emphVid .vid {
                width: 35%;
                min-width: 35% !important;
                position: relative;
            }

            .art_emphVid .vid:hover .vid_still .vidPlayBtn {
                background: #80c342;
                color: #333;
            }

            .art_emphVid .vid .vid_still img {
                width: 100%;
                max-width: 100%;
                height: auto;
                display: block;
            }

            .art_emphVid .text {
                margin-top: 0;
                max-width: 55%;
                height: auto;
                min-height: max-content;

            }

            .art_emphVid p {
                flex: 1;
                margin: 0;
                padding: 0;
            }

            .art_emphVid h2 {
                padding: 0;
                margin: 0;
                width: 100%;
                text-align: left;
            }

            .art_emphVid .vid .vid_still .vidPlayBtn {
            pointer-events: none;
            }

        /* Both .vidPlayBtn and it's hover state already in layout.css! */

        .vidPlayBtn {
            width: 50px;
            height: 50px;
            max-width: 50px;
            max-height: 50px;
            border-radius: 25px;
            background: rgb(255 255 255 / 60%);
            color: #333;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            font-size: 1.25em;
            z-index: 999;
            position: absolute;
            top: calc(50% - 25px);
            left: calc(50% - 25px);
            padding-left: 4px;
            padding-top: 4px;
            cursor: pointer;
            margin: 0 auto;
            pointer-events: none
        }

        /* Both .vidPlayBtn and it's hover state already in layout.css! */




        .art_fwImg {
            width: 100%;
            height: auto;
            display: block;
            margin: 30px 0px 30px 0px;
        }

        .art_fwImg img {
            width: 100%;
            max-width: 100%;
            height: auto;
            display: block;
        }

        .art_imgGrid {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;
            width: auto;
            max-width: 100%;
            justify-content: flex-start;
            align-items: flex-start;
        
            padding: 0;
            margin: 30px 0px 30px;
        }


        .imgGrid100 {
            width: 100%;
            max-width: 100%;
            padding: 0;
            column-gap: 5%;
            row-gap: 20px;
        }

        .art_imgGrid_25 {
            width: 23.1%;
            max-width: 23.1%;
            display: inline-block;
        }

        .art_imgGrid_25 img {
            width: 100%;
            height: auto;
            display: block;
        }

        .art_inlineImgGrid {
            width: 100%;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            flex-wrap: wrap;
            column-gap: 5%;
        }

        .art_inlineImgGrid .inlineImgGridText {
            margin-top: 1.5%;
            padding: 0;
            width: auto;
            flex: 1;
        }

        .art_inlineImgGrid .left {
            order: 1;
        }

        .art_inlineImgGrid .right {
            order: 2;
        }

        .inlineImgGrid_50 {
            width: 50%;
            max-width: 50%;
            min-width: 50%;
            display:flex;
            justify-content: flex-start;
            flex-wrap: wrap;
            row-gap: 16px;
            column-gap: 5%;
        }



        .iig_right {
            order: 2;
        }

        .inlineImgGridImg {
            width: 47.5%;
            max-width: 47.5%;
            display: inline-block;
        }

        .inlineImgGridImg img {
            width: 100%;
            max-width: 100%;
            height: auto;
            display: block;
        }

        .art_inlineImg {
            display: flex;
            flex-wrap: wrap;
            column-gap: 5%;
            row-gap: 0;
            align-items: center;
            justify-content: flex-start;
            margin: 20px 0px 20px 0px;
            width: 100%;
            flex-direction: row;
        }

        .art_inlineImg .left {
            order: 1;
        }

        .art_inlineImg .right {
            order: 2;
        }

        .art_inlineImg .art_inlineImage {
            padding: 0;
            width: 40%;
            max-width: 40%;
            min-width: 40%;
        }

        .art_inlineImg .art_inlineImage img {
            width: 100%;
            max-width: 100%;
            min-width: 100%;
            height: auto;
            display: block;
        }

        .art_inlineImg .art_inlineImgTxt {
            padding: 0;
            width: auto;
            max-width: 55%;     
        }



        .art_inlineImg p {
            flex: 1;
            margin-top: 1.5%;
        }

        .art_caption {
            font-size: 0.9rem;
            margin: 8px 0 0 0;
            line-height: 1.35;
            font-weight: 600 !important;
            width: 100%;
            padding: 0;
            display: flex;
            justify-content: center;
            text-align: left;
        }

        .captionLeft {
            justify-content: flex-start;
        }

        .captionRight {
            justify-content: flex-end;
        }

        .art_relarticles {
            width: 100%;
            padding: 0;
            margin: 0px 0px 30px 0px;
        }

        .art_relarticles .relarticles {
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: flex-start;
            flex-wrap: wrap;
            margin: 20px 0px 0px 0px;
            row-gap: 20px;
            column-gap: 3%;
        }


        .relArt {
            width: 31.33%;
            line-height: 1.15;
            color: #333;
            padding: 14px;
            border: 1px solid #efefef;
            border-radius: 8px;
            font-size: .85em;
            text-decoration: none;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            flex-wrap: nowrap;
            height: 66px;
            max-height: 66px;
            background: #f0f0f0;
            background: linear-gradient(360deg, rgba(240, 240, 240, 1) 0%, rgba(255, 255, 255, 1) 57%, rgba(255, 255, 255, 1) 100%);
        }

        .relArt:hover {
            border: 1px solid #80c342;
        }

        .relArt:hover .linkTxt {
            color: #80c342;
        }

        .relArt:hover .relArtSvg .cls-1 {
            fill: #80c342;
        }

        .relArtSvg .cls-1 {
            fill: #333;
        }

        .relArt .linkTxt {
            display: inline-block;
            padding: 0 10px 0 14px;
            font-size: .9em;
            color: #333;
        }

        .relArt svg {
            width: 20px;
            min-width: 20px;
            max-width: 20px;
            height: 24px;
            min-height: 24px;
            max-height: 24px;


            margin-top: 4px;
        }


        .relvids {
            width: 100%;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: flex-start;
            position: relative;
            margin: 20px 0px 20px 0px;
            column-gap: 2.66%;
            row-gap: 16px;
            flex-wrap: wrap;
        }

        .relVid {
            width: 23%;
            position: relative;
            padding: 0;
        }

        .relVid:hover .vid_still{
            border: 1px solid #80c342;
        }

        .relVid:hover .vid_still .vidPlayBtn {
            background: #80c342;
            color: #333;
        }

        .relVid .vid_still {
            width: 100%;
            max-width: 100%;
            height: auto;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative; 
            border-radius: 8px;
            overflow: hidden;
            box-sizing: border-box;
            border: 1px solid transparent;

        }

        .relVid .vid_still:hover .vidPlayBtn {
        background: #80c342;
        color: #333;
        }

        .relVid .vid_still img {
            width: 100%;
            max-width: 100%;
            height: auto;
            display: block;
        }

        .relVid .vid_still .vidPlayBtn {
              width: 50px;
            height: 50px;
            max-width: 50px;
            max-height: 50px;
            border-radius: 25px;
            background: rgb(255 255 255 / 60%);
            color: #333;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            font-size: 1.25em;
            z-index: 999;
            position: absolute;
            top: calc(50% - 25px);
            left: calc(50% - 25px);
            padding-left: 4px;
            padding-top: 4px;
            cursor: pointer;
            margin: 0 auto;
        }

        .relVid .vidTxt {
            font-size: 0.8rem;
            line-height: 1.2;
            margin-top: 8px;
            cursor: pointer;
            width: 100%;
            text-align: center;
        }

        .art_benefits {
        width: 100%;
        padding: 0% 3% 0% 3%;
        margin: 60px 0px 30px 0px;
        background: #bee09f;
        display: flex;
        flex-direction: column;
        justify-content: center;
        border-radius: 10px;
        }

        .art_benefits .app_benefits_sb {
        width: auto;
        max-width: 75%;
        height: 40px;
        border-radius: 20px;
        background: #80c342;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        margin-top: -20px;
        color: #fff;
        font-size: 1.3em;
        font-weight: 600;
        padding: 0px 25px 0px 25px;
        }

        .art_benefits .app_benefits_flex {
        width: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        margin-top: 50px;
        margin-bottom: 20px;
        }

        #app_prodlist {
            margin: 30px 0px 20px 0px;
        }

        #application_products {
        width: 102%;
        padding: 0;
        margin: 0% -1% 0% -1%;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
        }

        .relProducts_heading {
        margin: 0px;
        display: inline-block;
        margin-bottom: 14px;
        }

       #SocProofSS {
        width: 100%;
        padding: 0%;
        border-radius: 10px;
        }

        #SocProofSS .mrSlide {
        width: 100%;
        height: 100%;
        min-height: 300px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        background: #efefef;
        color: #333;
        border-radius: 10px;
        }

        #SocProofSS .mrWrap {
        width: 100%;
        min-width: 100%;
        height: auto;
        min-height: 400px;
        border-radius: 10px;
        overflow: hidden;
        }

        .spTxt {
        color: #333;
        }

        .attrTxt {
        color: #333;
        }

        .spContHead {
        color: #333;
        }


        .spItems {
            width: 100%;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: flex-start;
            column-gap: 2.5%;
             row-gap: 0px;
            margin-bottom: 40px;
        }

        .spSection {
            width: auto;
            max-width: 31.6%;
            padding: 2.5%;
            border: 1px solid #efefef;
            border-radius: 8px;
            background: #f0f0f0;
            background: linear-gradient(360deg, rgba(240, 240, 240, 1) 0%, rgba(255, 255, 255, 1) 57%, rgba(255, 255, 255, 1) 100%);
        }

        .spSection h2 {
            margin-bottom: 10px;
        }

        .spListItem {
            text-decoration: none;
            color: #333;
            font-weight: 500;
            margin: 10px 0px 10px 0px;
            display: inline-block;
            border-bottom: 1px solid #efefef;
            padding-bottom: 16px;
        }

        .spli_quotee {
            font-weight: 600;
            color: #5a5a5a;
            font-size: .9em;
            margin-bottom: 2px;
        }

        .spListItem:hover .spli_quotee {
            color: #80c342;
        }

        .spli_headline {
            font-weight: 700;
            line-height: 1.2;
            font-size: 1em;
            margin-bottom: 3px;
        }

        .spli_summary {
            font-weight: 400;
            font-size: .85em;
            line-height: 1.2;
        }



        

        @media only screen and (min-width: 320px) and (max-width: 480.98px) {

        .relvids {
            width: 100%;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: flex-start;
            position: relative;
            margin: 20px 0px 20px 0px;
            column-gap: 5%;
            row-gap: 16px;
            flex-wrap: wrap;
        }

        .relVid {
            width: 47.5%;
            position: relative;
            padding: 0;
        }

        .spItems {
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            column-gap: 0%;
            row-gap: 20px;
            margin-bottom: 40px;
        }

        .spSection {
            width: 100%;
            max-width: 100%;
            padding: 2.5%;
            border: 1px solid #efefef;
            border-radius: 8px;
            background: #f0f0f0;
            background: linear-gradient(360deg, rgba(240, 240, 240, 1) 0%, rgba(255, 255, 255, 1) 57%, rgba(255, 255, 255, 1) 100%);
        }

         .spSection h2 {
            margin-bottom: 15px;
        }

        .spListItem {
            text-decoration: none;
            color: #333;
            font-weight: 500;
            margin: 10px 0px 10px 0px;
            display: inline-block;
            border-bottom: 1px solid #efefef;
            padding: 8px 8px 16px 8px;
            min-width: 100%;

        }

        .spli_quotee {
            font-weight: 600;
            color: #5a5a5a;
            font-size: .9em;
            margin-bottom: 2px;
        }

        .spli_headline {
            font-weight: 700;
            line-height: 1.2;
            font-size: 1em;
            margin-bottom: 3px;
        }

        .spli_summary {
            font-weight: 400;
            font-size: .85em;
            line-height: 1.2;
        }



        .art_inlineImg .art_inlineImage {
            padding: 0;
            width: 100%;
            max-width: 100%;
            min-width: 100%;
        }

        .art_inlineImg .art_inlineImgTxt {
            padding: 0;
            width: 100%;
            max-width: 100%;     
        }
                    
        
        .art_emphCta {
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: center;
            column-gap: 0%;
            row-gap: 20px;
            margin: 30px 0px 30px 0px;
            padding: 3%;
            border: 1px solid #efefef;
            border-radius: 8px;
            background: #efefef;
        }   
            
            .art_emphCta .left {
                order: 1 !important;
            }

            .art_emphCta .right {
                order: 2 !important;
            }
        
        
            .art_inlineCta {
                width: 100%;
                display: flex;
                flex-direction: column;
                justify-content: flex-start;
                align-items: center;
                column-gap: 0%;
                row-gap: 20px;
                margin: 30px 0px 30px 0px;
                padding: 0;       
            }
        
            .art_cta_img {
                width: 100%;
                min-width: 100%;
                max-width: 100%;
                height: auto;
            }

            .art_inlineCta .ctaText {
                width: 100%;
                padding: 0%;
            }            

            .art_emphCta .ctaText {
                width: 100%;
                padding: 5%;
            }

            .small_app_prod_card_art {
            width: 48%;
            position: relative;
            text-decoration: none;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            font-size: .9em;
            padding: 1%;
            background: rgb(255,255,255);
            background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 45%, rgba(231,231,231,1) 100%);
            border-radius: 8px;
            border: 1px solid #efefef;
            color: #333;
            font-family: 'Nunito Sans', sans-serif;
            font-weight: 300;
            height: 190px;
            margin: .8%;
            }

            .art_gallery_ss .mrWrap {
            width: 100%;
            min-width: 100%;
            max-width: 100%;
            height: auto;
            min-height: 198px;
            border-radius: 0px;
            overflow: hidden;
            }


            .art_card {
            padding: 20px;
            border: 1px solid #efefef;
            border-radius: 8px;
            box-sizing: border-box;
            width: 100%;
            min-width: 100%;
            }

            .art_cards {
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            column-gap: 0%;
            row-gap: 20px;
            }

            .art_cards_heading {
                margin-bottom: 20px;
            }



            #art_content {
                max-width: 100vw;
                padding-left: 5%;
                padding-right: 5%;
                background: #fff;
            }

            .art_inline_gallery {
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: center;
            column-gap: 5%;
            width: 100%;
            max-width: 100% !important;
            margin: 30px 0px 30px 0px;
            }


            .art_inline_gallery_text {
                width: 100%;
                min-width: 100%;
                max-width: 100%;
                padding: 0;
                margin: 0;
            }

            .art_inline_gallery_show {
                width: 100%;
                min-width: 100%;
                max-width: 100%;
                padding: 0;
                margin: 0;
            }

            .art_inline_gallery_ss .mrWrap {
            width: 100%;
            min-width: 100%;
            max-width: 100%;
            height: auto;
            min-height: 198px;
            border-radius: 0px;
            overflow: hidden;
            }

            .art_inline_gallery_ss {
            width: 100% !important;
            max-width: 100% !important;
            min-width: 100%;
            height: auto;
            min-height: 198px;
            display: block;
            margin: 0;
            }

            .ssRight {
            order: 2 !important;
            margin-top: 10px;
            }

            .ssLeft {
                order: 1 !important;
            }

            .txtRight {
                order: 2 !important;
                margin-top: 10px;
            }

            .txtLeft {
                order: 1 !important;
            }



            #SocProofSS {
            width: 100%;
            padding: 0%;
            }

            .art_inlineImg {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            align-items: center;
            margin: 20px 0px 20px 0px;
            width: 100%;
            flex-direction: column;
        }

            .art_inlineImg .art_inlineImg_img_43 {
                width: 100%;
                margin: 0 0 0 0;
            }
            
            .art_inlineImg .art_inlineImg_img_169 {
                width: 100%;
                margin: 0 0 0 0;
            }

           .imgGrid100 {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;
            width: 100%;
            max-width: 100%;
            justify-content: flex-start;
            align-items: flex-start;
            column-gap: 5%;
            row-gap: 20px;
            padding: 0;
            margin: 30px 0px 30px;

            }

            .art_imgGrid .art_imgGrid_25 {
            width: auto;
            max-width: 47.5%;
            margin: 0;
            }

            .inlineImgGrid_50 {
            width: 100%;
            max-width: 100%;
            min-width: 100%;
            display:flex;
            justify-content: flex-start;
            flex-wrap: wrap;
            row-gap: 16px;
            column-gap: 5%;
            }

            .art_inlineImgGrid .inlineImgGridText {
            flex: 1;
            margin-top: 30px;
            padding-left: 0px;
            width: 100%;
            }

            .art_emphVid {
            width: 100%;
            height: auto;
            margin: 30px 0px 30px 0px;
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            justify-content: flex-start;
            align-items: center;
            background: #efefef;
            border-radius: 10px;
            overflow: hidden;
            }

            .art_emphVid .vid {
                width: 100%;
                min-width: 100% !important;
                position: relative;
            }

            .art_emphVid .vid.rightVid {
                order: 1;
            }

            .art_emphVid .vid .leftVid {
                order: 1;
            }


            .art_emphVid .vid .vid_still img {
                width: 100%;
                max-width: 100%;
                height: auto;
                display: block;
            }

            .art_emphVid p {
                max-width: 100%;
                line-height: 1.3;
                font-size: 90%;
            }

            .art_emphVid h3 {
                padding: 0;
            }

            .art_emphVid .text {
                margin-top: 1.5%;
                padding: 5%;
                max-width: 100%;
                order: 2;
            }

            .art_inlineVid {
                width: 100%;
                height: auto;
                display: flex;
                flex-direction: column;
                flex-wrap: wrap;
                margin: 30px 0px 30px 0px;
                column-gap: 0%;
            }

            .art_inlineVid .vid {
                position: relative;
                width: 100%;
                max-width: 100%;
                height: auto;
                max-height: max-content;
            }

            .art_inlineVid .vid.rightVid {
                order: 1;
            }

            .art_inlineVid .vid .leftVid {
                order: 1;
            }

            .art_inlineVid p {
                flex: 1;
                order: 2;
                margin-top: 20px;
            }

            .art_inlineVid .vid .vid_still img {
                width: 100%;
                max-width: 100%;
                height: auto;
                display: block;
            }

            .relArt {
            width: 100%;
            line-height: 1.15;
            color: #80c342;
            padding: 14px;
            border: 1px solid #efefef;
            border-radius: 8px;
            font-size: .85em;
            text-decoration: none;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            flex-wrap: nowrap;
            height: 66px;
            max-height: 66px;
            }
            
            

           .topHero_text {
            margin-left: 0%;
            text-align: center;
            z-index: 999;
            padding: 0;
            text-shadow: 0 0 10px #000;
            width: 100%;
            height: auto;
         }

            .topHero_text h1 {
                font-size: 2.1em;
                line-height: 1.15;
                color: #fff;
                margin: 0;
                padding: 0;
            }

            .art_h1 {
            line-height: 1.15;
            color: #333;
            font-size: 2em;
            }

            .art_benefits .app_benefits_sb {
            width: auto;
            max-width: 80%;
            height: 50px;
            border-radius: 25px;
            background: #80c342;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            margin: 0 auto;
            margin-top: -25px;
            color: #fff;
            font-size: 1.1em;
            font-weight: 600;
            padding: 0px 20px 0px 20px;
            line-height: 1.1;
            }

            .art_benefits .app_benefits_flex {
            width: 80%;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            flex-wrap: wrap;
            margin-top: 40px;
            margin-bottom: 16px;
            }

            .benefit_icon {
            width: 45px;
            height: 45px;
            margin-right: 15px;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            }

            .benefit_icon img {
            max-height: 100%;
            max-width: 61px !important;
            }

            .benefit_text {
            font-weight: 600;
            font-size: 1em;
            line-height: 1.2;
            width: auto;
            min-width: none;
            padding: 0;
            text-align: left;
            }

            .benefit_item {
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            width: 100%;
            min-width: 100%;
            max-width: 100% !important;
            margin: 0;
            margin-bottom: 30px;
            padding: 0;
            }


        }

        @media only screen and (min-width: 481px) and (max-width: 768.98px) {

         .relvids {
            width: 100%;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: flex-start;
            position: relative;
            margin: 20px 0px 20px 0px;
            column-gap: 5%;
            row-gap: 16px;
            flex-wrap: wrap;
        }

        .relVid {
            width: 30%;
            position: relative;
            padding: 0;
        }

         .spItems {
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            column-gap: 0%;
            row-gap: 20px;
            margin-bottom: 40px;
        }

        .spSection {
            width: 100%;
            max-width: 100%;
            padding: 2.5%;
            border: 1px solid #efefef;
            border-radius: 8px;
            background: #f0f0f0;
            background: linear-gradient(360deg, rgba(240, 240, 240, 1) 0%, rgba(255, 255, 255, 1) 57%, rgba(255, 255, 255, 1) 100%);
        }

         .spSection h2 {
            margin-bottom: 15px;
        }

        .spListItem {
            text-decoration: none;
            color: #333;
            font-weight: 500;
            margin: 10px 0px 10px 0px;
            display: inline-block;
            border-bottom: 1px solid #efefef;
            padding: 8px 8px 16px 8px;
            min-width: 100%;

        }

        .spli_quotee {
            font-weight: 600;
            color: #5a5a5a;
            font-size: .9em;
            margin-bottom: 2px;
        }

        .spli_headline {
            font-weight: 700;
            line-height: 1.2;
            font-size: 1em;
            margin-bottom: 3px;
        }

        .spli_summary {
            font-weight: 400;
            font-size: .85em;
            line-height: 1.2;
        }
   

         #SocProofSS .mrWrap {
        width: 100%;
        min-width: 100%;
        height: auto;
        min-height: 292px;
        border-radius: 10px;
        overflow: hidden;
        }
        
        .art_inlineImg .art_inlineImage {
            padding: 0;
            width: 100%;
            max-width: 100%;
            min-width: 100%;
        }

        .art_inlineImg .art_inlineImgTxt {
            padding: 0;
            width: 100%;
            max-width: 100%;     
        }
                    
        
        .art_emphCta {
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: center;
            column-gap: 0%;
            row-gap: 20px;
            margin: 30px 0px 30px 0px;
            padding: 3%;
            border: 1px solid #efefef;
            border-radius: 8px;
            background: #efefef;
        }   
            
            .art_emphCta .left {
                order: 1 !important;
            }

            .art_emphCta .right {
                order: 2 !important;
            }
        
        
            .art_inlineCta {
                width: 100%;
                display: flex;
                flex-direction: column;
                justify-content: flex-start;
                align-items: center;
                column-gap: 0%;
                row-gap: 20px;
                margin: 30px 0px 30px 0px;
                padding: 0;       
            }
        
            .art_cta_img {
                width: 100%;
                min-width: 100%;
                max-width: 100%;
                height: auto;
            }

            .art_inlineCta .ctaText {
                width: 100%;
                padding: 0%;
            }            

            .art_emphCta .ctaText {
                width: 100%;
                padding: 5%;
            }

            .small_app_prod_card_art {
            width: 48%;
            position: relative;
            text-decoration: none;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            font-size: .9em;
            padding: 1%;
            background: rgb(255,255,255);
            background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 45%, rgba(231,231,231,1) 100%);
            border-radius: 8px;
            border: 1px solid #efefef;
            color: #333;
            font-family: 'Nunito Sans', sans-serif;
            font-weight: 300;
            height: 190px;
            margin: .8%;
            }

            .art_gallery_ss .mrWrap {
            width: 100%;
            min-width: 100%;
            max-width: 100%;
            height: auto;
            min-height: 198px;
            border-radius: 0px;
            overflow: hidden;
            }


            .art_card {
            padding: 20px;
            border: 1px solid #efefef;
            border-radius: 8px;
            box-sizing: border-box;
            width: 100%;
            min-width: 100%;
            }

            .art_cards {
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            column-gap: 0%;
            row-gap: 20px;
            }

            .art_cards_heading {
                margin-bottom: 20px;
            }



            #art_content {
            max-width: 100vw;
            padding-left: 5%;
            padding-right: 5%;
            background: #fff;
            }

            .art_inline_gallery {
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: center;
            column-gap: 5%;
            width: 100%;
            max-width: 100% !important;
            margin: 30px 0px 30px 0px;
            }


            .art_inline_gallery_text {
                width: 100%;
                min-width: 100%;
                max-width: 100%;
                padding: 0;
                margin: 0;
            }

            .art_inline_gallery_show {
            width: 100%;
            min-width: 100%;
            max-width: 100%;
            padding: 0;
            margin: 0;
            }

            .art_inline_gallery_ss .mrWrap {
            width: 100%;
            min-width: 100%;
            max-width: 100%;
            height: auto;
            min-height: 198px;
            border-radius: 0px;
            overflow: hidden;
            }

            .art_inline_gallery_ss {
            width: 100% !important;
            max-width: 100% !important;
            min-width: 100%;
            height: auto;
            min-height: 198px;
            display: block;
            margin: 0;
            }

            .ssRight {
            order: 2 !important;
            margin-top: 10px;
            }

            .ssLeft {
            order: 1 !important;
            }

            .txtRight {
            order: 2 !important;
            margin-top: 10px;
            }

            .txtLeft {
            order: 1 !important;
            }


            .art_inlineImg {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            align-items: center;
            margin: 20px 0px 20px 0px;
            width: 100%;
            flex-direction: column;
            }


            .art_imgGrid .art_imgGrid_25 {
            width: auto;
            max-width: 47.5%;
            margin: 0;
            }

            .inlineImgGrid_50 {
            width: 100%;
            max-width: 100%;
            min-width: 100%;
            display:flex;
            justify-content: flex-start;
            flex-wrap: wrap;
            row-gap: 16px;
            column-gap: 5%;
            }

            .art_inlineImgGrid .inlineImgGridText {
            flex: 1;
            margin-top: 30px;
            padding-left: 0px;
            width: 100%;
            }

            .art_emphVid {
            width: 100%;
            height: auto;
            margin: 30px 0px 30px 0px;
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            justify-content: flex-start;
            align-items: center;
            background: #efefef;
            border-radius: 10px;
            overflow: hidden;
            }

            .art_emphVid .vid {
            width: 100%;
            min-width: 100% !important;
            position: relative;
            }

            .art_emphVid .vid.rightVid {
            order: 1;
            }

            .art_emphVid .vid .leftVid {
            order: 1;
            }


            .art_emphVid .vid .vid_still img {
            width: 100%;
            max-width: 100%;
            height: auto;
            display: block;
            }

            .art_emphVid p {
            max-width: 100%;
            line-height: 1.3;
            font-size: 90%;
            }

            .art_emphVid h3 {
            padding: 0;
            }

            .art_emphVid .text {
            margin-top: 1.5%;
            padding: 5%;
            max-width: 100%;
            order: 2;
            }

            .art_inlineVid {
            width: 100%;
            height: auto;
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            margin: 30px 0px 30px 0px;
            column-gap: 0%;
            }

            .art_inlineVid .vid {
            position: relative;
            width: 100%;
            max-width: 100%;
            height: auto;
            max-height: max-content;
            }

            .art_inlineVid .vid.rightVid {
            order: 1;
            }

            .art_inlineVid .vid .leftVid {
            order: 1;
            }

            .art_inlineVid p {
            flex: 1;
            order: 2;
            margin-top: 20px;
            }

            .art_inlineVid .vid .vid_still img {
            width: 100%;
            max-width: 100%;
            height: auto;
            display: block;
            }

            .relArt {
            width: 100%;
            line-height: 1.15;
            color: #80c342;
            padding: 14px;
            border: 1px solid #efefef;
            border-radius: 8px;
            font-size: .85em;
            text-decoration: none;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            flex-wrap: nowrap;
            height: 66px;
            max-height: 66px;
            }
            


            .topHero_text {
            position: relative;
            text-align: center !important;
            margin-left: 0;
            z-index: 999;
            padding: 0;
            text-shadow: 0 0 10px #000;
            width: 100%;
            min-width: 100%;
            height: auto;
            }

            .topHero_text h1 {
            font-size: 2em;
            line-height: 1.15;
            color: #fff;
            margin: 0;
            padding: 0;
            }

            .art_h1 {
            line-height: 1.15;
            color: #333;
            font-size: 2em;
            }

            .art_benefits .app_benefits_sb {
            width: auto;
            max-width: 80%;
            height: 50px;
            border-radius: 25px;
            background: #80c342;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            margin: 0 auto;
            margin-top: -25px;
            color: #fff;
            font-size: 1.1em;
            font-weight: 600;
            padding: 0px 20px 0px 20px;
            line-height: 1.1;
            }

            .art_benefits .app_benefits_flex {
            width: 80%;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            flex-wrap: wrap;
            margin-top: 40px;
            margin-bottom: 16px;
            }

            .benefit_icon {
            width: 45px;
            height: 45px;
            margin-right: 15px;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            }

            .benefit_icon img {
            max-height: 100%;
            max-width: 61px !important;
            }

            .benefit_text {
            font-weight: 600;
            font-size: 1em;
            line-height: 1.2;
            width: auto;
            min-width: none;
            padding: 0;
            text-align: left;
            }

            .benefit_item {
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            width: 100%;
            min-width: 100%;
            max-width: 100% !important;
            margin: 0;
            margin-bottom: 30px;
            padding: 0;
            }

           
            #SocProofSS {
            width: 100%;
            padding: 0%;
            }

            .art_inlineImg .art_inlineImg_img_43 {
            width: 100%;
            min-width: 100%;
            margin: 0 0 0 0;
            }

            .art_inlineImg .art_inlineImg_img_169 {
            width: 100%;
            min-width: 100%;
            margin: 0 0 0 0;
            }

            .imgGrid100 {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;
            width: 100%;
            max-width: 100%;
            justify-content: flex-start;
            align-items: flex-start;
            column-gap: 5%;
            row-gap: 28px;
            padding: 0;
            margin: 30px 0px 30px;
            }

            .art_imgGrid .art_imgGrid_25 {
            width: auto;
            max-width: 30%;
            margin: 0;
            }

            .inlineImgGrid_50 {
                width: 100%;
                max-width: 100%;
                min-width: 100%;
                display:flex;
                justify-content: flex-start;
                flex-wrap: wrap;
                row-gap: 16px;
                column-gap: 5%;
            }

            .art_inlineImgGrid .inlineImgGridText {
                flex: 1;
                margin-top: 30px;
                padding-left: 0px;
                width: 100%;
            }

            .art_emphVid {
                width: 100%;
                height: auto;
                margin: 30px 0px 30px 0px;
                display: flex;
                flex-direction: column;
                flex-wrap: wrap;
                justify-content: flex-start;
                align-items: center;
                background: #efefef;
                border-radius: 10px;
                overflow: hidden;
            }

            .art_emphVid .vid {
                width: 100%;
                min-width: 100% !important;
                position: relative;
            }

            .art_emphVid .vid.rightVid {
                order: 1;
            }

            .art_emphVid .vid .leftVid {
                order: 1;
            }

            .art_emphVid .vid .vid_still img {
                width: 100%;
                max-width: 100%;
                height: auto;
                display: block;
            }

            .art_emphVid p {
                max-width: 100%;
                line-height: 1.3;
                font-size: 90%;
            }

            .art_emphVid h3 {
                padding: 0;
            }

            .art_emphVid .text {
                margin-top: 1.5%;
                padding: 5%;
                max-width: 100%;
                order: 2;
            }

            .art_inlineVid {
                width: 100%;
                height: auto;
                display: flex;
                flex-direction: column;
                flex-wrap: wrap;
                margin: 30px 0px 30px 0px;
                column-gap: 0%;
            }

            .art_inlineVid .vid {
                position: relative;
                width: 100%;
                max-width: 100%;
                height: auto;
                max-height: max-content;
            }

            .art_inlineVid .vid.rightVid {
                order: 1;
            }

            .art_inlineVid .vid .leftVid {
                order: 1;
            }

            .art_inlineVid p {
                flex: 1;
                order: 2;
                padding: 0;
                margin-top: 20px;
            }

            .art_inlineVid .vid .vid_still img {
                width: 100%;
                max-width: 100%;
                height: auto;
                display: block;
            }   
            


            .relArt {
            width: 48%;
            line-height: 1.15;
            color: #80c342;
            padding: 14px;
            border: 1px solid #efefef;
            border-radius: 8px;
            font-size: .85em;
            text-decoration: none;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            flex-wrap: nowrap;
            height: 66px;
            max-height: 66px;
            }

        
            .art_h1 {
            line-height: 1.15;
            color: #333;
            font-size: 2.25em;
            }

            .art_benefits {
            margin-bottom: 20px;
            }

            .art_benefits .app_benefits_sb {
            width: auto;
            max-width: 80%;
            height: 50px;
            border-radius: 25px;
            background: #80c342;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            margin: 0 auto;
            margin-top: -25px;
            color: #fff;
            font-size: 1.1em;
            font-weight: 600;
            padding: 0px 20px 0px 20px;
            line-height: 1.1;
            }

            .art_benefits .app_benefits_flex {
            width: 100%;
            min-width: 100%;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            flex-wrap: wrap;
            margin-top: 40px;
            margin-bottom: 16px;
            padding: 4% 8%;
            }

            .benefit_icon {
            width: 45px;
            height: 45px;
            margin-right: 15px;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            }

            .benefit_icon img {
            max-height: 100%;
            max-width: 61px !important;
            }

            .benefit_text {
            font-weight: 600;
            font-size: 1em;
            line-height: 1.2;
            width: auto;
            padding: 0;
            text-align: left;
            min-width: 50%;
            }

            .benefit_item {
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            width: 100%;
            min-width: 100%;
            max-width: 100%;
            margin: 0;
            margin-bottom: 30px;
            padding: 0;
            }            

        }

        @media only screen and (min-width: 655px) and (max-width: 664.98px) {

            .relVid {
            
            }

        }

        @media only screen and (min-width: 481px) and (max-width: 654.98px) {

            #SocProofSS {
            width: 100%;
            padding: 0% 5%;
            }

            .relVid {
           
            }

        }




    @media only screen and (min-width: 769px) and (max-width: 1059.98px) {

         .spItems {
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            column-gap: 0%;
            row-gap: 20px;
            margin-bottom: 40px;
        }

        .spSection {
            width: 100%;
            max-width: 100%;
            padding: 2.5%;
            border: 1px solid #efefef;
            border-radius: 8px;
            background: #f0f0f0;
            background: linear-gradient(360deg, rgba(240, 240, 240, 1) 0%, rgba(255, 255, 255, 1) 57%, rgba(255, 255, 255, 1) 100%);
        }

         .spSection h2 {
            margin-bottom: 15px;
        }

        .spListItem {
            text-decoration: none;
            color: #333;
            font-weight: 500;
            margin: 10px 0px 10px 0px;
            display: inline-block;
            border-bottom: 1px solid #efefef;
            padding: 8px 8px 16px 8px;
            min-width: 100%;
        }

        .spli_quotee {
            font-weight: 600;
            color: #5a5a5a;
            font-size: .9em;
            margin-bottom: 2px;
        }

        .spli_headline {
            font-weight: 700;
            line-height: 1.2;
            font-size: 1em;
            margin-bottom: 3px;
        }

        .spli_summary {
            font-weight: 400;
            font-size: .85em;
            line-height: 1.2;
        }

        .topHero_text {
            margin-left: 5%;
            text-align: left;
            z-index: 999;
            padding: 0;
            text-shadow: 0 0 10px #000;
            width: 100%;
            height: auto;
        }

        .topHero_text h1 {
            font-size: 2.5em;
            line-height: 1.15;
            color: #fff;
            margin: 0;
            padding: 0;
        }

        #SocProofSS .mrWrap {
                width: 100%;
                min-width: 100%;
                height: auto;
                min-height: 250px;
                border-radius: 10px;
                overflow: hidden;
            }
        
            #art_content {
                max-width: 100vw;
                padding-left: 5%;
                padding-right: 5%;
                background: #fff;
            }
            
            .art_inlineImg .art_inlineImg_img_43 {
                width: 40%;
                min-width: 40%;
            }

            .art_inlineImg .art_inlineImg_img_169 {
                width: 40%;
                min-width: 40%;
            }

           .imgGrid100 {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;
            width: 100%;
            max-width: 100%;
            justify-content: flex-start;
            align-items: flex-start;
            column-gap: 5%;
            row-gap: 28px;
            padding: 0;
            margin: 30px 0px 30px;
            }

            .art_imgGrid .art_imgGrid_25 {
            width: auto;
            max-width: 30%;
            margin: 0;
            }

            .art_inlineImgGrid {
                margin: 30px 0px 30px 0px;
            }

            .inlineImgGrid_50 {
            width: 40%;
            max-width: 40%;
            min-width: 40%;
            display: flex;
            justify-content: flex-start;
            flex-wrap: wrap;
            row-gap: 16px;
            column-gap: 5%;
            }

            .art_inlineImg .art_inlineImage {
            padding: 0;
            width: 40%;
            max-width: 40%;
            min-width: 40%;
            }

            .art_inlineImgGrid .inlineImgGridText {
            flex: 1;
            margin-top: 0px;
            padding-left: 0px;
            width: 55%;
            }

            .art_emphVid {
                width: 100%;
                height: auto;
                margin: 30px 0px 30px 0px;
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: flex-start;
                align-items: center;
                background: #efefef;
                border-radius: 10px;
                overflow: hidden;
            }

            .art_emphVid .vid {
                width: 40%;
                min-width: 40% !important;
                position: relative;
            }

            .art_emphVid .vid.rightVid {
                order: 2;
            }

            .art_emphVid .vid .leftVid {
                order: 1;
            }

            .art_emphVid .vid .vid_still img {
                width: 100%;
                max-width: 100%;
                height: auto;
                display: block;
            }

            .art_emphVid p {
                max-width: 100%;
                line-height: 1.3;
                font-size: 90%;
            }

            .art_emphVid h3 {
                padding: 0;
                margin: 0;
                width: 100%;
                text-align: left;
            }

            .art_emphVid .text {
                flex: 1;
                margin-top: 1.5%;
                padding: 0% 5%;
                max-width: 100%;
            }

            .art_inlineVid {
                width: 100%;
                height: auto;
                display: flex;
                margin: 30px 0px 30px 0px;
                column-gap: 5%;
            }

            .art_inlineVid .vid {
                position: relative;
                width: 40%;
                max-width: 40%;
                height: auto;
                max-height: max-content;
            }

            .art_inlineVid .vid.rightVid {
                order: 2;
            }

            .art_inlineVid .vid .leftVid {
                order: 1;
            }

            .art_inlineVid p {
                flex: 1;
                padding: 0;
            }

            .art_inlineVid .vid .vid_still img {
                width: 100%;
                max-width: 100%;
                height: auto;
                display: block;
            }
            


            .relArt {
            width: 48%;
            line-height: 1.15;
            color: #80c342;
            padding: 14px;
            border: 1px solid #efefef;
            border-radius: 8px;
            font-size: .85em;
            text-decoration: none;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            flex-wrap: nowrap;
            height: 66px;
            max-height: 66px;
            }


            .benefit_text {
            font-weight: 600;
            font-size: 1em;
            line-height: 1.2;
            max-width: 100%;
            padding: 0;
            text-align: left;
            }

            .benefit_item {
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            width: auto;
            min-width: 48%;
            max-width: 48%;
            margin: 0;
            margin-bottom: 30px;
            padding: 0;
            }

            .art_benefits .app_benefits_flex {
            width: auto;
            max-width: 80%;
            margin: 0 auto;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: flex-start;
            flex-wrap: wrap;
            margin-top: 40px;
            margin-bottom: 16px;
            }

        }


        @media only screen and (min-width: 1060px) and (max-width: 1399.98px ) {

            .spItems {
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            column-gap: 0%;
            row-gap: 20px;
            margin-bottom: 40px;
            }

            .spSection {
                width: 100%;
                max-width: 100%;
                padding: 2.5%;
                border: 1px solid #efefef;
                border-radius: 8px;
                background: #f0f0f0;
                background: linear-gradient(360deg, rgba(240, 240, 240, 1) 0%, rgba(255, 255, 255, 1) 57%, rgba(255, 255, 255, 1) 100%);
            }

            .spSection h2 {
                margin-bottom: 15px;
            }

            .spListItem {
                text-decoration: none;
                color: #333;
                font-weight: 500;
                margin: 10px 0px 10px 0px;
                display: inline-block;
                border-bottom: 1px solid #efefef;
                padding: 8px 8px 16px 8px;
                min-width: 100%;
            }

            .spli_quotee {
                font-weight: 600;
                color: #5a5a5a;
                font-size: .9em;
                margin-bottom: 2px;
            }

            .spli_headline {
                font-weight: 700;
                line-height: 1.2;
                font-size: 1em;
                margin-bottom: 3px;
            }

            .spli_summary {
                font-weight: 400;
                font-size: .85em;
                line-height: 1.2;
            }

            .topHero_text {
                margin-left: 5%;
                text-align: left;
                z-index: 999;
                padding: 0;
                text-shadow: 0 0 10px #000;
                width: 100%;
                height: auto;
            }

            .topHero_text h1 {
                font-size: 2.5em;
                line-height: 1.15;
                color: #fff;
                margin: 0;
                padding: 0;
            }

            #SocProofSS .mrWrap {
            width: 100%;
            min-width: 100%;
            height: auto;
            min-height: 250px;
            border-radius: 10px;
            overflow: hidden;
            }

            .art_inlineImg .art_inlineImg_img_43 {
                width: 40%;
                min-width: 40%;
            }

            .art_inlineImg .art_inlineImg_img_169 {
                width: 40%;
                min-width: 40%;
            }

            .art_imgGrid.imgGrid100 {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;
            width: 100%;
            max-width: 100%;
            justify-content: flex-start;
            align-items: flex-start;
            column-gap: 3%;
            row-gap: 28px;
            padding: 0;
            margin: 30px 0px 30px;
            }

            .art_imgGrid .art_imgGrid_25 {
            width: 22.75%;
            margin: 0;
            }

            .art_inlineImgGrid {
                margin: 30px 0px 30px 0px;
            }

            .inlineImgGrid_50 {
            width: 40%;
            max-width: 40%;
            min-width: 40%;
            display:flex;
            justify-content: flex-start;
            flex-wrap: wrap;
            row-gap: 16px;
            column-gap: 5%;
            }

            .art_inlineImgGrid .inlineImgGridText {
            flex: 1;
            margin-top: 0px;
            padding-left: 0px;
            width: 55%;
            }

            .art_inlineImg .art_inlineImage {
            padding: 0;
            width: 40%;
            max-width: 40%;
            min-width: 40%;
            }

            .art_emphVid {
                width: 100%;
                height: auto;
                margin: 30px 0px 30px 0px;
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: flex-start;
                align-items: center;
                background: #efefef;
                border-radius: 10px;
                overflow: hidden;
            }

            .art_emphVid .vid {
                width: 40%;
                min-width: 40% !important;
                position: relative;
                margin-right: 0%;
            }

            .art_emphVid .vid.rightVid {
                order: 2;
            }

            .art_emphVid .vid .leftVid {
                order: 1;
            }

            .art_emphVid .vid .vid_still img {
                width: 100%;
                max-width: 100%;
                height: auto;
                display: block;
            }

            .art_emphVid p {
                max-width: 100%;
                line-height: 1.3;
                font-size: 90%;
            }

            .art_emphVid h3 {
                padding: 0;
                margin: 0;
                width: 100%;
                text-align: left;
            }

            .art_emphVid .text {
                flex: 1;
                margin-top: 1.5%;
                padding: 0% 5%;
                max-width: 100%;
            } 
            
            .art_inlineVid {
                width: 100%;
                height: auto;
                display: flex;
                margin: 30px 0px 30px 0px;
                column-gap: 5%;
            }

            .art_inlineVid .vid {
                position: relative;
                width: 40%;
                max-width: 40%;
                height: auto;
                max-height: max-content;
            }

            .art_inlineVid .vid.rightVid {
                order: 2;
            }

            .art_inlineVid .vid .leftVid {
                order: 1;
            }

            .art_inlineVid p {
                flex: 1;
                padding: 0;
            }

            .art_inlineVid .vid .vid_still img {
                width: 100%;
                max-width: 100%;
                height: auto;
                display: block;
            }     
            
            .relArt {
            width: 48%;
            line-height: 1.15;
            color: #80c342;
            padding: 14px;
            border: 1px solid #efefef;
            border-radius: 8px;
            font-size: .85em;
            text-decoration: none;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            flex-wrap: nowrap;
            height: 66px;
            max-height: 66px;
            }

            .benefit_text {
            font-weight: 600;
            font-size: 1em;
            line-height: 1.2;
            max-width: 100%;
            padding: 0;
            text-align: left;
            }

            .benefit_item {
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            width: 30%;
            min-width: 30%;
            max-width: 30%;
            margin: 1%;
            margin-bottom: 30px;
            padding: 0;
            }

            .art_benefits .app_benefits_flex {
            width: 80%;
            min-width: 80%;
            max-width: 80%;
            margin: 0 auto;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: flex-start;
            flex-wrap: wrap;
            margin-top: 40px;
            margin-bottom: 16px;
            }

        }

        @media only screen and (min-width: 1400px) and (max-width: 1999.98px) {  
             
            .topHero_text {
                margin-left: 5%;
                text-align: left;
                z-index: 999;
                padding: 0;
                text-shadow: 0 0 10px #000;
                width: 100%;
                height: auto;
            }

            .topHero_text h1 {
                font-size: 2.5em;
                line-height: 1.15;
                color: #fff;
                margin: 0;
                padding: 0;
            }

            #SocProofSS .mrWrap {
            width: 100%;
            min-width: 100%;
            height: auto;
            min-height: 266px;
            border-radius: 10px;
            overflow: hidden;
            }            
            
            .art_inlineImg .art_inlineImg_img_43 {
                width: 30%;
                min-width: 30%;
            }

             .art_inlineImg .art_inlineImg_img_169 {
                width: 30%;
            }

            .art_inlineImg .art_inlineImage {
            padding: 0;
            width: 35%;
            max-width: 35%;
            min-width: 35%;
            }

            .art_inlineImg .art_inlineImgTxt {
            padding: 0;
            width: auto;
            max-width: 60%;     
            }

            .art_imgGrid.imgGrid100 {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;
            width: 100%;
            max-width: 100%;
            justify-content: flex-start;
            align-items: flex-start;
            column-gap: 3%;
            row-gap: 34px;
            padding: 0;
            margin: 30px 0px 30px;
            }

            .art_imgGrid .art_imgGrid_25 {
            width: 22.75%;
            margin: 0;
            }

            .art_inlineImgGrid {
                margin: 35px 0px 35px 0px;
            }

            .inlineImgGrid_50 {
            width: 35%;
            max-width: 35%;
            min-width: 35%;
            display:flex;
            justify-content: flex-start;
            flex-wrap: wrap;
            row-gap: 16px;
            column-gap: 5%;
            }

            .art_inlineImgGrid .inlineImgGridText {
            flex: 1;
            margin-top: 0px;
            padding-left: 0px;
            width: 60%;
            }     
            
            .art_emphVid {
                width: 100%;
                height: auto;
                margin: 30px 0px 30px 0px;
                display: flex;
                flex-direction: row;
                flex-wrap: nowrap;
                justify-content: space-between;
                align-items: center;
                background: #efefef;
                border-radius: 10px;
                overflow: hidden;
            }


            .art_emphVid .vid {
                width: 30%;
                min-width: 30% !important;
                position: relative;
                margin-right: 0%;
            }

            .art_emphVid .vid.rightVid {
                order: 2;
            }

            .art_emphVid .vid .leftVid {
                order: 1;
            }

            .art_emphVid .vid .vid_still img {
                width: 100%;
                max-width: 100%;
                height: auto;
                display: block;
            }

            .art_emphVid p {
                max-width: 100%;
                line-height: 1.3;
                font-size: 90%;
            }

            .art_emphVid h3 {
                padding: 0;
                margin: 0;
                width: 100%;
                text-align: left;
            }

            .art_emphVid .text {
                flex: 1;
                margin-top: 1.5%;
                padding: 0% 5%;
                max-width: 100%;
            }

            .art_inlineVid {
                width: 100%;
                height: auto;
                display: flex;
                margin: 30px 0px 30px 0px;
                column-gap: 5%;
            }

            .art_inlineVid .vid {
                position: relative;
                width: 35%;
                max-width: 35%;
                height: auto;
                max-height: max-content;
            }

            .art_inlineVid .vid.rightVid {
                order: 2;
            }

            .art_inlineVid .vid .leftVid {
                order: 1;
            }

            .art_inlineVid p {
                flex: 1;
                padding: 0;
            }

            .art_inlineVid .vid .vid_still img {
                width: 100%;
                max-width: 100%;
                height: auto;
                display: block;
            }
            


            .benefit_text {
            font-weight: 600;
            font-size: 1.1em;
            line-height: 1.2;
            max-width: 100%;
            padding: 0;
            text-align: left;
            }

            .benefit_item {
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            width: 31%;
            min-width: 31%;
            max-width: 31%;
            margin: 0% 1% 0% 1%;
            margin-bottom: 30px;
            padding: 0;
            }

            .art_benefits .app_benefits_flex {
            width: 90%;
            max-width: 90%;
            margin: 0 auto;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: flex-start;
            flex-wrap: wrap;
            margin-top: 40px;
            margin-bottom: 16px;
            padding: 0%;
            }


        }

        @media only screen and (min-width: 1400px) and (max-width: 1700px) { 

            .relVid {
            
            }
        }

        @media (min-width: 2000px) {

             .topHero_text {
                margin-left: 5%;
                text-align: left;
                z-index: 999;
                padding: 0;
                text-shadow: 0 0 10px #000;
                width: auto;
                height: auto;
            }

            .topHero_text h1 {
                font-size: 2.5em;
                line-height: 1.15;
                color: #fff;
                margin: 0;
                padding: 0;
            }

            #SocProofSS .mrWrap {
            width: 100%;
            min-width: 100%;
            height: auto;
            min-height: 250px;
            border-radius: 10px;
            overflow: hidden;
            }      

            #art_content {
            max-width: 100vw;
            padding-left: clamp(0px, calc((100vw - 760px) * 0.35), 35vw);
            padding-right: clamp(0px, calc((100vw - 760px) * 0.35), 35vw);
            background: #fff;
            }

            .topHero {
            max-width: 100vw;
            padding-left: 0;
            padding-right: 0;
            }

            .art_inlineImg .art_inlineImg_img_43 {
                width: 20%;
                min-width: 20%;
            }

             .art_inlineImg .art_inlineImg_img_169 {
                width: 25%;
                min-width: 25%;
            }

            .art_inlineImg {
            display: flex;
            flex-wrap: wrap;
            gap: 5%;
            align-items: center;
            margin: 30px 0px 30px 0px;
            }

            .art_imgGrid.imgGrid100 {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;
            width: 100%;
            max-width: 100%;
            justify-content: flex-start;
            align-items: flex-start;
            column-gap: 2.5%;
            row-gap: 30px;
            padding: 0;
            margin: 34px 0px 34px;
            }

            .art_imgGrid .art_imgGrid_25 {
            width: 23.125%;
            margin: 0;
            }

            .art_inlineImgGrid {
                margin: 35px 0px 35px 0px;
            }

            .inlineImgGrid_50 {
            width: 30%;
            max-width: 30%;
            min-width: 30%;
            display:flex;
            justify-content: flex-start;
            flex-wrap: wrap;
            row-gap: 16px;
            column-gap: 5%;
            }

            .art_inlineImgGrid .inlineImgGridText {
            flex: 1;
            margin-top: 0px;
            padding-left: 0px;
            width: 65%;
            }     
            
            
            .art_emphVid {
                width: 100%;
                height: auto;
                margin: 30px 0px 30px 0px;
                display: flex;
                flex-direction: row;
                flex-wrap: nowrap;
                justify-content: space-between;
                align-items: center;
                background: #efefef;
                border-radius: 10px;
                overflow: hidden;
            }

            .art_emphVid .vid {
                width: 25%;
                min-width: 25% !important;
                position: relative;
                margin-right: 0%;
            }

            .art_emphVid .vid.rightVid {
                order: 2;
            }

            .art_emphVid .vid .leftVid {
                order: 1;
            }

            .art_emphVid .vid .vid_still img {
                width: 100%;
                max-width: 100%;
                height: auto;
                display: block;
            }

            .art_emphVid p {
                max-width: 100%;
                line-height: 1.3;
                font-size: 90%;
            }

            .art_emphVid h3 {
                padding: 0;
                margin: 0;
                width: 100%;
                text-align: left;
            }

            .art_emphVid .text {
                flex: 1;
                margin-top: 1.5%;
                padding: 0 5%;
                max-width: 100%;
            }

            .art_inlineVid {
                width: 100%;
                height: auto;
                display: flex;
                margin: 30px 0px 30px 0px;
                column-gap: 5%;
            }

            .art_inlineVid .vid {
                position: relative;
                width: 25%;
                max-width: 25%;
                height: auto;
                max-height: max-content;
            }

            .art_inlineVid .vid.rightVid {
                order: 2;
            }

            .art_inlineVid .vid.leftVid {
                order: 1;
            }

            .art_inlineVid p {
                flex: 1;
                padding: 0;
            }

            .art_inlineVid .vid .vid_still img {
                width: 100%;
                max-width: 100%;
                height: auto;
                display: block;
            }   
            
            .relVid {
            width: 18.33%;
          
            }

            .relvids {
            width: 100%;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: flex-start;
            position: relative;
            margin: 20px 0px 20px 0px;
            column-gap: 2%;
            row-gap: 20px;
            flex-wrap: wrap;
            }

            .benefit_text {
            font-weight: 600;
            font-size: 1.1em;
            line-height: 1.2;
            max-width: 100%;
            padding: 0;
            text-align: left;
            }

            .benefit_item {
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            width: 31%;
            min-width: 31%;
            max-width: 31%;
            margin: 0% 1% 0% 1%;
            margin-bottom: 30px;
            padding: 0;
            }

            .art_benefits .app_benefits_flex {
            width: 90%;
            max-width: 90%;
            margin: 0 auto;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: flex-start;
            flex-wrap: wrap;
            margin-top: 40px;
            margin-bottom: 16px;
            padding: 0%;
            }


        }