@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

form {
    --label: #444;
    --dark: #000;
    --light: #fff;
    --choice: #444;
    --primary-txt: #222;
    --primary-txt1: #444;
    --direction-txt: #444;
    --instruction: #666;
    --head-description-txt: #666;
    --page-bg-clr: 237, 239, 244;
    --page-bg-opacity: 1;
    --wallpaper-gradient-start-clr: 255, 222, 214;
    --wallpaper-gradient-end-clr: 191, 172, 254;
    --wallpaper-gradient-start-percent: 0%;
    --wallpaper-gradient-end-percent: 100%;
    --wallpaper-gradient-angle: 90deg;
    --wallpaper-gradient-start-clr-opacity: 1;
    --wallpaper-gradient-end-clr-opacity: 1;
    --hdr-bg-clr: transparent;
    --header-bg-opacity : 1;
    --field-cont-bg-clr: transparent;
    --field-cont-bg-opacity: 1;
    --field-cont-shape-type: 1;
    --field-cont-bdr-clr: transparent;
    --field-cont-bdr-radius: 0px;
    --footer-bg-clr: transparent;
    --footer-bg-opacity: 1;
    --banner-bg-clr: 255, 255, 255;
    --banner-bg-opacity: 1;
    --banner-max-height: auto;
    --header-logo-max-height: 550px;
    --title-txt-clr: #252c3e;
    --description-txt-clr: #667291;
    --label-txt-clr: #252c3e;
    --value-txt-clr: 37,44,62;
    --disabled-bg-clr: 225, 225, 225;
    --disabled-bg-opacity: 1;
    --disabled-bdr-clr: #bfbfbf;
    --disabled-txt-clr: #000;
    --instruction-txt-clr: #465475;
    --error-txt-clr: #f41033;
    --elements-clr: 250, 252, 255;
    --font-size-type: 1;
    --input-shape-type: 4;
    --input-shape: 1px solid #fff;
    --input-bdr-top-width: 1px;
    --input-bdr-right-width: 1px;
    --input-bdr-bottom-width: 1px;
    --input-bdr-left-width: 1px;
    --input-radius: 0px;
    --input-bdr-clr: 184, 187, 211;
    --input-bdr-opacity: 1;
    --input-bg-clr: 255, 255, 255;
    --input-bg-opacity: 1;
    --input-rating-bg-clr: 255, 255, 255;
    --input-rating-bg-opacity: 1;
    --previous-txt-clr: #24a68a;
    --next-txt-clr: #ffffff;
    --next-bg-clr: 68, 80, 109;
    --next-bdr-clr: transparent;
    --previous-bg-clr: transparent;
    --submit-txt-clr: #ffffff;
    --submit-bg-clr: 46, 183, 159;
    --submit-bdr-clr: transparent;
    --save-bg-clr: 255, 255, 255;
    --save-txt-clr: #3e4b69;
    --save-bdr-clr: #808798;
    --review-bg-clr: 255, 255, 255;
    --review-txt-clr: #3e4b69;
    --review-bdr-clr: #808798;
    --back-bg-clr: 68, 80, 109;
    --back-txt-clr: #ffffff;
    --back-bdr-clr: transparent;
    --start-bg-clr: #24A68A;
    --start-txt-clr: #ffffff;
    --progress-default-bg-clr: #4b516b;
    --progress-filled-bg-clr: #24a68a;
    --field-label-signTxt: 50, 50, 50;
    --highlight-clr: 255, 0, 0;
    --opacity-0: 0;
    --opacity-1: 0.1;
    --opacity-2: 0.2;
    --opacity-3: 0.3;
    --opacity-5: 0.5;
    --opacity-6: 0.6;
    --opacity-7: 0.7;
    --opacity-8: 0.8;
    --opacity-9: 0.9;
    --opacity-10: 1;
    --font-fallback: "open sans";
    --weight-600: 600;
    --body-font : Inter;
    --header-font : Inter;
    --body-font-fallback: Arimo,Helvetica,Arial;
    --header-topleft-radius: 0px;
    --header-topright-radius: 0px;
    --header-bottomleft-radius: 0px;
    --header-bottomright-radius: 0px;
    --header-bdr-clr: #ced3e0;
    --header-bdr-top-width: 0px;
    --header-bdr-left-width: 0px;
    --header-bdr-bottom-width: 1px;
    --header-bdr-right-width: 0px;
    --header-bdr-style: solid;
    --header-text-align: center;
    --header-logo-size: 100%;
    --header-space-outer-top: 0px;
    --header-space-outer-right: 0px;
    --header-space-outer-left: 0px;
    --header-space-outer-bottom: 0px;
    --header-space-inner-top: 28px;
    --header-space-inner-right: 40px;
    --header-space-inner-left: 40px;
    --header-space-inner-bottom: 28px;
    --form-align: center;
    --form-width: 760px;
    --form-cont-bg-clr: 255, 255, 255;
    --form-cont-bg-opacity: 1;
    --form-cont-bdr-style: solid;
    --form-cont-bdr-width: 0px;
    --form-cont-bdr-clr: #2c3b51;
    --form-cont-bdr-topleft-radius: 10px;
    --form-cont-bdr-topright-radius: 10px;
    --form-cont-bdr-bottomleft-radius: 10px;
    --form-cont-bdr-bottomright-radius: 10px;
    --form-cont-space-top: 30px;
    --form-cont-space-right: 20px;
    --form-cont-space-bottom: 30px;
    --form-cont-space-left: 20px;
    --form-cont-shadow-clr: #d8dfed;
    --form-cont-shadow-spread: 22px;
    /*	--field-cont-bg-clr: 255, 255, 255;	--field-cont-bg-opacity: 1;	--field-cont-bdr-style: solid;	--field-cont-bdr-width: 0px;	--field-cont-bdr-clr: #ff0000;	--field-bdr-topleft-radius: 10px; 	--field-bdr-topright-radius: 10px;	--field-bdr-bottomleft-radius: 20px;	--field-bdr-bottomright-radius: 20px;	*/
    /*	--field-space-top:10px;	--field-space-bottom:10px;	--field-space-right:0px;	--field-space-left:0px;*/
    --btn-width-all: 150px;
    --btn-align-all: center;
    --submit-bdr-width: 1px;
    --submit-bdr-style: solid;
    --save-bdr-width: 1px;
    --save-bdr-style: solid;
    --review-bdr-width: 1px;
    --review-bdr-style: solid;
    --back-bdr-width: 1px;
    --back-bdr-style: solid;
    --next-bdr-width: 1px;
    --next-bdr-style: solid;
    /*	--footer-topleft-radius: 0px; 	--footer-topright-radius: 0px;	--footer-bottomleft-radius: 0px;	--footer-bottomright-radius: 0px;	--footer-bdr-width:1px;	--footer-bdr-style:solid;	--footer-bdr-clr:transparent;	--footer-space-top:10px;	--footer-space-right:0px;	--footer-space-bottom:0px;	--footer-space-left:0px; not now */
    --subform-bg-clr: 245, 247, 252;
    --matrix-bg-clr: 245, 247, 252;
    --matrix-bg-opacity: 1;
    --matrix-value-table-bg-clr: var(--input-bg-clr);
    --matrix-value-table-bg-opacity: var(--input-bg-opacity);
    --popup-bg-clr: 252, 253, 255;
    /*    --page-bar:#c7c7c7;    --page-square:#c7c7c7;    --page-square-select:#1abc9c;    --page-number:#ffffff;    --page-title-txt:#444444;*/
    --page-visited-txt-clr: #ffffff;
    --page-unvisited-txt-clr: #ffffff;
    --page-visited-bg-clr: #465475;
    --page-unvisited-bg-clr: #a2a9be;
    --page-title-txt-size: 16px;
    --page-nav-number-size: 14px;
    --page-inline-title-txt-clr: #252c3e;
    --page-inline-bg-clr: transparent;
    --page-inline-bg-opacity: 1;
    --page-inline-title-align: left;
    --page-inline-bdr-topleft-radius: 0px;
    --page-inline-bdr-topright-radius: 0px;
    --page-inline-bdr-bottomleft-radius: 0px;
    --page-inline-bdr-bottomright-radius: 0px;
    --page-inline-bdr-top-width: 0px;
    --page-inline-bdr-left-width: 0px;
    --page-inline-bdr-bottom-width: 1px;
    --page-inline-bdr-right-width: 0px;
    --page-inline-bdr-clr: #dbdfe7;
    --page-inline-bdr-style: solid;
    --page-inline-inner-space-top: 15px;
    --page-inline-inner-space-right: 0px;
    --page-inline-inner-space-bottom: 15px;
    --page-inline-inner-space-left: 0px;
    --page-inline-outer-space-left: 36px;
    --page-inline-outer-space-right: 36px;
    --page-inline-outer-space-top: 5px;
    --page-inline-outer-space-bottom: 5px;
    --star-selection-clr: #ffca00;
    --lightning-selection-clr: #886cff;
    --shield-selection-clr: #26ce89;
    --heart-selection-clr: #fc6d53;
    --flag-selection-clr: #5aacff;
    --bulb-selection-clr: #ffa500;
    --thumbsUp-selection-clr: #509efe;
    --fire-selection-clr: #ff883a;
    --crown-selection-clr: #fec718;
    --leaf-selection-clr: #8cc63e;
    --trophy-selection-clr: #f8b705;
    --user-selection-clr: #4fa6f0;
    --gift-selection-clr: #ff5b73;
    --christmas-selection-clr: #16c79b;
    --sun-selection-clr: #ffb500;
    --pizza-selection-clr: #ff905c;
    --cloud-selection-clr: #6094f4;
    --rain-selection-clr: #5ccdff;
    --wine-selection-clr: #ed557c;
    --van-selection-clr: #a56ee5;
    --notebook-selection-clr: #4999e5;
    --soccer-selection-clr: #5465ba;
    --blood-selection-clr: #ffbbbb;
    --blood-stroke-clr: #ef2020;
    --book-selection-clr: #9fcdff;
    --book-stroke-clr: #2c89e5;
    --chef-selection-clr: #cbf0ff;
    --chef-stroke-clr: #53b8d1;
    --diamond-selection-clr: #e5caf3;
    --diamond-stroke-clr: #9c62f9;
    --shopping-selection-clr: #fac13c;
    --shopping-stroke-clr: #c18100;
    --pumpkin-selection-clr: #ffe19f;
    --pumpkin-stroke-clr: #e07e27;
    --applause-selection-clr: #ffb69f;
    --applause-stroke-clr: #db6556;
    --toddler-selection-clr: #ffdcf2;
    --toddler-stroke-clr: #621c99;
    --football-selection-clr: #ffa19c;
    --football-stroke-clr: #a53a35;
    --happyface-selection-clr: #ffe103;
    --happyface-stroke-clr: #856900;
    --super-selection-clr: #ffe1c5;
    --super-stroke-clr: #b2753f;
    --fields-ver-space-top: 16px;
    --fields-ver-space-bottom: 16px;
    --fields-hor-space-left: 40px;
    --fields-hor-space-right: 40px;
    --header-title-style: normal;
    --header-title-weight: 500;
    --description-txt-style: normal;
    --description-txt-weight: 400;
    --label-txt-style: normal;
    --label-txt-weight: 500;
    --instruction-txt-style: normal;
    --instruction-txt-weight: 400;
    /*    --matrix-ans-txt-size:12px;    --matrix-qs-txt-size:12px;*/
    --sf-field-space-top: 24px;
    --sf-field-space-right: 24px;
    --sf-field-space-bottom: 24px;
    --sf-field-space-left: 24px;
    --sf-cont-space-inner: 16px;
    --submit-bg-opacity: 1;
    --save-bg-opacity: 1;
    --review-bg-opacity: 1;
    --back-bg-opacity: 1;
    --next-bg-opacity: 1;
    --subform-bg-opacity: 1;
    --input-focus-clr: #2eb79f;
    --field-mandatory-clr: #f41033;
    --slider-selection-clr: #2eb79f;
    --choice-txt-clr: #47476b;
    --choice-selection-clr: 46, 183, 159;
    --choice-box-bg-clr: transparent;
    --choice-box-bg-opacity: 1;
    --default-rating-selection-clr: #ffd939;
    --default-layout-style-container: 1;
    --default-layout-style-header: 1;
    --default-font-size: 2;
    --default-input-bdr-shape: 2;
    --default-btns-bdr-shape: 3;
    --default-form-cont-width-type: 1;
    --default-btn-width-type: 1;
    --default-matrix-style: 1;
    --default-page-title-style: 1;
    --default-clr-type: 1;
    --default-field-icon-style: 1;
    --default-page-banner-type: 1;
    --default-banner-height-type: 1;
    --default-header-scroll-type: 1;
    --default-banner-scroll-type: 1;
    --default-page-scroll-type: 1;
    --default-form-cont-responsive: true;
    --default-choice-box-model: 1;
    --default-choice-template: 1;
    --page-gradient-start-clr: 255, 222, 214;
    --page-gradient-end-clr: 191, 172, 254;
    --page-gradient-start-percent: 0%;
    --page-gradient-end-percent: 100%;
    --page-gradient-angle: 90deg;
    --page-gradient-start-clr-opacity: 1;
    --page-gradient-end-clr-opacity: 1;
    --form-header-gradient-start-clr: 255, 222, 214;
    --form-header-gradient-end-clr: 191, 172, 254;
    --form-header-gradient-start-percent: 0%;
    --form-header-gradient-end-percent: 100%;
    --form-header-gradient-angle: 90deg;
    --form-header-gradient-start-clr-opacity: 1;
    --form-header-gradient-end-clr-opacity: 1;
    --form-cont-gradient-start-clr: 255, 222, 214;
    --form-cont-gradient-end-clr: 191, 172, 254;
    --form-cont-gradient-start-percent: 0%;
    --form-cont-gradient-end-percent: 100%;
    --form-cont-gradient-angle: 90deg;
    --form-cont-gradient-start-clr-opacity: 1;
    --form-cont-gradient-end-clr-opacity: 1;
    --page-header-gradient-start-clr: 255, 222, 214;
    --page-header-gradient-end-clr: 191, 172, 254;
    --page-header-gradient-start-percent: 0%;
    --page-header-gradient-end-percent: 100%;
    --page-header-gradient-angle: 90deg;
    --page-header-gradient-start-clr-opacity: 1;
    --page-header-gradient-end-clr-opacity: 1;
    --submit-btn-gradient-start-clr: 255, 222, 214;
    --submit-btn-gradient-end-clr: 191, 172, 254;
    --submit-btn-gradient-start-percent: 0%;
    --submit-btn-gradient-end-percent: 100%;
    --submit-btn-gradient-angle: 90deg;
    --submit-btn-gradient-start-clr-opacity: 1;
    --submit-btn-gradient-end-clr-opacity: 1;
    --popup-bg-gradient-start-clr: 255, 222, 214;
    --popup-bg-gradient-end-clr: 191, 172, 254;
    --popup-bg-gradient-start-percent: 0%;
    --popup-bg-gradient-end-percent: 100%;
    --popup-bg-gradient-angle: 90deg;
    --popup-bg-gradient-start-clr-opacity: 1;
    --popup-bg-gradient-end-clr-opacity: 1;
    --sfinline-bg-gradient-start-clr: 255, 222, 214;
    --sfinline-bg-gradient-end-clr: 191, 172, 254;
    --sfinline-bg-gradient-start-percent: 0%;
    --sfinline-bg-gradient-end-percent: 100%;
    --sfinline-bg-gradient-angle: 90deg;
    --sfinline-bg-gradient-start-clr-opacity: 1;
    --sfinline-bg-gradient-end-clr-opacity: 1;
    --banner-img-size: 100%;
    --banner-img-align: center;
    --default-grid-style: 1;
    --grid-bdr-clr: #cccfe3;
    --grid-title-bg-clr: 235, 239, 251;
    --grid-title-bg-opacity: 1;
    --grid-title-bdr-clr: #cccfe3;
    --grid-header-gradient-start-clr: 255, 222, 214;
    --grid-header-gradient-end-clr: 191, 172, 254;
    --grid-header-gradient-start-percent: 0%;
    --grid-header-gradient-end-percent: 100%;
    --grid-header-gradient-angle: 90deg;
    --grid-header-gradient-start-clr-opacity: 1;
    --grid-header-gradient-end-clr-opacity: 1;
    --grid-label-hor-space-left: 0px;
    --grid-label-hor-space-right: 0px;
    --grid-cont-bg-clr: transparent;
    --grid-cont-bg-opacity: 1;
    --grid-cont-gradient-start-clr: 255, 222, 214;
    --grid-cont-gradient-end-clr: 191, 172, 254;
    --grid-cont-gradient-start-percent: 0%;
    --grid-cont-gradient-end-percent: 100%;
    --grid-cont-gradient-angle: 90deg;
    --grid-cont-gradient-start-clr-opacity: 1;
    --grid-cont-gradient-end-clr-opacity: 1;
    --grid-cont-space-left: 0px;
    --grid-cont-space-right: 0px;
    --grid-col-between-space: 32px;
    --body-font: inter;
    --form-cont-bg-clr: 245, 245, 245;
    --form-cont-bg-opacity: 1.0;
    --form-cont-bdr-clr: #3259a8;
    --form-cont-bdr-width: 0px;
    --form-cont-shadow-clr: #3259a8;
    --form-cont-shadow-spread: 45px;
    --form-cont-space-top: 2px;
    --form-cont-space-bottom: 2px;
    --hdr-bg-clr: transparent;
    --header-bg-opacity: 0.0;
    --title-txt-clr: #000000;
    --header-title-weight: 700;
    --description-txt-clr: #3259a8;
    --banner-img-size: 100%;
    --banner-img-align: center;
    --elements-clr: 255, 255, 255;
    --fields-hor-space-left: 33px;
    --fields-hor-space-right: 33px;
    --fields-ver-space-top: 5px;
    --fields-ver-space-bottom: 5px;
    --submit-bg-clr: 230, 30, 30;
    --submit-bg-opacity: 1.0;
    --submit-bdr-clr: #3259a8;
    --next-bg-clr: 50, 89, 168;
    --next-bg-opacity: 1.0;
    --matrix-value-table-bg-clr: transparent;
    --matrix-value-table-bg-opacity: 0.0;
    --page-visited-bg-clr: #e61e1e;
    --page-unvisited-bg-clr: #3259a8;
    --page-inline-outer-space-left: 30px;
    --page-inline-outer-space-right: 30px;
}
.pum-container {
	border-radius: 0 !important;
	background-color: rgb(237 239 244) !important;
	padding: 50px !important;
	width: 100% !important;
	max-width: 800px !important;
	max-height: 600px !important;
	overflow: auto !important;
}

