body{
    background: transparent !important;
}

.mainDiv{
    padding-right: 0px !important;
    padding-left: 0px !important;
}

section {
    padding: 3rem
}

blockquote {
    color: #fff;
    border-left: .25rem solid #64c200;
    margin: 1.5em 0 0 .25rem;
    padding: 0 0 0 1.25rem;
    quotes: "\201C""\201D""\2018""\2019"
}

blockquote:before {
    color: #c2cac8;
    font-size: 4em;
    line-height: .1em;
    margin-right: .25em;
    vertical-align: -.4em
}

blockquote p {
    display: inline
}

h2,h3,h4,h5,h6 {
    color: #52a000
}

h1 {
    font-size: 3.4375rem;
    line-height: 3.5rem;
    letter-spacing: -.0875rem;
    margin: 0 0 2rem 0
}

h2 {
    font-size: 1.75rem;
    line-height: 2rem;
    letter-spacing: -.0437rem;
    margin: 0 0 1rem 0
}

small {
    font-size: .6875rem;
    line-height: 1rem;
    letter-spacing: .0187rem
}

input,select {
    border: .125rem solid #f2f2f2;
    height: 3rem!important;
    border-radius: .25rem!important;
    font-size: .875rem!important
}

.container-md,.container-sm {
    max-width: 100%
}

.container {
    max-width: 80rem
}

.content-wrapper {
    padding: 3rem;
    align-items: start
}

.has-text-green {
    color: #64c200
}

a.link:active,a.link:hover,a.link:link,a.link:visited {
    font-size: 1rem;
    color: #52a000
}

.btn:active,.btn:focus {
    outline: 0!important;
    box-shadow: none!important
}

a.button:active,a.button:link,a.button:visited {
    display: block;
    height: 3rem;
    width: 16rem;
    border: .0625rem solid #004a2e;
    background-color: #fff;
    font-size: 1rem;
    font-weight: 400;
    color: #004a2e;
    cursor: pointer;
    justify-content: center;
    padding: calc(.6em - .0625rem) 1em calc(.6em - .0625rem) 1em;
    border-radius: .25rem;
    text-align: center;
    margin: 0 auto;
    white-space: nowrap;
    outline: 0;
    font-family: MrGeorgeRegular,monospace;
    line-height: 1.7rem
}

a.button:focus,a.button:hover {
    text-decoration: none;
    border: .0625rem solid #004a2e;
    background-color: #004a2e;
    color: #fff;
    cursor: pointer;
    outline: 0
}

a.button-alt:active,a.button-alt:focus,a.button-alt:hover,a.button-alt:link,a.button-alt:visited {
    display: block;
    width: fit-content;
    min-width: 16rem;
    color: #004a2e;
    font-size: 1rem;
    text-align: center;
    white-space: nowrap;
    background: #64c200;
    cursor: pointer;
    justify-content: center;
    padding: .25rem 1rem;
    border: .0625rem solid #64c200;
    border-radius: .25rem;
    outline: 0;
    line-height: 2.5rem
}

a.button-alt:focus,a.button-alt:hover {
    color: #64c200;
    background: #004a2e;
    border: .0625rem solid #64c200
}

.benefits-wrapper,.content-wrapper {
    margin: 0
}

.is-danger.checkmark,.is-danger.input,.is-danger.textarea {
    color: #ca1d3c !important
}

.is-danger {
    border: .125rem solid #ca1d3c!important;
    color: #ca1d3c !important;
}

.is-danger::placeholder {
    color: #ca1d3c !important;
    opacity: 1;
    font-style: italic
}

.is-danger:-ms-input-placeholder {
    color: #ca1d3c !important;
    font-style: italic
}

.is-danger::-ms-input-placeholder {
    color: #ca1d3c !important;
    font-style: italic
}

::placeholder {
    color: #4a5955;
}

:-ms-input-placeholder {
    color: #4a5955;
}

::-ms-input-placeholder {
    color: #4a5955;
}

.parsley-error,.parsley-required {
    color: #fff;
    line-height: .75rem;
    font-size: .75rem;
    letter-spacing: 0
    Border: 1px solid #ff93a6;
}

