@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css";

.layout-typeform  .wp-block-wpm-gfcf-core{

    font-family: var( --gfcfBodyFontFamily );
}
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper{

    font-family: var( --gfcfBodyFontFamily );
    margin: 0px;
    min-height: calc( 100vh - 50px );
    
}

body.layout-typeform .wp-block-wpm-gfcf-core{
    background: var( --gfcfPageBackgroundColor );
    min-height: 100vh;
    
}

.layout-typeform .wp-block-wpm-gfcf-core .gform_confirmation_wrapper{
    font-family: var( --gfcfBodyFontFamily );
    min-height: 100vh;
    background: var( --gfcfPageBackgroundColor );
}   

.layout-typeform .wp-block-wpm-gfcf-core .gform_confirmation_wrapper .gform_confirmation_message{    
    max-width: 720px;
    width: 80%;
    margin: auto;
    line-height: 1.2;
    text-align: center;
    color: var( --gfcfHeaderTextColor );
    font-family: var( --gfcfHeaderFontFamily );
    font-size: var( --gfcfLabelFontSize );
    display: flex;  
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: 100%;

}

.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .gform_heading{
    display: none;
}

.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .gform-body{
    max-width: 720px;
    width: 80%;
    margin: auto;
}

.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .gform_page{
    
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: calc( 100vh - 83px );
    animation-duration: .5s;
    /* animation-delay: .2s; */
}

.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .gfield_label,
.layout-typeform .wp-block-wpm-gfcf-core .gsection_title {
    font-size: var( --gfcfLabelFontSize );
    font-family: var( --gfcfHeaderFontFamily );
    color: var( --gfcfHeaderTextColor );
    line-height: 1.3;
    margin: 0px;
    font-weight: normal;
    position: relative;
}

.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .ginput_container:not( .ginput_container_time ),
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .ginput_complex {
    margin-top: 32px;
}
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .gform_fields .gfield {
    
    animation: var( --gfcfInputAnimation );
    animation-duration: .3s;

}

.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper input[type=color],
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper input[type=date],
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper input[type=datetime-local],
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper input[type=datetime],
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper input[type=email],
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper input[type=month],
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper input[type=number],
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper input[type=password],
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper input[type=search],
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper input[type=tel],
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper input[type=text],
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper input[type=time],
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper input[type=url],
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper input[type=week],
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper select,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper textarea,
.layout-typeform .wp-block-wpm-gfcf-core .gform_legacy_markup_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){
    font-size: var( --gfcfInputFontSize );
    font-family: var(--gfcfBodyFontFamily);
    background: transparent;
    line-height: 1.4 !important;
    border: 0px;
    color: var( --gfcfInputColor );
    box-shadow: var( --gfcfInputBorderColor ) 0px 1px;
    padding: var(--gfcfInputPadding);;
    transition: box-shadow .3s linear;
    outline: 0px;
    min-height: 32px;
}


.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper input[type=color]:focus,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper input[type=date]:focus,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper input[type=datetime-local]:focus,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper input[type=datetime]:focus,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper input[type=email]:focus,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper input[type=month]:focus,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper input[type=number]:focus,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper input[type=password]:focus,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper input[type=search]:focus,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper input[type=tel]:focus,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper input[type=text]:focus,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper input[type=time]:focus,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper input[type=url]:focus,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper input[type=week]:focus,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper select:focus,
.layout-typeform .wp-block-wpm-gfcf-core.layoutpla-typeform .gform_wrapper textarea,
.layout-typeform .wp-block-wpm-gfcf-core .gform_legacy_markup_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus{

    box-shadow: var( --gfcfInputBorderColor ) 0px 2px;
    border: none;
}

.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper input[type=color]::placeholder,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper input[type=date]::placeholder,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper input[type=datetime-local]::placeholder,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper input[type=datetime]::placeholder,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper input[type=email]::placeholder,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper input[type=month]::placeholder,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper input[type=number]::placeholder,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper input[type=password]::placeholder,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper input[type=search]::placeholder,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper input[type=tel]::placeholder,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper input[type=text]::placeholder,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper input[type=time]::placeholder,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper input[type=url]::placeholder,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper input[type=week]::placeholder,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper select::placeholder,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper textarea::placeholder{
    color: var( --gfcfInputColor );
    opacity: .6;
    border-radius: 0px;

}