.pum-container .modal-content {
    text-align: left;
    max-height: 600px;
    overflow: auto;
	max-width: 800px;
	width: 100%;
}

.zfBannerDiv img {
    width: 100%;
}

li.zf-tempHeadContBdr {
    text-align: center;
}

.zf-frmDesc {
    font-size: var(--description-txt-size);
    color: var(--description-txt-clr);
    font-weight: var(--description-txt-weight);
    font-style: var(--description-txt-style);
    padding-top: 8px;
    font-family: var(--header-font);
}

.zf-templateWrapper {
    box-shadow: 0px 0px 22px 0px #3259a8;
    margin: 0 auto;
	border-radius: 20px;
	padding: 20px;
	background-color: rgb(245 245 245);
    padding: 0;
}
.zf-templateWrapper ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0px;
}
.zf-important {
    color: #f41033;
    position: relative;
    margin-left: 2px;
}
.zf-phwrapper label {
    display: none;
}
p.zf-instruction {
    font-size: 13px;
}

.zfBannerImgDiv {
    max-width: var(--banner-img-size);
}

.zf-frmTitle em {
    font-size: var(--title-txt-size);
    color: var(--title-txt-clr);
    font-weight: var(--header-title-weight);
    font-style: var(--header-title-style);
    font-family: var(--header-font);
}

