/* General form styling */

#gform_wrapper_1, #gform_wrapper_2 {
    position: relative;
    padding: 30px;
    margin-bottom: 40px;
    background-color: #0B999B;
    background-image: url("data:image/svg+xml,%3Csvg width='730' height='878' viewBox='0 0 730 878' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_98_4' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='730' height='878'%3E%3Crect width='730' height='878' fill='%230B999B'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_98_4)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M437 78C437 202.798 367.515 311.366 265.122 367.128C264.379 358.517 264 349.803 264 341C264 220.754 334.745 117.031 436.884 69.1832C436.961 72.1128 437 75.0518 437 78ZM730.084 590.871C810.81 537.107 864 445.265 864 341C864 175.315 729.685 41 564 41C518.561 41 475.481 51.1022 436.884 69.1832C432.211 -108.443 286.754 -251 108 -251C-73.7017 -251 -221 -103.702 -221 78C-221 259.702 -73.7017 407 108 407C164.904 407 218.434 392.553 265.122 367.128C277.809 514.179 396.579 630.898 544.524 640.378C527.189 664.845 517 694.732 517 727C517 809.843 584.157 877 667 877C749.843 877 817 809.843 817 727C817 666.691 781.409 614.695 730.084 590.871ZM730.084 590.871C682.53 622.542 625.421 641 564 641C557.457 641 550.963 640.791 544.524 640.378C571.696 602.03 616.425 577 667 577C689.534 577 710.907 581.969 730.084 590.871Z' fill='%23053550' fill-opacity='0.15'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top left;
}

@media only screen and (min-width: 992px) {
    #gform_wrapper_1, #gform_wrapper_2 {
        padding: 40px;
        margin-bottom: 0;
    }
}

#gform_wrapper_1 .gform_heading,
#gform_wrapper_2 .gform_heading {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

#gform_wrapper_1 legend,
#gform_wrapper_2 legend {
    color: #FFFFFF;
    font-size: 18px;
    line-height: 1.11;
    font-weight: 700;
    margin-bottom: 10px;
}

#gform_wrapper_1 .gfield_required.gfield_required_text,
#gform_wrapper_2 .gfield_required.gfield_required_text {
    color: #FFFFFF;
}

#gform_wrapper_1 .gform-field-label,
#gform_wrapper_2 .gform-field-label {
    color: #FFFFFF;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.11;
}

#gform_wrapper_1 input[type=text],
#gform_wrapper_1 input[type=email],
#gform_wrapper_1 select,
#gform_wrapper_2 input[type=text],
#gform_wrapper_2 input[type=email],
#gform_wrapper_2 select {
    height: 50px !important;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    border-radius: 0;
    line-height: 48px;
}

#gform_wrapper_1 .gfield--type-text,
#gform_wrapper_2 .gfield--type-text {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
}

/* Sections */

#gform_wrapper_1 .gsection_title,
#gform_wrapper_2 .gsection_title {
    color: #FFFFFF;
    margin: 0 0 -20px 0;
}

#gform_wrapper_1 .gfield--type-section,
#gform_wrapper_2 .gfield--type-section {
    border-color: #FFFFFF;
    border-block-end: 0;
    border-block-start: 1px solid #FFFFFF;
    padding-block-end: 0;
}

#gform_wrapper_1 .gfield--type-section:first-child,
#gform_wrapper_2 .gfield--type-section:first-child {
    border: 0;
}
 
/* Checbox and Radios */

#gform_wrapper_1 .gfield-choice-input,
#gform_wrapper_2 .gfield-choice-input {
    width: 18px;
    height: 18px;
    background-color: transparent;
    border-color: #FFFFFF;
    cursor: pointer;
}

#gform_wrapper_1 .gfield-choice-input + label,
#gform_wrapper_2 .gfield-choice-input + label {
    cursor: pointer;
}

#gform_wrapper_1 .gfield-choice-input:checked,
#gform_wrapper_2 .gfield-choice-input:checked {
    background-color: #FFFFFF;
}

#gform_wrapper_1 .gfield-choice-input::before,
#gform_wrapper_2 .gfield-choice-input::before {
    background-color: #0B999B;
}

#gform_wrapper_1 .gform-field-label--type-inline,
#gform_wrapper_2 .gform-field-label--type-inline {
    font-size: 14px;
}