.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .gfield input.medium,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .gfield input.small,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .gfield select.medium,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .gfield select.small{
    max-width: 100%;
    width: 100%;
}
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .gform_page_footer,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .gform_footer{
    display: flex;
    align-items: center;
}

.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .gform_footer button,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .gform_footer input,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .gform_page_footer button,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .gform_page_footer .button,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .gform_page_footer input,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .gform_page_footer input.gform_previous_button,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .gform_page_footer input.gform_next_button,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .gfield_checkbox button,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .gfield.gfcf_enabled .ginput_container.ginput_container_fileupload .gform_drop_area .gform_button_select_files,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .gform_body .gform_fields .gfield.gfcf_enabled input[type=submit]{
    background: var( --gfcfButtonBackgroundColor ) ;
    text-decoration: none;
    color: var( --gfcfButtonColor );
    font-size: var( --gfcfButtonFontSize );
    border-radius: 3px;
    border: none;
    padding: var( --gfcfButtonPadding );
    animation-duration: 2s;
    font-weight: bold;
    letter-spacing: 1px;
    cursor: pointer;
    animation: var( --gfcfButtonAnimation );
    animation-duration: 1s;
    margin-left: 0px;
    margin-bottom: 0px;
    width: auto;
}

.layout-typeform .gfcftf-next-button-supporting-text{
    display: inline-block;
    margin: 0px 0 0 16px;
    color: var( --gfcfButtonBackgroundColor );
    font-size: 14px;
    letter-spacing: .3px;
    animation: var( --gfcfButtonAnimation );
    animation-duration: 1s;
}

.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .gform_page_footer .gform_previous_button,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .gform_footer .gform_previous_button{
    display: none;
}

/* radio buttons */
.layout-typeform .wp-block-wpm-gfcf-core .gchoice,
.layout-typeform .wp-block-wpm-gfcf-core .ginput_container_consent{
    margin-bottom: 15px;
    overflow: visible;
}

.layout-typeform .wp-block-wpm-gfcf-core .gchoice input[type="radio"],
.layout-typeform .wp-block-wpm-gfcf-core .gchoice input[type="checkbox"],
.layout-typeform .wp-block-wpm-gfcf-core .ginput_container_consent input{
    display: none;
}

.layout-typeform .wp-block-wpm-gfcf-core .gchoice label,
.layout-typeform .wp-block-wpm-gfcf-core .ginput_container_consent .gfield_consent_label{
    color: var( --gfcfInputColor );
    box-shadow: var( --gfcfInputBorderColor ) 0px 0px 0px 1px inset;
    background-color: rgba(0, 0, 0, 0.15);
    font-size: var( --gfcfChoicesFontSize );
    line-height: 1;
    padding: 12px 20px;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    vertical-align: bottom;
    min-width: 300px;
    padding-left: 43px;
    transition: background-color .2s linear;
    margin: 0px;
}

.layout-typeform .wp-block-wpm-gfcf-core .gchoice label:hover,
.layout-typeform .wp-block-wpm-gfcf-core .ginput_container_consent .gfield_consent_label:hover{
    background-color: rgba(0, 0, 0, 0.35);

}

.layout-typeform .wp-block-wpm-gfcf-core .gform_legacy_markup_wrapper .ginput_container_radio .gfield_radio input[type="text"]{
    box-shadow: 0px !important;
    border-bottom: 1px solid var( --gfcfInputBorderColor ) !important;

}

/* -------------------- */


.layout-typeform .wp-block-wpm-gfcf-core .gfield_checkbox .gchoice label::after,
.layout-typeform .wp-block-wpm-gfcf-core .gfield_radio .gchoice label::after,
.layout-typeform .wp-block-wpm-gfcf-core .gform_body .gfield.gfcf_enabled .ginput_container_consent label::after {
   transition: all 0.1s linear;
   margin: auto;
}

 
.layout-typeform .wp-block-wpm-gfcf-core .gfield_checkbox .gchoice label::before,
.layout-typeform .wp-block-wpm-gfcf-core .gform_body .gfield.gfcf_enabled .ginput_container_consent label::before,
.layout-typeform .wp-block-wpm-gfcf-core .gfield_radio .gchoice label::before,
.layout-typeform .wp-block-wpm-gfcf-core .gform_body .gfield.gfcf_enabled .ginput_container_consent label::after {
   content: "";
   position: absolute;
   left: 11px;
   width: 22px;
   height: 22px;
   border-radius: 2px;
   top: 50%;
   transform: translate(0, -50%);
}