label.zf-labelName {
    font-size: var(--label-txt-size);
    color: var(--label-txt-clr);
    display: block;
    font-weight: var(--label-txt-weight);
    font-style: var(--label-txt-style);
}

.zf-tempHeadBdr {
    background: rgba(transparent, 0.0);
    position: relative;
    top: 0;
    display: block;
    border-top-left-radius: var(--header-topleft-radius);
    border-top-right-radius: var(--header-topright-radius);
    border-bottom-left-radius: var(--header-bottomleft-radius);
    border-bottom-right-radius: var(--header-bottomright-radius);
    margin: var(--header-space-outer-top) var(--header-space-outer-right) var(--header-space-outer-bottom) var(--header-space-outer-left);
    box-sizing: border-box;
    border-width: var(--header-bdr-top-width) var(--header-bdr-right-width) var(--header-bdr-bottom-width) var(--header-bdr-left-width);
    border-color: var(--header-bdr-clr);
    border-style: var(--header-bdr-style);
    text-align: var(--header-text-align);
    padding: var(--header-space-inner-top) var(--header-space-inner-right) var(--header-space-inner-bottom) var(--header-space-inner-left);
    overflow: hidden;
}

li.zf-tempFrmWrapper.zf-large {
    counter-increment: section;
    padding: var(--fields-ver-space-top) var(--fields-hor-space-right) var(--fields-ver-space-bottom) var(--fields-hor-space-left);
    margin: 0;
    box-sizing: border-box;
}

