:root {
    --fg-v2-font-family: "ben_and_jerrys", "open_sans_heb", Helvetica, Arial, sans-serif;
}

.flavor-graveyard-form .widthWrapper {
    display: none;
}

.flavor-graveyard-form .content {
    padding-top:27px;
    padding-bottom: calc(min(120px, 10vw) + 200px);
    background: url('../images/graveyard-v2/B&J_5_bg.svg') center top -80px / cover no-repeat;
}

.wrapper.graveyard {
    background: linear-gradient(to bottom, #1f3d7c 0, #6d6e71 100%);
}

.wrapper.graveyard > * {
    position: relative;
    /* z-index: 1; */
}

.fgf-wrapper {
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 20px;
}

.fgf-top-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-family: "ben_and_jerrys", "open_sans_heb", Helvetica, Arial, sans-serif;
    margin-bottom: 100px;
    margin-top: 15px;
}

.fgf-top-image {
    margin-bottom: 40px;
}

.fgf-top-image img {
    width: max(160px, 15.64vw);
    height: auto;
}

.fgf-top-title,
.fgf-top-description {
    max-width: 1140px;
}

.fgf-top-title,
.fgf-top-subtitle,
.fgf-form-title {
    /* font-size: 100px;
    font-weight: bold;
    line-height: 0.8; */
    text-align: center;
    color: #ffffff;
}

.fgf-top-subtitle {
    /* font-size: 80px; */
}

.fgf-top-description {
    /* font-size: 43px; */
    font-weight: 300;
    line-height: 1.1;
    text-align: center;
    margin: 25px 0 48px;
}

.fgf-form-block {
    padding: 0 20px;
}

.fgf-form-wrapper {
    position: relative;
    z-index: 0;
    background: #a7a9ac;
    border: 20px solid #58595b;
    padding: 80px 5.34vw;
    font-family: "ben_and_jerrys", "open_sans_heb", Helvetica, Arial, sans-serif;
}

.fgf-form-title {
    position: relative;
    z-index: 1;
    /* font-size: 86px; */
    margin-bottom: 20px;
}

.fgf-form-wrapper form > label {
    margin-bottom: 30px;
}

.fgf-form-wrapper .forms_container {
    position: relative;
    z-index: 1;
    max-width: 500px;
    margin: 0 auto;
}

.fgf-form-wrapper select,
.fgf-form-wrapper input[type=email],
.fgf-form-wrapper input[type=tel],
.fgf-form-wrapper input[type=date],
.fgf-form-wrapper input[type=text] {
    background: #ffffff;
    border-radius: 50px;
    width: 100%;
    padding: 10px 45px;
    font-size: 20px;
    border: 2px solid #ffffff !important;
    font-family: "open_sans_heb", Helvetica, Arial, sans-serif;
    outline: none;
    box-sizing: border-box;
    height: 50px;
    direction: rtl;
}

.fgf-form-wrapper select:focus,
.fgf-form-wrapper input[type=email]:focus,
.fgf-form-wrapper input[type=tel]:focus,
.fgf-form-wrapper input[type=date]:focus,
.fgf-form-wrapper input[type=text]:focus {
    border-color: #96c93d;
}

.fgf-form-wrapper select.error,
.fgf-form-wrapper input[type=email].error,
.fgf-form-wrapper input[type=tel].error,
.fgf-form-wrapper input[type=date].error,
.fgf-form-wrapper input[type=text].error {
    border-color: #e63946 !important;
    outline: none;
}

fieldset.date {
    display: flex;
    flex-wrap: wrap;
    gap: 0 24px;
    padding: 0;
    margin-bottom: 60px;
}

fieldset.date > label {
    display: none;
}

fieldset.date > p.input_name {
    width: 100%;
}

fieldset.date select {
    width: calc((100% - 48px) / 3);
    margin: 0;
}

.fgf-checkbox-label.fgf-input-error input[type="checkbox"] {
    outline: 2px solid #e63946;
    outline-offset: 1px;
}

.fgf-field--checkbox {
    text-align: right;
}

.fgf-form-wrapper p.input_name {
    text-align: right;
    padding-right: 14px;
    margin-bottom: 7px;
    font-family: "ben_and_jerrys", "open_sans_heb", Helvetica, Arial, sans-serif;
    font-size: 30px;
    line-height: 1;
    font-weight: 300;
}

.fgf-form-wrapper .input-checkbox p.input_name {
    font-family: "ben_and_jerrys", "open_sans_heb", Helvetica, Arial, sans-serif;
    font-size: 25px;
    margin-top: 10px;
}

.fgf-form-wrapper .input-checkbox input[type="checkbox"] {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    margin-top: 2px;
    cursor: pointer;
    accent-color: #96c93d;
    border-radius: 2px;
    background-position: -626px -218px;
}

.buttons_container {
    text-align: center;
    padding-bottom: 10px;
}

.send_button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #96c93d;
    color: #ffffff;
    border: none;
    border-radius: 50px;
    font-family: "ben_and_jerrys", "open_sans_heb", Helvetica, Arial, sans-serif;
    font-size: 50px;
    line-height: 1;
    font-weight: bold;
    padding: 10px 100px 0;
    cursor: pointer;
    transition: background 0.15s, transform 0.1s;
    align-self: center;
    margin: 0;
}