/* .layout-typeform .wp-block-wpm-gfcf-core .gform_body .gfield.gfcf_enabled .ginput_container_consent label::after{
   border : 2px solid var(--gfcfInputBorderColor);
} */

.layout-typeform .wp-block-wpm-gfcf-core .gfield_radio .gchoice label::before,
.layout-typeform .wp-block-wpm-gfcf-core .gfield_checkbox .gchoice label::before,
.layout-typeform .wp-block-wpm-gfcf-core .gform_body .gfield.gfcf_enabled .ginput_container_consent label::before {

    content: attr(data-alphabet-content);
    background-color: var( --gfcfPageBackgroundColor );
    filter: brightness(88%) contrast(158%) saturate(2) grayscale(0.3) invert(2%);
    text-align: center;
    width: 22px;
    height: 22px;
    font-size: 16px;
    line-height: 1.5;
    box-shadow: var( --gfcfInputBorderColor ) 0px 0px 0px 1px inset;
    z-index: 2;
    overflow: hidden;

}

.layout-typeform .wp-block-wpm-gfcf-core .gform_body .gfield.gfcf_enabled .ginput_container_consent label::before{
    content: '\f00c';
    font-family: 'fontawesome';
    font-size: 0px;

}

.layout-typeform .wp-block-wpm-gfcf-core .gfield_radio .gchoice input[type="radio"]:checked + label::before,
.layout-typeform .wp-block-wpm-gfcf-core .gfield_checkbox .gchoice input[type="checkbox"]:checked + label::before{
    background-color: var( --gfcfInputBorderColor );
    color: var( --gfcfPageBackgroundColor );
    animation: flash;
    animation-duration: .5s;
}
.layout-typeform .wp-block-wpm-gfcf-core .gform_body .gfield.gfcf_enabled .ginput_container_consent input[type="checkbox"]:checked+label::before {
    font-size: 16px;
}

.layout-typeform .wp-block-wpm-gfcf-core .gchoice label.gfcf-key-text-added::before{
    width: 45px;
    left: -14px;
}


/* ------------------------- */

/* question before lable*/
.wp-block-wpm-gfcf-core .gfield .gfcf-field-question-number{
    display: none;  
}

.layout-typeform .wp-block-wpm-gfcf-core .gfield .gfcf-field-question-number{
    font-size: 21px;
    font-family: inherit;
    color: var( --gfcfInputColor );
    position: absolute;
    left: -88px;
    width: 80px;
    text-align: right;
    top: 50%;
    transform: translateY(-50%);
}

.layout-typeform .wp-block-wpm-gfcf-core .gfcf_lables_are_questions .gfield .gfcf-field-question-number,
.layout-typeform.gfcf_lables_are_questions .gform_wrapper .gfield .gfcf-field-question-number{
    display: inline-block;
}

.layout-typeform .wp-block-wpm-gfcf-core .gfield .gfcf-field-question-number i{
    font-family: 'fontawesome';
    font-size: 16px;
    margin-left: 10px;
}



/* .layout-typeform .wp-block-wpm-gfcf-core .gchoice label::before,
.layout-typeform .wp-block-wpm-gfcf-core .ginput_container_consent label::before{
    content: "\f096";
    color: var( --gfcfInputColor );
    font-family: "fontAwesome";
    font-size: var( --gfcfChoicesFontSize );
    line-height: 1;
    width: 1em;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;      
} */
/* .layout-typeform .wp-block-wpm-gfcf-core .gfield_radio .gchoice label::before{
    content: "\f058";
    
} */

/* .layout-typeform .wp-block-wpm-gfcf-core .gchoice input:checked + label::before,
.layout-typeform .wp-block-wpm-gfcf-core .ginput_container_consent input:checked + label::before{
    content: "\f14a";
    color: var( --gfcfInputColor );
    animation: bounceIn;
    animation-duration: 1s;
}
.layout-typeform .wp-block-wpm-gfcf-core .gfield_radio .gchoice input:checked + label::before{

    content: "\f058";
} */