.fieldtypeText textarea {
    height: 100px;
    resize: vertical;
    min-height: 100px;
    transition: none;
}

.zf-tempFrmWrapper .textarea {
    font-size: var(--value-txt-size);
    color: rgb(var(--value-txt-clr));
    border: 1px solid rgba(var(--input-bdr-clr), var(--input-bdr-opacity));
    border-width: var(--input-bdr-top-width) var(--input-bdr-right-width) var(--input-bdr-bottom-width) var(--input-bdr-left-width);
    border-radius: var(--input-radius);
    word-break: normal;
    background: rgba(var(--input-bg-clr), var(--input-bg-opacity));
    font-family: var(--body-font);
    transition: 0.3s;
}

select.zf-form-sBox {
    background: #fff;
    border: 1px solid #bababa;
    border-radius: 3px;
    font-size: 16px;
    line-height: 20px;
    height: 47px;
    padding: 10px 15px;
    box-sizing: border-box;
    width: 100%;
    font-family: 'FrutigerNeueLTW1G', Arial, sans-serif;
    color: #b4b4b4;
}

.zf-tempContDiv textarea {
    background: #fff;
    border: 1px solid #bababa;
    border-radius: 3px;
    font-size: 16px;
    line-height: 20px;
    padding: 10px 15px;
    box-sizing: border-box;
    width: 100%;
    height: 120px;
    resize: none;
    display: block;
    font-family: "FrutigerNeueLTW1G", Arial, sans-serif;
    color: #b4b4b4;
}

.zf-descFld {
    font-size: 12px;
}

.g-recaptcha {
    margin: 0 auto 30px;
}