#gform_wrapper_1 input[type=checkbox],
#gform_wrapper_2 input[type=checkbox] {
    border-radius: 0;
}

#gform_wrapper_1 input[type=checkbox]::before,
#gform_wrapper_2 input[type=checkbox]::before {
    background-color: #FFFFFF;
}

/* Choice Flex */

#gform_wrapper_1 .gfield--type-choice .gfield_radio,
#gform_wrapper_1 .gfield--type-choice .gfield_checkbox,
#gform_wrapper_2 .gfield--type-choice .gfield_radio,
#gform_wrapper_2 .gfield--type-choice .gfield_checkbox {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 25px;
    row-gap: 15px;
}

/* Validation */

#gform_wrapper_1 .gform_validation_errors,
#gform_wrapper_2 .gform_validation_errors {
    /* padding: 0; */
    box-shadow: none;
    background-color: transparent;
    border: 0;
    background-color: #850000;
}

#gform_wrapper_1 .gform-icon--circle-error,
#gform_wrapper_2 .gform-icon--circle-error {
    color: #FFFFFF;
    background-color: transparent;
    border-color: #FFFFFF;
}

#gform_wrapper_1 .gform_validation_errors .gform_submission_error,
#gform_wrapper_2 .gform_validation_errors .gform_submission_error {
    color: #FFFFFF;
}

#gform_wrapper_1 .gfield_validation_message,
#gform_wrapper_2 .gfield_validation_message {
    color: #FFFFFF;
    background-color: #850000;
    padding: 10px;
}

/* Date Picker */

#gform_wrapper_1 .gfield--input-type-datepicker .ginput_container_date input,
#gform_wrapper_2 .gfield--input-type-datepicker .ginput_container_date input {
    width: 100%;
}

/* Progress Bar */

#gform_wrapper_1 .gf_progressbar,
#gform_wrapper_2 .gf_progressbar {
    margin-bottom: 40px;
}

#gform_wrapper_1 .gf_progressbar_title,
#gform_wrapper_2 .gf_progressbar_title {
    color: #FFFFFF;
}

#gform_wrapper_1 .gf_progressbar .percentbar_blue,
#gform_wrapper_2 .gf_progressbar .percentbar_blue {
    background-color: #FFFFFF;
}

/* Footer buttons */

#gform_wrapper_1 .gform_page_footer,
#gform_wrapper_2 .gform_page_footer {
    margin-block-start: 40px;
    display: flex;
    flex-wrap: nowrap;
}

#gform_wrapper_1 .gform-theme-button,
#gform_wrapper_1 .gform_button,
#gform_wrapper_2 .gform-theme-button,
#gform_wrapper_2 .gform_button {
    width: 100%;
    border-radius: 0;
    background-color: #0B999B;
    box-shadow: none;
    border: 1px solid #FFFFFF;
    min-height: 50px;
}

#gform_wrapper_1 .gform_previous_button,
#gform_wrapper_2 .gform_previous_button {
    color: #FFFFFF;
}

#gform_wrapper_1 .gform-loader,
#gform_wrapper_2 .gform-loader {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

/* Date picker */

.gform-theme--framework.ui-datepicker table .ui-datepicker-current-day a, .gform-theme--framework.ui-datepicker table .ui-datepicker-current-day span.ui-datepicker-current-day {
    background-color: #0B999B;
}

.gform-theme--framework.ui-datepicker table .ui-datepicker-today a,
.gform-theme--framework.ui-datepicker table td:not(.ui-state-disabled):not(.ui-datepicker-current-day) a:hover {
    background-color: rgba(11, 153, 155, 0.1);
}

.gform-theme--framework.ui-datepicker select.ui-datepicker-month, .gform-theme--framework.ui-datepicker select.ui-datepicker-year {
    border-radius: 0;
}

#gform_wrapper_1 .custom_steps,
#gform_wrapper_2 .custom_steps {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 30px;
    position: relative;

    &:before {
        width: 100%;
        height: 1px;
        background-color: #fff;
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        content: "";
        z-index: 0;
    }

    div {
        border-radius: 100px;
        background-color: #0a8b91;
        width: 26px;
        height: 26px;
        line-height: 24px;
        color: #fff;
        text-align: center;
        border: 1px #fff solid;
        font-size: 12px;
        z-index: 1;
        outline: 10px solid #0a8b91;

        &.active {
            background-color: #fff;
            color:#000;
            font-weight: bold;
        }
    }
}