.parsley-error-list {
    margin: .3125rem 0 0 0;
    list-style: none;
    padding: 0
}

.navbar-text {
    color: #458500
}

.navbar-logo {
    max-height: 3rem;
    width: 10.2781rem
}

.navbar .container {
    display: flex;
    align-items: center;
    padding: 0 3rem
}

.fixed-top {
    padding: 0
}

.navbar-brand {
    padding: 0;
    margin: 0;
    width: auto
}

#hero {
   
    padding: 3rem 6rem
}

#hero .content-wrapper {
    padding: 0;
    display: flex;
    align-items: center
}

.complete-form {
    text-align: center
}

.complete-form p {
    margin: 0;
    padding: 0 0 1rem 0
}

.form-row {
    margin-right: 0;
    margin-left: 0
}

.form-control {
    border: .125rem solid #e2e4e3;
    color: #4a5955;
    font-style: normal
}

.form-control:focus {
    color: #5f726d
}

.form-button {
    height: 3rem;
    border-radius: .25rem;
    font-size: 1rem;
    line-height: 1rem;
    letter-spacing: -.0125rem;
    color: #004a2e;
    background: #bbd600;
    border: .0625rem solid #bbd600;
}

.form-button:active {
    color: #64c200;
    background: #004a2e;
    border: .0625rem solid #64c200
}

.form-button:hover {
    color: #004a2e;
    background: #ffffff;
    border: .0625rem solid #64c200;
}

.form-button:focus {
    color: #004a2e;
    background: #bbd600 ;
    outline: 2px solid #ffffff;
    Outline-offset: 2px;
}


#hero {
    padding: 3rem 6rem
}

#hero a.has-text-green.mg-heavy,#hero a.has-text-green.mg-heavy:hover {
    color: #64c200
}

#hero a:active,#hero a:hover,#hero a:visited {
    font-weight: inherit;
    font-size: inherit;
    text-decoration: none
}

#benefits {
    padding: 0 3rem
}

#benefits .container .col-12:first-child {
    padding-left: 0
}

#benefits .container .col-12:last-child {
    padding-right: 0
}

.benefits-wrapper {
    border: rgba(0,0,0,.14);
    box-shadow: 0 .0625rem .0625rem 0 rgba(0,0,0,.14),0 .125rem .0625rem -.0625rem rgba(0,0,0,.12),0 .0625rem .18685rem 0 rgba(0,0,0,.2)!important;
    background: #fff
}

.call-to-action {
    padding: 0!important
}

.call-to-action .container {
    padding: 0
}

.call-to-action-divider {
    border-top: .0625rem solid #e7e7e7;
    padding: 3rem
}

.call-to-action-divider-bottom {
    border-top: none;
    padding: 0 inherit 0 inherit
}



@media (max-width: 400px) {
    h1 {
        font-size:2.625rem;
        line-height: 3rem;
        letter-spacing: -.0437rem
    }

    h2 {
        font-size: 1.5rem;
        line-height: 1.5rem;
        margin: 0 0 .5rem 0
    }

    h3 {
        font-size: 1.75rem;
        line-height: 2rem;
        margin: 2rem 0 2rem 0
    }

    a.button:active,a.button:link,a.button:visited {
        width: 100%
    }

    .navbar-text {
        font-size: .875rem
    }

    .accordion {
        margin: 0
    }

    a.button:active,a.button:link,a.button:visited {
        width: 100%
    }

    .button {
        max-width: 100%;
        width: 100%
    }

    .navbar-text {
        font-size: 14px
    }

    .testimonial {
        padding: 3rem
    }

    button.owl-prev {
        top: 0;
        left: -40px
    }

    button.owl-next {
        top: 0;
        right: -100px
    }

    .owl-dots {
        position: relative!important;
        margin-top: -1.5rem;
        margin-left: 30px;
        width: 120px;
        left: 0!important
    }
}

@media screen and (min-width: 400px) {
 .setWidth {
        max-width: 50% !important;
    }
}


