/* General Styles */
body {
    background: #f2f2f2;
}
h1.wp-block-heading {
    font-size: 50px;
    text-align: center;
    padding-top: 25px;
    margin-bottom: 20px;
    color: #fff;
    font-weight: 700;
}
.t-center, .ta-center, .ta-c {
    text-align: center;
}
.thankyouheader {
    color: #37C71F;
    font-weight: 700;
    font-size: 40px;
    margin-bottom: 20px;
}
#thankyouname {
    color: #212121;
    text-transform: uppercase;
}
.p-text {
    max-width: 680px;
    margin: 0 auto 40px auto;
}
.d-flex {
    display: flex;
    gap: 10px;
}
.flex-row {
    flex-direction: row;
}
.lg-btn-container.d-flex {
    justify-content: center;
}
.new-play-link {
    text-decoration: none;
}
.no-thanks-link, .back-home-link, .back-home-input {
    font-style: italic;
    cursor: pointer;
}
.opt-out-wrapper {
    text-align: center;
    margin-top: 40px;
}
.privacy-policy, .recaptcha-disclaimer {
    text-align: center;
    padding-top: 5px;
    font-size: 14px;
}
.mb-10 { margin-bottom: 10px; }
.mb-25 { margin-bottom: 25px; }
.font-weight-normal { font-weight: 400; }
.italics { font-style: italic; }
.disabled { pointer-events: none; opacity: 30%; }

.breadcrumbs {
    display: none;
}

/* Container Styles */
.raq-container {
    border-radius: 10px;
    background: #fff;
    margin: 0 auto;
    max-width: 920px;
    min-height: 250px;
    /* height: 560px; */
    padding: 40px;
    position: relative;
}

.raq-container .gform-loader {
    position: absolute !important;
    right: 20px;
    top: 20px;
}
.raq-container.with-left-bg {
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 0;
}

.raq-container.with-left-bg .container {
    padding: 0;
}
.raq-container.with-left-bg .container .gform_button {
    margin: 0 auto;
    margin-top: 20px;
}
@media screen and (min-width: 1024px) {
    .raq-container {
        max-width: 905px;
    }
}
@media screen and (max-width: 1023px) {
    .raq-container {
        margin: 0 20px;
    }
}

/* Button Styles */
.large-btn-container {
    padding: 25px;
    border-radius: 10px;
    background-color: #f2f2f2;
    border: 1px solid #E1E1E1;
    max-width: 265px;
    min-height: 250px;
    transition: all .3s ease-in-out;
}
.lg-btn-container > a:hover .large-btn-container {
    background: #E1E1E1;
    border-color: #DCDCDC;
    color: black !important;
}
.lg-btn-container > a:hover { color: #383838; }
.big-btn-img { height: 65px; }
.lg-btn-container > a:last-child .big-btn-img { padding: 5px 0; }
.big-btn-header { font-size: 18px; font-weight: 700; }
.big-btn-text { font-size: 14px; font-weight: 400; }

.back-home-link,
.gform_button,
.gform_next_button,
.gform_previous_button {
    position: relative;
    display: flex;
    z-index: 1;
    text-decoration: none;
    height: 60px;
    width: 200px;
    border: 0;
    background: transparent;
    color: white;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    transition: background .3s, border .3s, color .3s, transform .3s;
}

.back-home-link,
.gform_previous_button {
    color: #212121;
}

.back-home-link::after,
.gform_button::after,
.gform_next_button::after,
.gform_previous_button::after {
    content: '';
    position: absolute;
    left: 0; top: 0; right: 0; bottom: 0;
    border: 2px solid #212121;
    background: #212121;
    border-radius: 4px 8px;
    transform: skewX(-15deg);
    z-index: -1;
    transition: background .3s, border .3s, color .3s, transform .3s;
}

.back-home-link::after,
.gform_previous_button::after {
    background: transparent;
}

.gform_button:hover,
.gform_next_button:hover {
    color: #212121;
}

.gform_button:hover::after,
.gform_next_button:hover::after {
    background: white;
}

.back-home-link:hover::after,
.gform_previous_button:hover::after {
    border-color: var(--color-primary);
}

.back-home-link a,
.gform_button a {
    text-decoration: none;
}

.gform_button a {
    color: white;
}

.gform_button:hover a {
    color: #212121;
}

.back-home-link:hover a,
.gform_previous_button:hover {
    color: var(--color-primary) !important;
}

.page-id-105040 .raq-container .gform_button {
    margin: 0 auto;
}

.gform-footer.top_label,
.gform-page-footer.top_label {
    display: flex;
    justify-content: center;
    grid-gap: 10px;
    align-items: flex-end;
}

.gform-page-footer a,
.gform-page-footer a .back-home-link {
    text-decoration: none !important;
}

.ginput_counter {
    display: none;
}

.gform_required_legend {
    display: none;
}

.gform_wrapper.gravity-theme .gfield_required {
    font-size: 18px;
}

#input_2_6 {
    display: flex;
    grid-gap: 20px;
}

