.bannerWidget--1 {
    background-image: url(https://s3.amazonaws.com/grazecart/patchesofearthinc/images/1672947278_63b7264e0d535.png); 
	background-attachment: scroll; 
	background-position: 40% 24%; 
	background-repeat: no-repeat; 
    background-size: cover;
    position: relative;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
}

@media (max-width : 480px) {
    /* safari mobile does not support fixed */
    .bannerWidget--1 {
        background-attachment: initial;
    }
}

.bannerWidget--1::after {
    background-color: transparent;
    z-index: 1;
}

.bannerWidget--1 .bannerWidget__innerContainer {
    z-index: 5;
    padding-top: 200px;
    padding-bottom: 200px;
    height: auto;
        max-width: 1600px;
    
    }

.bannerWidget--1 .bannerWidget__heading {
    letter-spacing: 0.05em; 
    color: #FFF; 
    max-width: 1168px; 
    line-height: 1.25; 
    font-size: 68px;
    text-transform: none;
}

.bannerWidget--1 .bannerWidget__subheading {
    letter-spacing: normal; 
    color: #FFF; 
    max-width: 688px; 
    line-height: 1.25; 
    font-size: 28px;
    text-transform: none;
}.photoGridWidget--3 {
    padding-top:28px; 
    padding-bottom: 5px;
    background-color: var(--background_color);
    color: var(--text_color); 
}

.photoGridWidget--3 a {
    color: var(--link_color);
}.ctaButtonWidget--185 {
    background-color: #FFF; 
    padding-top:31px; 
    padding-bottom: 29px;
    
}.textWidget--186 {
    --tw-prose-headings: #000000;
    --tw-prose-p: #000000;
    --tw-prose-a: var(--link_color);
    --tw-prose-body: #000000;
    --tw-prose-bullets: #000000;
    max-width: 752px;
    padding-top: 33px; 
    padding-bottom: 33px; 
    line-height: 1.75; 
    background-color: #ffffff;
    color: #000000;
}

.textWidget--186 a {
    color: var(--link_color);
    text-decoration: none;
}

.textWidget--186 a:hover {
    color: var(--link_color);
    text-decoration: underline;
}
.ctaButtonWidget--187 {
    background-color: #FFF; 
    padding-top:44px; 
    padding-bottom: 44px;
    
}.howItWorksWidget--4 {
    background-color: #f5f5f5; 
    color: #3d3d3d; 
    text-align: left; 
    padding-top: 64px; 
    padding-bottom: 64px;
}

.howItWorksWidget--4 a {
    color: var(--link_color);
}

.howItWorksWidget--4 .bullet {
    background-color: #819b45; 
    color: #fcfcfc;
}.textWidget--12 {
    --tw-prose-headings: var(--text_color);
    --tw-prose-p: var(--text_color);
    --tw-prose-a: var(--link_color);
    --tw-prose-body: --text_color;
    --tw-prose-bullets: --text_color;
    max-width: 1200px;
    padding-top: 64px; 
    padding-bottom: 25px; 
    line-height: 1.75; 
    background-color: #eeeeee;
    color: var(--text_color);
}

.textWidget--12 a {
    color: var(--link_color);
    text-decoration: none;
}

.textWidget--12 a:hover {
    color: var(--link_color);
    text-decoration: underline;
}
.textWidget--11 {
    --tw-prose-headings: var(--text_color);
    --tw-prose-p: var(--text_color);
    --tw-prose-a: var(--link_color);
    --tw-prose-body: --text_color;
    --tw-prose-bullets: --text_color;
    max-width: 640px;
    padding-top: 60px; 
    padding-bottom: 60px; 
    line-height: 1.75; 
    background-color: #eeeeee;
    color: var(--text_color);
}

.textWidget--11 a {
    color: var(--link_color);
    text-decoration: none;
}

.textWidget--11 a:hover {
    color: var(--link_color);
    text-decoration: underline;
}
.newsletterWidget--183 {
    padding-top: 64px; 
    padding-bottom: 64px;
    background-color: var(--background_color);
    color: var(--text_color); 
}

.newsletterWidget--183 a {
    color: var(--link_color);
}