.layout-typeform .wp-block-wpm-gfcf-core .gchoice input:checked + label,
.layout-typeform .wp-block-wpm-gfcf-core .ginput_container_consent input:checked + label{
    box-shadow: var( --gfcfInputBorderColor ) 0px 0px 0px 2px inset;
}

/* sub label design */
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .ginput_complex label,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .ginput_complex legend,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .gform_fileupload_rules,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .gfield_post_tags_hint,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .ginput_container_post_image .ginput_full input[type=file]+span,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .ginput_container_singleproduct .ginput_quantity_label,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper.gravity-theme .ginput_product_price,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper.gravity-theme .ginput_shipping_price,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .ginput_product_price_label,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .ginput_total {
    color: var( --gfcfSublabelColor );
}

.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .ginput_container_singleproduct .ginput_product_price_wrapper .ginput_product_price_label,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .ginput_container_product_calculation .ginput_product_price_wrapper .ginput_product_price_label{
    color: var( --gfcfInputColor );
    font-size: var( --gfcfInputFontSize );
}

/* input type file */
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .ginput_container_fileupload input[type=file],
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .ginput_container_post_image .ginput_full input[type=file]{
    color: var( --gfcfInputColor );
    font-size: var( --gfcfInputFontSize );
}

.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .ginput_container_fileupload,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .ginput_container_post_image .ginput_full:first-child{

    background: rgba(88, 42, 0, 0.1);
    border-radius: 3px;
    border: 1px dashed var( --gfcfInputBorderColor );
    padding: 20px;
    position: relative;
    display: block;
}

.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .ginput_container_fileupload .ginput_preview,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .ginput_container_fileupload ~ div .ginput_preview{
    font-size: var( --gfcfSubLabelFontSize );
}
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .ginput_container .charleft,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .ginput_container .instruction{
    color: var( --gfcfSublabelColor );
}


/* field description */

.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .gfield_description{
    padding-bottom: 0px;
    color: var( --gfcfSublabelColor );
    font-size: var( --gfcfDescriptionFontSize );
}
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .gfield_consent_description{
    margin-top: 20px;
    padding: 10px;
    color: var( --gfcfSublabelColor );
    font-size: var( --gfcfDescriptionFontSize );
}
/* Textarea */
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .ginput_container_textarea textarea{
    height: 52px;
    box-sizing: border-box;
}

/* Multiselect */
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .ginput_container_multiselect select{
    overflow-y: auto;
    
}

/* Validation message */
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .gfield_validation_message,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .validation_message{
    width: auto;
    display: inline-block;
    padding: 2px 7px;
    border: 0px;
    background: #f7e6e6;
    color: #af0404;
    border-radius: 3px;
    margin-top: 15px;
}

.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .gform_validation_errors{
    margin: 0px;
    position: fixed;
    top: 0;
    border-radius: 0px;
    border: 0px;
    background: #f7e6e6;
}

.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .gform_validation_errors .gform_submission_error{
    padding: 0px;
    color: #af0404;
    font-family: var( --gfcfBodyFontFamily );
}


/* file upload multifiles */
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .ginput_container_fileupload .gform_drop_area .gform_drop_instructions{
    font-size: var( --gfcfSubLabelFontSize );
    color: var( --gfcfSublabelColor );
}
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .ginput_container_fileupload .gform_drop_area{
    border: 0px;
    background: transparent;
    padding-bottom: 0px;
}

.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .validation_message--hidden-on-empty{
    visibility: hidden;
    margin: 0px;
}

/* Progress Bar */
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .gf_progressbar_wrapper{
    position: sticky;
    top: 0;
    overflow: hidden;
}
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper.gform_validation_error .gf_progressbar_wrapper{
    top: 50px;
}
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .gf_progressbar{
    border-radius: 0px;
    background: #f3f3f3;
    background: rgba(0,0,0,.24);
}


.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .gf_progressbar_wrapper .gf_progressbar .gf_progressbar_percentage{
    height: 5px;
    border-radius: 0px;
    background-color: var( --gfcfFilledProgressColor );
    animation-duration: .5s;
}

.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .gf_progressbar_wrapper .gf_progressbar .gf_progressbar_percentage span{
    display: none;;
}

.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .gf_progressbar_wrapper .gf_progressbar_title{
    display: none;
}

