#banner {
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.85) 25%, rgba(255,255,255,0.4) 35%, rgba(255,255,255,0) 40%), 
                linear-gradient(90deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.4) 25%, rgba(255,255,255,0) 50%), 
                url(/assets/landing/nlp2022/images/images-banner2.jpg) no-repeat center top;
}

#banner.white_ppl {
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.85) 25%, rgba(255,255,255,0.4) 35%, rgba(255,255,255,0) 40%),
                linear-gradient(90deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.4) 25%, rgba(255,255,255,0) 50%),
                url(/assets/landing/nlp2022/images/Banner-D-White-People.jpg) no-repeat center top;
}

#banner.maternity {
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.85) 25%, rgba(255,255,255,0.4) 35%, rgba(255,255,255,0) 40%),
                linear-gradient(90deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.4) 25%, rgba(255,255,255,0) 50%),
                url(/assets/landing/nlp2022/images/Banner-D-Baby.jpg) no-repeat center top;
}

#banner.family {
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.85) 25%, rgba(255,255,255,0.4) 35%, rgba(255,255,255,0) 40%),
                linear-gradient(90deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.4) 25%, rgba(255,255,255,0) 50%),
                url(/assets/landing/nlp2022/images/Banner-D-White-Family-B.jpg) no-repeat center top;
}

#banner.usa {
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.85) 25%, rgba(255,255,255,0.4) 35%, rgba(255,255,255,0) 40%),
                linear-gradient(90deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.4) 25%, rgba(255,255,255,0) 50%),
                url(/assets/landing/nlp2022/images/Banner-D-USA.jpg) no-repeat center top;
}

#banner.latin_america {
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.85) 25%, rgba(255,255,255,0.4) 35%, rgba(255,255,255,0) 40%),
                linear-gradient(90deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.4) 25%, rgba(255,255,255,0) 50%),
                url(/assets/landing/nlp2022/images/Banner-D-Latin-America.jpg) no-repeat center top;
}

#content .plans .content .icon {
    background: url(/assets/landing/nlp2022/images/icon-cross.png);
}

#content .plans .content .icon.true_1 {
    background: url(/assets/landing/nlp2022/images/icon-tick.png);
}

/*Mobile only*/
@media only screen and (max-width: 992px) {
    #banner{
        background: none;
        padding: 0;
    }

    #banner header img {
        width: auto;
        height: auto;
        max-width: 260px;
        max-height: 120px;
    }

    #banner #banner_form:before{
        background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.85) 35%, rgba(255,255,255,0.5) 45%, rgba(255,255,255,0) 50%),
                    linear-gradient(180deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.4) 25%, rgba(255,255,255,0) 50%),
                    url(/assets/landing/nlp2022/images/images-banner-mobile.jpg) no-repeat bottom;
    }

    #banner.white_ppl #banner_form:before{
        background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.85) 35%, rgba(255,255,255,0.5) 45%, rgba(255,255,255,0) 50%),
                    linear-gradient(180deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.4) 25%, rgba(255,255,255,0) 50%),
                    url(/assets/landing/nlp2022/images/Banner-M-White-People.jpg) no-repeat bottom;
        background-size: 100vw;
    }

    #banner.maternity #banner_form:before{
        background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.85) 35%, rgba(255,255,255,0.5) 45%, rgba(255,255,255,0) 50%),
                    linear-gradient(180deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.4) 25%, rgba(255,255,255,0) 50%),
                    url(/assets/landing/nlp2022/images/Banner-M-Baby.jpg) no-repeat bottom;
        background-size: 100vw;
    }

    #banner.family #banner_form:before{
        background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.85) 35%, rgba(255,255,255,0.5) 45%, rgba(255,255,255,0) 50%),
                    linear-gradient(180deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.4) 25%, rgba(255,255,255,0) 50%),
                    url(/assets/landing/nlp2022/images/Banner-M-White-Family-B.jpg) no-repeat bottom;
        background-size: 100vw;
    }

    #banner.usa #banner_form:before{
        background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.85) 35%, rgba(255,255,255,0.5) 45%, rgba(255,255,255,0) 50%),
                    linear-gradient(180deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.4) 25%, rgba(255,255,255,0) 50%),
                    url(/assets/landing/nlp2022/images/Banner-M-USA.jpg) no-repeat bottom;
        background-size: 100vw;
    }

    #banner.usa #latin_america:before{
        background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.85) 35%, rgba(255,255,255,0.5) 45%, rgba(255,255,255,0) 50%),
                    linear-gradient(180deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.4) 25%, rgba(255,255,255,0) 50%),
                    url(/assets/landing/nlp2022/images/Banner-M-Latin-America.jpg) no-repeat bottom;
        background-size: 100vw;
    }
}

@media only screen and (max-width: 768px) {
    #banner #banner_form:before{
        background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.85) 45%, rgba(255,255,255,0.5) 55%, rgba(255,255,255,0) 60%),
                    linear-gradient(180deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.4) 25%, rgba(255,255,255,0) 60%),
                    url(/assets/landing/nlp2022/images/images-banner-mobile.jpg) no-repeat bottom;
    }

    #banner.white_ppl #banner_form:before{
        background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.85) 45%, rgba(255,255,255,0.5) 55%, rgba(255,255,255,0) 60%),
                    linear-gradient(180deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.4) 25%, rgba(255,255,255,0) 60%),
                    url(/assets/landing/nlp2022/images/Banner-M-White-People.jpg) no-repeat bottom;
        background-size: 100vw;
    }

    #banner.maternity #banner_form:before{
        background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.85) 45%, rgba(255,255,255,0.5) 55%, rgba(255,255,255,0) 60%),
                    linear-gradient(180deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.4) 25%, rgba(255,255,255,0) 60%),
                    url(/assets/landing/nlp2022/images/Banner-M-Baby.jpg) no-repeat bottom;
        background-size: 100vw;
    }

    #banner.family #banner_form:before{
        background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.85) 45%, rgba(255,255,255,0.5) 55%, rgba(255,255,255,0) 60%),
                    linear-gradient(180deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.4) 25%, rgba(255,255,255,0) 60%),
                    url(/assets/landing/nlp2022/images/Banner-M-White-Family-B.jpg) no-repeat bottom;
        background-size: 100vw;
    }

    #banner.usa #banner_form:before{
        background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.85) 45%, rgba(255,255,255,0.5) 55%, rgba(255,255,255,0) 60%),
                    linear-gradient(180deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.4) 25%, rgba(255,255,255,0) 60%),
                    url(/assets/landing/nlp2022/images/Banner-M-USA.jpg) no-repeat bottom;
        background-size: 100vw;
    }

    #banner.latin_america #banner_form:before{
        background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.85) 45%, rgba(255,255,255,0.5) 55%, rgba(255,255,255,0) 60%),
                    linear-gradient(180deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.4) 25%, rgba(255,255,255,0) 60%),
                    url(/assets/landing/nlp2022/images/Banner-M-Latin-America.jpg) no-repeat bottom;
        background-size: 100vw;
    }
}