.send_button:hover:not(:disabled) {
    background: #7aad2a;
    transform: translateY(2px);
    color: #ffffff;
}

.send_button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.fgf-decor {
    position: absolute;
    z-index: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.fgf-decor-4,
.fgf-decor-6,
.fgf-decor-8,
.fgf-decor-10 {
    background-image: url('../images/graveyard-form/B&J_4.svg');
    width: 23.28%;
    padding-bottom: 28.87%;
}

.fgf-decor-4 {
    left: -3.98%;
    top: -4.58%;
}

.fgf-decor-6 {
    transform: scale(-1,1);
    right: -3.98%;
    top: -4.58%;
}

.fgf-decor-8 {
    transform: scale(-1,-1);
    right: -3.98%;
    bottom: -4.58%;
}

.fgf-decor-10 {
    transform: scale(1,-1);
    left: -3.98%;
    bottom: -4.58%;
}

.fgf-decor-5 {
    background-image: url('../images/graveyard-form/B&J_5.svg');
    width: 53.06%;
    padding-bottom: 9.88%;
    left: 50%;
    top: -4.74%;
    transform: translateX(-50%);
}

.fgf-decor-9 {
    background-image: url('../images/graveyard-form/B&J_9.svg');
    width: 49.92%;
    padding-bottom: 7.88%;
    left: 50%;
    bottom: -3.74%;
    transform: translateX(-50%);
}

.fgf-decor-7 {
    background-image: url('../images/graveyard-form/B&J_7.svg');
    width: 7.35%;
    padding-bottom: 58.5%;
    right: -5.8%;
    top: 50%;
    transform: translateY(-50%);
}

.fgf-decor-11 {
    background-image: url('../images/graveyard-form/B&J_11.svg');
    width: 7.35%;
    padding-bottom: 58.5%;
    left: -5.8%;
    top: 50%;
    transform: translateY(-50%);
}

/* footer */
.flavor-graveyard-form .footer-hills {
    display: none;
}

.page-footer:after {
    display: none;
}

.footer-hills-new {
    padding-top: min(120px, 10vw);
    margin-top: -300px;
}

.footer-hills-new-content {
    padding-bottom: 26vw;
    background: url(../images/graveyard-v2/B&J_footer.svg) no-repeat left bottom;
    background-size: contain;
}

@media screen and (max-width: 1200px) {
    .fgf-decor-4,
    .fgf-decor-5,
    .fgf-decor-6 {
        top: -3.6%;
    }

    .fgf-decor-8,
    .fgf-decor-10 {
        bottom: -3.6%;
    }

    .fgf-decor-9 {
        bottom: -2.6%;
    }
}

@media screen and (max-width: 768px) {
    .fgf-top-block {
        margin-bottom: 20px;
    }

    /* .fgf-top-title {
        font-size: 64px;
    } */

    .footer-hills-new-content {
        padding-bottom: 42.2vw;
    }

    .fgf-top-description {
        /* font-size: 28px; */
        margin: 15px 0;
    }

    /* .fgf-top-subtitle {
        font-size: 56px;
    } */

    .fgf-form-block {
        padding: 0;
    }

    .fgf-form-wrapper {
        padding: 28px 20px;
        border: 10px solid #58595b;
    }

    .fgf-form-title {
        /* font-size: 46px; */
        margin-bottom: 25px;
    }

    .fgf-form-wrapper p.input_name {
        font-size: 24px;
        margin-bottom: 3px;
    }

    .fgf-form-wrapper form > label {
        margin-bottom: 15px;
    }

    .fgf-form-wrapper select, .fgf-form-wrapper input[type=email], .fgf-form-wrapper input[type=tel], .fgf-form-wrapper input[type=date], .fgf-form-wrapper input[type=text] {
        height: 50px;
        padding: 10px 24px;
    }

    fieldset.date {
        flex-direction: column;
        gap: 18px;
        height: auto;
        margin-bottom: 25px;
    }

    fieldset.date > p.input_name {
        margin-bottom: -10px;
    }

    .fgf-form-wrapper .input-checkbox p.input_name {
        font-size: 18px;
    }

    fieldset.date select {
        width: 100%;
    }

    .fgf-form-wrapper .input-checkbox input[type="checkbox"] {
        width: 24px;
        height: 24px;
    }

    .send_button {
        /* height: 60px; */
        font-size: 40px;
        padding: 10px 60px 0;
    }

    .fgf-decor-5,
    .fgf-decor-7,
    .fgf-decor-9,
    .fgf-decor-11 {
        display: none;
    }

    .fgf-decor-4, .fgf-decor-6, .fgf-decor-8, .fgf-decor-10 {
        width: 130px;
        padding-bottom: 160px;
    }

    .fgf-decor-4 {
        left: -22px;
        top: -32px;
    }

    .fgf-decor-6 {
        right: -22px;
        top: -32px;
    }

    .fgf-decor-8 {
        right: -22px;
        bottom: -32px;
    }

    .fgf-decor-10 {
        left: -22px;
        bottom: -32px;
    }
}

@media screen and (max-width: 576px) {
    .footer-hills-new {
        margin-top: -200px;
    }
}