/* User Enhanced select field */
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .ginput_container_select .chosen-container.chosen-container-single .chosen-single,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .gform-body .gfield.gfcf_enabled .ginput_container_multiselect .chosen-container-multi .chosen-choices{
    background: transparent;
    border: 0px;
    border-radius: 0px;
    font-size: var( --gfcfInputFontSize );
    color: var( --gfcfInputColor );
    box-shadow: var( --gfcfInputBorderColor ) 0px 1px;
    
}
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .gform-body .gfield.gfcf_enabled .ginput_container_multiselect .chosen-container-multi .chosen-choices input{
    box-shadow: none;
}

/* .layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .gform-body .gfield.gfcf_enabled .ginput_container_multiselect .chosen-container-multi .chosen-choices{
    background: transparent;

} */

.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .ginput_container_select .gfield_select+.chosen-container.chosen-container-single{
    width: 100% !important;
}

/* list field */
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .gfield_list_container .gfield_header_item,
.layout-typeform .wp-block-wpm-gfcf-core .gform_legacy_markup_wrapper table.gfield_list thead th,
.gform_legacy_markup_wrapper ul.gform_fields.form_sublabel_below table.gfield_list td:after{
    font-size: var( --gfcfSubLabelFontSize );
    color: var( --gfcfSublabelColor );
    font-family: var( --gfcfBodyFontFamily );
}


/* Total field */
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .ginput_container_total input.ginput_total{
    font-size: var( --gfcfInputFontSize );
} 


/* section break */
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper.gravity-theme .gsection{
    border-color: var( --gfcfInputBorderColor )
}

.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper.gform_legacy_markup_wrapper .gform_page_footer{
    border: 0px;
}

/* select Options  */
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .ginput_address_country select option,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .ginput_container_select select option,
.layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .ginput_container:not( .ginput_container_multiselect ) select option{
    color: #000;
}


.layout-typeform .wp-block-wpm-gfcf-core .gform_legacy_markup_wrapper.gform_wrapper .ginput_address_country select{
    margin-bottom: 0px;
}

/* show all pages in gutenberg */
/* wp-admin */
.wp-admin.post-type-wpmgfcf .layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .gform_body .gform_page{
    display: flex !important;
    border-bottom: 1px dashed #fff;
}
.wp-block-wpm-gfcf-core .gfcf-core-landing-page {
    min-height: 100vh;
    height: 100%;
    background: #f1f1f1;
    overflow-y: scroll;
}

.layout-typeform .wp-block-wpm-gfcf-core .gfcf-core-landing-page .gfcf-landing-container{
    background: var( --gfcfPageBackgroundColor );
    animation: fadeInUp;
    animation-duration: .5s;
}


/* image layout css */
.layout-typeform .wpm-gfcf-layout{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    overflow: hidden;
 }
 
 .layout-typeform .wpm-gfcf-layout > div{
    flex-basis: 50%;
    height: 100vh;
    overflow-y: auto;
 }
 
 .layout-typeform .wpm-gfcf-layout div.gfcf-section-two{
    overflow: hidden !important;   
 }

 .layout-typeform .wpm-gfcf-layout div.gfcf-section-two img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
 }
 /* image layout in legacy mode */

 .wp-admin.post-type-wpmgfcf.layout-typeform.typeform-layout-leftImage .gform_legacy_markup_wrapper .gform_page_fields ul.gform_fields,
 .wp-admin.post-type-wpmgfcf.layout-typeform.typeform-layout-rightImage .gform_legacy_markup_wrapper .gform_page_fields ul.gform_fields{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;

 }
 .wp-admin.post-type-wpmgfcf.layout-typeform.typeform-layout-leftImage .gform_legacy_markup_wrapper .gform_page_fields ul.gform_fields > li,
 .wp-admin.post-type-wpmgfcf.layout-typeform.typeform-layout-rightImage .gform_legacy_markup_wrapper .gform_page_fields ul.gform_fields > li{
    width: 50%;
 }
 /* layout is background image */

 .gfcf-fullwidth-layout-container{
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 100vh;
 }

 .layout-typeform .wp-block-wpm-gfcf-core .gfcf-fullwidth-has-image .gfcf-core-landing-page,
 .layout-typeform .wp-block-wpm-gfcf-core .gfcf-fullwidth-has-image .gfcf-landing-container,
 .layout-typeform .wp-block-wpm-gfcf-core .gfcf-fullwidth-has-image .gform_confirmation_wrapper{
    background: transparent;
    box-shadow: none;
 }
 

 .layout-typeform .gfcf-section-has-no-image{
    background: #fff;
 }