@media screen and (max-width: 550px) {
    .button {
        max-width:100%;
        width: 100%
    }

    .benefits-wrapper {
        margin: 0;
        padding: 0
    }

    .benefits-title {
        margin: 1rem 0 1rem 0
    }

    .complete-form p {
        margin: 0 auto;
        padding: 0 0 1rem 0;
        max-width: 20.3125rem
    }

    .testimonial {
        padding: 2rem
    }

    a.button:active,a.button:link,a.button:visited {
        width: 100%
    }

    #prestoMembers ul {
        padding: 0 0 1rem 0;
        max-width: 25rem;
        margin: 0 auto
    }

@media screen and (max-width: 990px) {
    main {
        background:linear-gradient(180deg,#004a2e 26.2%,#fff 0)
    }

    #hero .content-wrapper .margin {
        padding: 0
    }

    blockquote {
        margin: 1.5em 0 2rem 0
    }

    .benefits-wrapper {
        margin: 0;
        padding: 0
    }

    .testimonial-content p {
        margin: 1.5rem 3rem 3rem 3rem
    }

    #prestoMembers ul {
        padding: 0 0 1rem 0;
        max-width: 40.625rem;
        margin: 0 auto
    }
}



@media screen and (max-width: 768px) {
    h1,h2,h3,h4 {
        margin: 0 0 .5rem 0
    }

    #benefits {
        padding-left: 0;
        padding-right: 0
    }

    section {
        padding-left: 2rem;
        padding-right: 2rem
    }

    nav {
        height: 2.5rem
    }

    .navbar .container {
        padding: 0 2rem
    }

    .form-row {
        margin: 0
    }

    .form-row:last-of-type {
        margin: 0;
        padding: 0;
        margin: 0
    }

    #hero .content-wrapper div:first-child {
        padding-left: 0
    }

    #hero .content-wrapper div:last-child {
        padding-right: initial
    }

    #hero a.button-alt {
        margin: 1rem 0 0 0
    }

    .benefits-wrapper,.container,.container-md,.container-sm {
        max-width: 100%;
        width: 100%
    }

    .container,.container-md,.container-sm {
        max-width: 100%;
        width: 100%
    }

    .navbar-logo {
        height: 1.5rem;
        width: auto
    }

    section {
        padding: 0
    }

    #hero {
        padding: 2rem;
        max-width: 80rem;
        margin: 0 auto
    }

    #hero .content-wrapper {
        margin-left: 0;
        margin-right: 0
    }

    #hero h1 {
        padding: 0
    }

    #hero .content-wrapper>div {
        padding: 0
    }

    blockquote {
        margin: 1rem 0 1.5rem;
        max-width: 40.625rem
    }

    .content-wrapper>div {
        padding: 0 1rem 0 0
    }

@media screen and (min-width: 1378px) {
    section {
        padding:3rem;
        max-width: 80rem;
        margin: 0 auto
    }
    .benefits-wrapper {
        border: rgba(0,0,0,.14);
        border-radius: 0;
        box-shadow: 0 .0625rem .0625rem 0 rgba(0,0,0,.14),0 .125rem .0625rem -.0625rem rgba(0,0,0,.12),0 .0625rem .1875rem 0 rgba(0,0,0,.2)!important;
        padding: 0
    }
   .navbar a.link {
        font-size: 1rem
    }
}
@media screen and (min-width: 1379px) {
    .benefits-wrapper {
        margin:0 auto;
        max-width: 80rem
    }
}


/* Prevent automatic zoom on input fields */
input[type="text"], input[type="number"], textarea {
  max-width: 100%; /* Ensure the input doesn't exceed the screen width */
  zoom: 1; /* Reset any zoom applied by the browser */
}



/* Confirmation Page CSS */

.thank-you-container {
    text-align: center;
    margin: 100px auto;
    max-width: 600px;
    padding: 20px;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.thank-you-container h1 {
    font-size: 36px;
    color: #333;
}

.thank-you-container p {
    font-size: 18px;
    color: #666;
    margin-bottom: 15px;
}

 input[type="email"]:focus,
    input[type="tel"]:focus,
    input[type="text"]:focus {
     Outline: 2px solid #ffffff;
     Outline-offset: 2px;
    }