.gform_wrapper.gravity-theme #input_2_6 .gfield-choice-input+label {
    max-width: none;
    padding-bottom: 0;
}

@media screen and (max-width: 800px) {
    #input_2_6 {
        flex-direction: column;
        grid-gap: 0;
    }
}

html .gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {
    border: 0;
    background: transparent;
    padding: 0;
}

@media screen and (min-width: 641px) {
    #gform_wrapper_1 #field_1_7 {
        grid-column: span 6;
    }

    #gform_wrapper_1 #field_1_29 {
        grid-column: span 3;
    }

    #gform_wrapper_1 #field_1_9 {
        grid-column: span 3;
    }
}

#gform_1_validation_container {
    display: none;
}

/* Progress Bar */
.gb-progress-wrapper, .gb-progress-wrapper2 {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    flex-direction: column;
    text-align: center;
}
.gb-progress .gb-progress__cont {
    border-radius: 3px;
    background: #E0E0E0;
}
.gb-progress .gb-progress__inner {
    height: 6px;
    border-radius: 3px;
    width: 50%;
    background: #1EA6F3;
}
.gb-progress-wrapper .gb-progress__head {
    font-size: 16px;
    display: block;
    margin-bottom: 5px;
}

/* Form Styles */
input[type='checkbox'] + label {
    font-weight: 400;
    margin-left: 5px;
}

span.wpcf7-not-valid-tip {
    font-family: var(--font-barlow);
    font-size: 13px;
    font-weight: 600;
    color: var(--color-primary);
    line-height: 1em;
    background: transparent;
    position: relative;
    bottom: -5px;
    float: right;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
}
.residential-wrapper { margin-bottom: 20px; }
#gb-form-residential-check {
    height: 19px; width: 19px; margin-right: 5px;
    align-self: center; border: 1px solid #a4a4a4; background: #f7f7f7;
}
#gb-form-residential-check ~ label { font-weight: 400; align-self: center; padding: 0; }
.gb_form_services_wrapper { margin-top: 30px; }
#gb_form_services { display: flex; gap: 30px; }
sup.required { font-size: 18px; top: 0; color: #FF6600; padding-left: 2px; }
.form-header-wrapper { margin-bottom: 20px; }
.form-header-wrapper .form-step-text, .form-header-wrapper .form-header { text-align: center; }
.form-header-wrapper .form-header { font-weight: 700; font-size: 24px; }

/* Opt Out & BG Image Styles */
.col.bg-img {
    background-image: url("https://playworld.com/wp-content/uploads/2025/03/image-40.png");
    border-bottom-left-radius: 10px;
    background-size: cover;
    background-repeat: no-repeat;
}
.opt-out-bg-text {
    color: #fff;
    font-weight: 500;
    text-align: center;
}
.opt-out-text-wrapper {
    align-content: center;
    text-align: center;
}
.bg-img-wrapper {
    min-height: 560px;
    margin: 0;
}
.bg-img {
    max-width: 330px;
    align-content: end;
    padding-bottom: 20px;
    background-size: cover;
    background-repeat: no-repeat;
}

/* Background Images and Bars */
#bg-img {
    z-index: -2;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
#bg-img::before {
    background: url('https://playworld.com/wp-content/uploads/2025/04/image-2-scaled.png') no-repeat center center;
    background-size: cover;
    content: '';
    position: absolute;
    top: -20px;
    left: -20px;
    right: -20px;
    bottom: -20px;
    filter: blur(5px);

}
#orange-bar-bg {
    height: 140px;
    width: 100%;
    background-color: #ff6600;
    z-index: -1;
    position: relative;
    margin-top: -40px;
}

html .masthead {
    margin-top: 195px;
}

/* Media Queries */
@media screen and (max-width: 1023px) {
    .lg-btn-container.d-flex {
        align-content: center;
        flex-wrap: wrap;
        margin-top: 20px;
    }
    .col.bg-img { display: none; }
    .raq-container.with-left-bg { padding: 40px; }
}
@media screen and (max-width: 767px) {
    html .masthead { margin-top: 187px; }
    .p-text { margin-bottom: 10px; }
    a.back-home-link, a.back-home-link input.back-home-input { width: 146px; min-width: 146px; }
}
@media screen and (max-width: 531px) {
    html .masthead { margin-top: 218px; }
}
@media screen and (max-width: 466px) {
    html .masthead { margin-top: 260px; }
}
@media screen and (min-width: 1024px) {
    .gb-progress-wrapper2 > img { min-width: 740px; height: 6px; }
    html .masthead { margin-top: 181px; }
}

@media screen and (min-width: 1200px) {
    html .masthead { margin-top: 180px; }
}

@media screen and (min-width: 1600px) {
    html .masthead { margin-top: 190px; }
}