/* if image layout is left */
 .layout-typeform .wpm-gfcf-layout.wpm-gfcf-layout-image-left .gfcf-section-two{
    order: 1;
 }

 .layout-typeform .wpm-gfcf-layout.wpm-gfcf-layout-image-left .gfcf-section-one{
    order: 2;
 }


 .layout-typeform .gform_wrapper .gfield_required{

    color: #ff1a00;
 }

 .layout-typeform .gform_wrapper .ginput_container_date img.ui-datepicker-trigger{
    filter: invert(100%);
 }

 .layout-typeform .gform_wrapper.gravity-theme .hour_minute_colon,
 .layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .ginput_container_total input.ginput_total{
    color: var( --gfcfInputColor );
 }

 .layout-typeform .gform_wrapper .gfield_list_icons > button{
    filter: invert( 100 );
    opacity: .7;
 }
 .layout-typeform .gform_wrapper .gsection .gsection_description{
    color: var(--gfcfHeaderTextColor);
    font-size: var(--gfcfDescriptionFontSize);
    line-height: 1.3;
    padding-bottom: 0px;
 }

 .layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .gform_fields .gfield.gfcf_html_field {
    font-family: var(--gfcfBodyFontFamily);
    color: var(--gfcfInputColor);
 }

 .wp-block-wpm-gfcf-core .gform_wrapper.gform_legacy_markup_wrapper .gfield.gfcf_enabled .gfield_time_hour input[type="number"]{
    margin: 0px;
 }

 .layout-typeform .wp-block-wpm-gfcf-core .ginput_container_fileupload ~ div .ginput_preview{
    background: var( --gfcfButtonBackgroundColor );
    color: var( --gfcfButtonColor );
    padding: 5px;
    display: inline-block;
    margin-bottom: 0px;
 }
 .layout-typeform .wp-block-wpm-gfcf-core .gform_legacy_markup_wrapper table.gfield_list tbody tr td.gfield_list_icons img{
    width: 16px;
    height: 16px;
 }
 .layout-typeform .wp-block-wpm-gfcf-core .gform_legacy_markup_wrapper table.gfield_list .gfield_list_group {
    background: transparent;
 }
/* media query for mobile devices. */
/* .wp-admin.post-type-wpmgfcf.layout-typeform .gform_wrapper .gform_page .gform_page_fields .gform_fields {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
} */

/* --- Editor Image Layout Design */
.wp-admin.post-type-wpmgfcf.layout-typeform.typeform-layout-leftImage .gform_wrapper .gform_page .gform_page_fields .gform_fields > .gfield,
.wp-admin.post-type-wpmgfcf.layout-typeform.typeform-layout-rightImage .gform_wrapper .gform_page .gform_page_fields .gform_fields > .gfield{
    grid-column: span 6;
}

.wp-admin.post-type-wpmgfcf.layout-typeform.typeform-layout-leftImage .gform_wrapper .gform_page .gform_page_fields .gform_fields > .gfield:nth-child(2).gfield_html{
    order: 1;
}

.wp-admin.post-type-wpmgfcf.layout-typeform.typeform-layout-leftImage .gform_wrapper .gform_page .gform_page_fields .gform_fields > .gfield:first-child{
    order: 2;
}

.wp-admin.post-type-wpmgfcf.layout-typeform.typeform-layout-leftImage .gform_wrapper .gform_page .gform_page_fields .gform_fields > .gfield:nth-child(2).gfield_html,
.wp-admin.post-type-wpmgfcf.layout-typeform.typeform-layout-rightImage .gform_wrapper .gform_page .gform_page_fields .gform_fields > .gfield:nth-child(2).gfield_html{
    margin-bottom: -80px;
}

.wp-admin.post-type-wpmgfcf.layout-typeform.typeform-layout-leftImage .gform_wrapper .gform_page .gform_page_fields .gform_fields .gfield:not(.gfield_html),
.wp-admin.post-type-wpmgfcf.layout-typeform.typeform-layout-rightImage .gform_wrapper .gform_page .gform_page_fields .gform_fields .gfield:not(.gfield_html){
    padding: 15px;
}
.wp-admin.post-type-wpmgfcf.layout-typeform.typeform-layout-leftImage .gform_wrapper .gform_page .gform_page_footer,
.wp-admin.post-type-wpmgfcf.layout-typeform.typeform-layout-rightImage .gform_wrapper .gform_page .gform_page_footer{
    padding: 15px;
}

.wp-admin.post-type-wpmgfcf.layout-typeform.typeform-layout-leftImage .gfcf-html-custom-content-container,
.wp-admin.post-type-wpmgfcf.layout-typeform.typeform-layout-rightImage .gfcf-html-custom-content-container{
    height: 100%;
}
.wp-admin.post-type-wpmgfcf.layout-typeform.typeform-layout-fullWidthImage .gfcf-html-custom-content-container,
.wp-admin.post-type-wpmgfcf.layout-typeform.typeform-layout-fullWidth .gfcf-html-custom-content-container{
    display: none;
}

.wp-admin.post-type-wpmgfcf.layout-typeform .gform_wrapper .gform_page .gform_page_fields .gform_fields > div .gfcf-html-custom-content-container img{
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

.wp-admin.post-type-wpmgfcf.layout-typeform.typeform-layout-leftImage .gform_wrapper .gform_page,
.wp-admin.post-type-wpmgfcf.layout-typeform.typeform-layout-rightImage .gform_wrapper .gform_page{
    min-height: auto;
    margin-top: 30px;
}

.wp-admin.post-type-wpmgfcf.layout-typeform.typeform-layout-leftImage .gform_wrapper .gform_body,
.wp-admin.post-type-wpmgfcf.layout-typeform.typeform-layout-rightImage .gform_wrapper .gform_body {
    width: 100%;
}

.wp-admin.post-type-wpmgfcf.layout-typeform.typeform-layout-leftImage .gform_wrapper .gform_body .gform_page_fields,
.wp-admin.post-type-wpmgfcf.layout-typeform.typeform-layout-rightImage .gform_wrapper .gform_body .gform_page_fields{
    padding-top: 30px;
    border-top: 1px solid var( --gfcfInputBorderColor );
}

.wp-admin.post-type-wpmgfcf.layout-typeform.typeform-layout-leftImage .gform_wrapper .gform_body .gform_page_footer{
    width: 50%;
    margin-left: auto;
}
.wp-admin.post-type-wpmgfcf.layout-typeform.typeform-layout-fullWidthImage.gfcf-wrapper-backgroundImg .gform_wrapper .gform-body{
    width: 100%;
}


.wp-admin.post-type-wpmgfcf.layout-typeform.typeform-layout-fullWidthImage.gfcf-wrapper-backgroundImg .gform_wrapper .gform_page{
    background-image: var( --gfcfLayoutImage );
    background-size: cover;
    background-position: center;
    width: 100%;
    padding: 0 10%;
    margin-top: 30px
}

.wp-admin.post-type-wpmgfcf.layout-typeform.typeform-layout-fullWidthImage.gfcf-wrapper-backgroundImg .gform_wrapper .gform_page:first-child{
    margin-top: 0px;
}

.wp-admin.post-type-wpmgfcf.layout-typeform.typeform-layout-leftImage .gform_wrapper .gchoice label,
.wp-admin.post-type-wpmgfcf.layout-typeform.typeform-layout-rightImage .gform_wrapper .gfield_consent_label,
.wp-admin.post-type-wpmgfcf.layout-typeform.typeform-layout-leftImage .gform_wrapper .gchoice label,
.wp-admin.post-type-wpmgfcf.layout-typeform.typeform-layout-rightImage .gform_wrapper .gfield_consent_label{
    min-width: auto;
    width: 100%;
}
.wp-admin.post-type-wpmgfcf.layout-typeform.typeform-layout-leftImage .gform_wrapper .gfield_consent_label,
.wp-admin.post-type-wpmgfcf.layout-typeform.typeform-layout-rightImage .gform_wrapper .gfield_consent_label{
    display: inline-block;
}


.post-type-wpmgfcf.layout-typeform.gfcf-wrapper-backgroundImg .gform_wrapper .gform_body .gform_page{
    display: flex !important;
    align-items: center;
}
.post-type-wpmgfcf.layout-typeform.gfcf-wrapper-backgroundImg .gform_wrapper .gform_body .gform_page > div{
    width: 100%;
}

.post-type-wpmgfcf.layout-typeform.gfcf-wrapper-backgroundImg .gfcf-core-landing-page{
    background-image: var( --gfcfLayoutImage );
    background-size: cover;
    background-position: center;
}

.post-type-wpmgfcf.layout-typeform.gfcf-wrapper-backgroundImg .gfcf-core-landing-page .gfcf-landing-container{
    background: transparent;
    border: 0px;
    box-shadow: none;
}

.layout-typeform .gform_legacy_markup_wrapper div.ginput_complex.ginput_container.gf_name_has_4 > span{
    width: 24%;
}
.layout-typeform .gform_legacy_markup_wrapper div.ginput_complex.ginput_container.gf_name_has_5  > span{
    width: 19.0%;
}


@media all and (max-width: 767px){

    .layout-typeform .wp-block-wpm-gfcf-core .gform_legacy_markup_wrapper .ginput_container_radio .gfield_radio input[type="text"]{
      width: 100%;
    
    }

    .layout-typeform .wp-block-wpm-gfcf-core .gfield_list_groups .gfield_list_group_item{
        color: var(--gfcfSublabelColor);
    }
    .layout-typeform .wp-block-wpm-gfcf-core .wpm-gfcf-layout .gfcf-section-one .gform_confirmation_wrapper {
        padding: 24px 0px;
    }
    .layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .gform-body{
        width: 100%;
        padding: 10px 40px;
    }

    .layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .gf_progressbar_wrapper{
        position: fixed;
        top: 0px !important;
        width: 100%;
    }

    .layout-typeform .wpm-gfcf-layout > div{
        flex-basis: 100%;
        height: auto;
    }

    .layout-typeform .wpm-gfcf-layout div.gfcf-section-two{
        order: 1;
        height: auto;
        max-height: 180px;
    }

    .layout-typeform .wpm-gfcf-layout div.gfcf-section-one{
        order: 2;
    }

    .layout-typeform .wp-block-wpm-gfcf-core .gchoice label,
    .layout-typeform .wp-block-wpm-gfcf-core .ginput_container_consent .gfield_consent_label{
        width: 100% !important;
        min-width: auto;
        display: inline-block;
        max-width: 100%;
        margin: 0px;
    }
    .layout-typeform .wp-block-wpm-gfcf-core .gfield_label .gfcf-field-question-number,
    .layout-typeform .wp-block-wpm-gfcf-core .gsection .gsection_title .gfcf-field-question-number{
        font-size: 16px;
        left: -50px;
        width: 45px;

    }

    .layout-typeform .wp-block-wpm-gfcf-core .gfield_label .gfcf-field-question-number i,
    .layout-typeform .wp-block-wpm-gfcf-core .gsection .gsection_title .gfcf-field-question-number i {
        font-size: 12px;
        margin-left: 3px;
    }
    
    .layout-typeform .wp-block-wpm-gfcf-core .wpm-gfcf-layout .gform_wrapper{
        padding-top: 24px;
        padding-bottom: 24px;
    }
    .layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper{
        top: 5px;
    }

    body.layout-typeform .wp-block-wpm-gfcf-core .gfcf-typeform-container .wpm-gfcf-layout .gform_wrapper,
    body.layout-typeform .wp-block-wpm-gfcf-core .gfcf-typeform-container .wpm-gfcf-layout .gform_wrapper .gform_page{
        height: auto;
        min-height: auto;
    }

    .layout-typeform .gfcftf-next-button-supporting-text{
        margin: 0px 0 0 13px;
    }
    .layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper form{
        margin: 0px;
    }
    /* responsive error */
    .layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .gform_validation_errors .gform_submission_error,
    .layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .gfield_validation_message, .layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper .validation_message{
        font-size: 16px;
    }

    .layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper.gform_validation_error .gform_body {
        margin-top: 60px;
     }

     .layout-typeform .wp-block-wpm-gfcf-core .wpm-gfcf-layout .gform_wrapper.gform_validation_error .gform_body{
        margin: 0px;
     }

     .layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper.gform_validation_error {
        min-height: calc( 100vh - 111px );
     }

     .layout-typeform .wp-block-wpm-gfcf-core .gform_wrapper.gform_validation_error .gform_page{
        min-height: calc( 100vh - 122px );
     }
}