@charset "UTF-8";:root {	--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;	--label-txt-clr-30:var(--label-txt-clr);	--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; 	--numeric-txt-bdr-clr: 129, 131, 148;	--numeric-box-bg-clr: 255, 255, 255;	--numeric-sel-txt-bdr-clr: 255, 255, 255;	--numeric-sel-box-bg-clr: 46, 183, 159;    --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;	--divider-line-clr: 184, 187, 211;		--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;	}.pageWrapper.type1 {	--title-txt-size: clamp(22px,2.14vw + 11.71px,28px);	--description-txt-size: clamp(15px,0vw + 15px,15px);	--label-txt-size: clamp(14px,0.36vw + 12.29px,15px);	--value-txt-size: clamp(14px,0vw + 14px,14px);	--instruction-txt-size: clamp(12px,0.36vw + 10.29px,13px);	--next-txt-size: clamp(14px,0vw + 14px,14px);	--submit-txt-size:clamp(14px,0vw + 14px,14px);	--save-txt-size: clamp(14px,0vw + 14px,14px);	--review-txt-size: clamp(14px,0vw + 14px,14px);	--back-txt-size: clamp(14px,0vw + 14px,14px);	--error-txt-size: clamp(13px,0vw + 13px,13px);	--matrix-qs-txt-size: clamp(14px,0vw + 14px,14px);	--matrix-ans-txt-size: clamp(14px,0vw + 14px,14px);	--drpdwn-list-txt-size: clamp(14px,0vw + 14px,14px);	--mline-char-count-txt-size: clamp(12px,0.36vw + 10.29px,13px);		--elements-h5-txt-size: clamp(13px,0.36vw + 11.29px,14px);	--elements-h6-txt-size: clamp(12px,0.36vw + 10.29px,13px);		--sf-addentry-txt-size: clamp(13px,0.36vw + 11.29px,14px);	--sf-addentry-icon-size: clamp(16px,1.07vw + 10.86px,19px);	--slider-range-txt-size: clamp(12px,0.36vw + 10.29px,13px);	--date-picker-txt-size: clamp(12px,0vw + 12px,12px);	--fieldcomp-label-txt-size: clamp(12px,0vw + 12px,12px);	--countrycode-txt-size: clamp(12px,0.36vw + 10.29px,13px);	--sf-title-txt-size: clamp(20px,1.43vw + 13.14px,24px);	--sf-label-txt-size: clamp(13px,0.36vw + 11.29px,14px);	--sf-value-txt-size: clamp(13px,0vw + 13px,13px);	--sf-instruction-txt-size: clamp(12px,0.36vw + 10.29px,13px);	--sf-submit-txt-size: clamp(14px,0.71vw + 10.57px,16px);	--sf-error-txt-size: clamp(12px,0.36vw + 10.29px,13px);	--sf-drpdwn-list-txt-size: clamp(13px,0vw + 13px,13px);	--sf-mline-char-count-txt-size: clamp(12px,0vw + 12px,12px);	--sf-elements-h5-txt-size: clamp(13px,0vw + 13px,13px);	--sf-elements-h6-txt-size: clamp(12px,0vw + 12px,12px);	--sf-slider-range-txt-size: clamp(12px,0vw + 12px,12px);	--sf-date-picker-txt-size: clamp(12px,0vw + 12px,12px);	--sf-fieldcomp-label-txt-size: clamp(12px,0vw + 12px,12px);	--section-title-txt-size: clamp(17px,1.07vw + 11.86px,20px);	--section-instruction-txt-size: clamp(12px,0.36vw + 10.29px,13px);	--page-title-txt-size: clamp(14px,0.36vw + 12.29px,15px);    --page-nav-number-size: clamp(13px,0vw + 13px,13px);	--start-btn-txt-size: clamp(14px,0.25vw + 13px,15px);}.pageWrapper.type2 {	--title-txt-size: clamp(25px,2.86vw + 11.29px,33px);	--description-txt-size: clamp(16px,0.36vw + 14.29px,17px);	--label-txt-size: clamp(15px,0.36vw + 13.29px,16px);	--value-txt-size: clamp(15px,0vw + 15px,15px);	--instruction-txt-size: clamp(13px,0vw + 13px,13px);	--next-txt-size: clamp(15px,0.36vw + 13.29px,16px);	--submit-txt-size: clamp(15px,0.36vw + 13.29px,16px);	--save-txt-size: clamp(15px,0.36vw + 13.29px,16px);	--review-txt-size: clamp(15px,0.36vw + 13.29px,16px);	--back-txt-size: clamp(15px,0.36vw + 13.29px,16px);	--error-txt-size: clamp(14px,0vw + 14px,14px);	--matrix-qs-txt-size: clamp(15px,0vw + 15px,15px);	--matrix-ans-txt-size: clamp(15px,0vw + 15px,15px);	--drpdwn-list-txt-size: clamp(14px,0.36vw + 12.29px,15px);	--mline-char-count-txt-size: clamp(12px,0.71vw + 8.57px,14px);		--elements-h5-txt-size: clamp(14px,0.36vw + 12.29px,15px);	--elements-h6-txt-size: clamp(13px,0.36vw + 11.29px,14px);		--sf-addentry-txt-size: clamp(14px,0.36vw + 12.29px,15px);	--sf-addentry-icon-size: clamp(16px,1.43vw + 9.14px,20px);	--slider-range-txt-size: clamp(13px,0.36vw + 11.29px,14px);	--date-picker-txt-size: clamp(13px,0vw + 13px,13px);	--fieldcomp-label-txt-size: clamp(13px,0vw + 13px,13px);	--countrycode-txt-size: clamp(14px,0.36vw + 12.29px,15px);	--sf-title-txt-size: clamp(22px,1.79vw + 13.43px,27px);	--sf-label-txt-size: clamp(14px,0.36vw + 12.29px,15px);	--sf-value-txt-size: clamp(14px,0vw + 14px,14px);	--sf-instruction-txt-size: clamp(13px,0vw + 13px,13px);	--sf-submit-txt-size: clamp(14px,0.71vw + 10.57px,16px);	--sf-error-txt-size: clamp(13px,0vw + 13px,13px);	--sf-drpdwn-list-txt-size: clamp(13px,0.36vw + 11.29px,14px);	--sf-mline-char-count-txt-size: clamp(12px,0.36vw + 10.29px,13px);	--sf-elements-h5-txt-size: clamp(14px,0vw + 14px,14px);	--sf-elements-h6-txt-size: clamp(13px,0vw + 13px,13px);	--sf-slider-range-txt-size: clamp(13px,0vw + 13px,13px);	--sf-date-picker-txt-size: clamp(13px,0vw + 13px,13px);	--sf-fieldcomp-label-txt-size: clamp(13px,0vw + 13px,13px);	--section-title-txt-size: clamp(19px,1.07vw + 13.86px,22px);	--section-instruction-txt-size: clamp(13px,0.36vw + 11.29px,14px);	--page-title-txt-size: clamp(16px,0.36vw + 14.29px,17px);    --page-nav-number-size: clamp(14px,0vw + 14px,14px);	--start-btn-txt-size: clamp(14px,0.75vw + 11px,17px);}.pageWrapper.type3 {	--title-txt-size: clamp(28px,3.57vw + 10.86px,38px);	--description-txt-size: clamp(17px,0.71vw + 13.57px,19px);	--label-txt-size: clamp(16px,0.71vw + 12.57px,18px);	--value-txt-size: clamp(16px,0.36vw + 14.29px,17px);	--instruction-txt-size: clamp(14px,0.36vw + 12.29px,15px);	--next-txt-size: clamp(17px,0.36vw + 15.29px,18px);	--submit-txt-size: clamp(17px,0.36vw + 15.29px,18px);	--save-txt-size: clamp(17px,0.36vw + 15.29px,18px);	--review-txt-size:  clamp(17px,0.36vw + 15.29px,18px);	--back-txt-size: clamp(17px,0.36vw + 15.29px,18px);	--error-txt-size: clamp(16px,0vw + 16px,16px);	--matrix-qs-txt-size: clamp(17px,0vw + 17px,17px);	--matrix-ans-txt-size: clamp(17px,0vw + 17px,17px);	--drpdwn-list-txt-size: clamp(16px,0.36vw + 14.29px,17px);	--mline-char-count-txt-size: clamp(14px,0.36vw + 12.29px,15px);		--elements-h5-txt-size: clamp(14px,1.07vw + 8.86px,17px);	--elements-h6-txt-size: clamp(13px,1.07vw + 7.86px,16px);		--sf-addentry-txt-size: clamp(16px,0.36vw + 14.29px,17px);	--sf-addentry-icon-size: clamp(17px,1.79vw + 8.43px,22px);	--slider-range-txt-size: clamp(15px,0.36vw + 13.29px,16px);	--date-picker-txt-size: clamp(15px,0vw + 15px,15px);	--fieldcomp-label-txt-size: clamp(15px,0vw + 15px,15px);	--countrycode-txt-size: clamp(15px,0.36vw + 13.29px,16px);	--sf-title-txt-size: clamp(24px,2.14vw + 13.71px,30px);	--sf-label-txt-size: clamp(16px,0.36vw + 14.29px,17px);	--sf-value-txt-size: clamp(16px,0vw + 16px,16px);	--sf-instruction-txt-size: clamp(14px,0.36vw + 12.29px,15px);	--sf-submit-txt-size: clamp(14px,1.79vw + 5.43px,19px);	--sf-error-txt-size: clamp(15px,0vw + 15px,15px);	--sf-drpdwn-list-txt-size: clamp(14px,0.71vw + 10.57px,16px);	--sf-mline-char-count-txt-size: clamp(13px,0.36vw + 11.29px,14px);	--sf-elements-h5-txt-size: clamp(16px,0vw + 16px,16px);	--sf-elements-h6-txt-size: clamp(15px,0vw + 15px,15px);	--sf-slider-range-txt-size: clamp(14px,0.36vw + 12.29px,15px);	--sf-date-picker-txt-size: clamp(14px,0.36vw + 12.29px,15px);	--sf-fieldcomp-label-txt-size: clamp(14px,0.36vw + 12.29px,15px);	--section-title-txt-size: clamp(20px,1.79vw + 11.43px,25px);	--section-instruction-txt-size: clamp(14px,0.71vw + 10.57px,16px);	--page-title-txt-size: clamp(17px,0.71vw + 13.57px,19px);    --page-nav-number-size: clamp(15px,0.36vw + 13.29px,16px);	--start-btn-txt-size: clamp(15px,1vw + 11px,19px);}.pageWrapper.type4 {	--title-txt-size: clamp(30px,4.64vw + 7.71px,43px);	--description-txt-size: clamp(19px,1.07vw + 13.86px,22px);	--label-txt-size: clamp(18px,1.07vw + 12.86px,21px);	--value-txt-size: clamp(18px,0.71vw + 14.57px,20px);	--instruction-txt-size: clamp(16px,0.71vw + 12.57px,18px);	--next-txt-size: clamp(19px,0.71vw + 15.57px,21px);	--submit-txt-size: clamp(19px,0.71vw + 15.57px,21px);	--save-txt-size: clamp(19px,0.71vw + 15.57px,21px);	--review-txt-size: clamp(19px,0.71vw + 15.57px,21px);	--back-txt-size: clamp(19px,0.71vw + 15.57px,21px);	--error-txt-size: clamp(18px,0.36vw + 16.29px,19px);	--matrix-qs-txt-size: clamp(18px,0.71vw + 14.57px,20px);	--matrix-ans-txt-size: clamp(18px,0.71vw + 14.57px,20px);	--drpdwn-list-txt-size: clamp(17px,1.07vw + 11.86px,20px);	--mline-char-count-txt-size: clamp(15px,0.71vw + 11.57px,17px);		--elements-h5-txt-size: clamp(15px,1.43vw + 8.14px,19px);	--elements-h6-txt-size: clamp(14px,1.43vw + 7.14px,18px);		--sf-addentry-txt-size: clamp(17px,1.07vw + 11.86px,20px);	--sf-addentry-icon-size: clamp(17px,2.14vw + 6.71px,23px);	--slider-range-txt-size: clamp(17px,0.71vw + 13.57px,19px);	--date-picker-txt-size: clamp(17px,0.71vw + 13.57px,19px);	--fieldcomp-label-txt-size: clamp(17px,0.36vw + 15.29px,18px);	--countrycode-txt-size: clamp(17px,0.71vw + 13.57px,19px);	--sf-title-txt-size: clamp(26px,2.5vw + 14px,33px);	--sf-label-txt-size: clamp(17px,0.71vw + 13.57px,19px);	--sf-value-txt-size: clamp(17px,0.36vw + 15.29px,18px);	--sf-instruction-txt-size: clamp(15px,0.36vw + 13.29px,16px);	--sf-submit-txt-size: clamp(14px,2.14vw + 3.71px,20px);	--sf-error-txt-size: clamp(16px,0.36vw + 14.29px,17px);	--sf-drpdwn-list-txt-size: clamp(15px,0.71vw + 11.57px,17px);	--sf-mline-char-count-txt-size: clamp(14px,0.36vw + 12.29px,15px);	--sf-elements-h5-txt-size: clamp(17px,0vw + 17px,17px);	--sf-elements-h6-txt-size: clamp(16px,0vw + 16px,16px);	--sf-slider-range-txt-size: clamp(15px,0.36vw + 13.29px,16px);	--sf-date-picker-txt-size: clamp(15px,0.36vw + 13.29px,16px);	--sf-fieldcomp-label-txt-size: clamp(15px,0.36vw + 13.29px,16px);	--section-title-txt-size: clamp(22px,2.5vw + 10px,29px);	--section-instruction-txt-size: clamp(16px,0.71vw + 12.57px,18px);	--page-title-txt-size: clamp(19px,1.07vw + 13.86px,22px);    --page-nav-number-size: clamp(17px,0.71vw + 13.57px,19px);	--start-btn-txt-size: clamp(16px,1vw + 12px,20px);}.pageWrapper.type5 {	--title-txt-size: clamp(35px,4.64vw + 12.71px,48px);	--description-txt-size: clamp(20px,2.5vw + 8px,27px);	--label-txt-size: clamp(19px,1.43vw + 12.14px,23px);	--value-txt-size: clamp(19px,1.07vw + 13.86px,22px);	--instruction-txt-size: clamp(17px,0.71vw + 13.57px,19px);	--next-txt-size: clamp(20px,1.07vw + 14.86px,23px);	--submit-txt-size: clamp(20px,1.07vw + 14.86px,23px);	--save-txt-size: clamp(20px,1.07vw + 14.86px,23px);	--review-txt-size: clamp(20px,1.07vw + 14.86px,23px);	--back-txt-size: clamp(20px,1.07vw + 14.86px,23px);	--error-txt-size: clamp(19px,0.36vw + 17.29px,20px);	--matrix-qs-txt-size: clamp(19px,1.07vw + 13.86px,22px);	--matrix-ans-txt-size: clamp(19px,1.07vw + 13.86px,22px);	--drpdwn-list-txt-size: clamp(18px,1.43vw + 11.14px,22px);	--mline-char-count-txt-size: clamp(16px,1.07vw + 10.86px,19px);		--elements-h5-txt-size: clamp(17px,1.43vw + 10.14px,21px);	--elements-h6-txt-size: clamp(16px,1.43vw + 9.14px,20px);		--sf-addentry-txt-size: clamp(18px,1.43vw + 11.14px,22px);	--sf-addentry-icon-size: clamp(17px,2.86vw + 3.29px,25px);	--slider-range-txt-size: clamp(18px,0.71vw + 14.57px,20px);	--date-picker-txt-size: clamp(18px,0.71vw + 14.57px,20px);	--fieldcomp-label-txt-size: clamp(18px,0.36vw + 16.29px,19px);	--countrycode-txt-size: clamp(18px,0.71vw + 14.57px,20px);	--sf-title-txt-size: clamp(29px,2.5vw + 17px,36px);	--sf-label-txt-size: clamp(18px,1.07vw + 12.86px,21px);	--sf-value-txt-size: clamp(18px,0.71vw + 14.57px,20px);	--sf-instruction-txt-size: clamp(16px,0.71vw + 12.57px,18px);	--sf-submit-txt-size: clamp(15px,2.14vw + 4.71px,21px);	--sf-error-txt-size: clamp(17px,0.36vw + 15.29px,18px);	--sf-drpdwn-list-txt-size: clamp(16px,0.71vw + 12.57px,18px);	--sf-mline-char-count-txt-size: clamp(15px,0.36vw + 13.29px,16px);	--sf-elements-h5-txt-size: clamp(18px,0vw + 18px,18px);	--sf-elements-h6-txt-size: clamp(17px,0vw + 17px,17px);	--sf-slider-range-txt-size: clamp(16px,0.36vw + 14.29px,17px);	--sf-date-picker-txt-size: clamp(16px,0.36vw + 14.29px,17px);	--sf-fieldcomp-label-txt-size: clamp(16px,0.36vw + 14.29px,17px);	--section-title-txt-size: clamp(25px,3.21vw + 9.57px,34px);	--section-instruction-txt-size: clamp(17px,0.71vw + 13.57px,19px);	--page-title-txt-size: clamp(20px,1.07vw + 14.86px,23px);    --page-nav-number-size: clamp(18px,0.71vw + 14.57px,20px);	--start-btn-txt-size: clamp(16px,1.25vw + 11px,21px);}.pageWrapper.type6 {	--title-txt-size: clamp(38px,6.07vw + 8.86px,55px);	--description-txt-size: clamp(22px,2.86vw + 8.29px,30px);	--label-txt-size: clamp(21px,1.79vw + 12.43px,26px);	--value-txt-size: clamp(21px,1.43vw + 14.14px,25px);	--instruction-txt-size: clamp(19px,0.71vw + 15.57px,21px);	--next-txt-size: clamp(22px,1.07vw + 16.86px,25px);	--submit-txt-size: clamp(22px,1.07vw + 16.86px,25px);	--save-txt-size: clamp(22px,1.07vw + 16.86px,25px);	--review-txt-size: clamp(22px,1.07vw + 16.86px,25px);	--back-txt-size: clamp(22px,1.07vw + 16.86px,25px);	--error-txt-size: clamp(20px,0.36vw + 18.29px,21px);	--matrix-qs-txt-size: clamp(20px,1.79vw + 11.43px,25px);	--matrix-ans-txt-size: clamp(20px,1.79vw + 11.43px,25px);	--drpdwn-list-txt-size: clamp(19px,2.14vw + 8.71px,25px);	--mline-char-count-txt-size: clamp(17px,1.79vw + 8.43px,22px);		--elements-h5-txt-size: clamp(19px,1.43vw + 12.14px,23px);	--elements-h6-txt-size: clamp(18px,1.07vw + 12.86px,21px);		--sf-addentry-txt-size: clamp(20px,1.79vw + 11.43px,25px);	--sf-addentry-icon-size: clamp(18px,4.29vw - 2.57px,30px);	--slider-range-txt-size: clamp(19px,1.07vw + 13.86px,22px);	--date-picker-txt-size: clamp(19px,1.07vw + 13.86px,22px);	--fieldcomp-label-txt-size: clamp(19px,0.71vw + 15.57px,21px);	--countrycode-txt-size: clamp(19px,1.07vw + 13.86px,22px);	--sf-title-txt-size: clamp(32px,2.86vw + 18.29px,40px);	--sf-label-txt-size: clamp(20px,1.43vw + 13.14px,24px);	--sf-value-txt-size: clamp(20px,1.07vw + 14.86px,23px);	--sf-instruction-txt-size: clamp(19px,0.36vw + 17.29px,20px);	--sf-submit-txt-size: clamp(15px,2.86vw + 1.29px,23px);	--sf-error-txt-size: clamp(19px,0.36vw + 17.29px,20px);	--sf-drpdwn-list-txt-size: clamp(18px,1.07vw + 12.86px,21px);	--sf-mline-char-count-txt-size: clamp(17px,0.71vw + 13.57px,19px);	--sf-elements-h5-txt-size:clamp(19px,0.36vw + 17.29px,20px);	--sf-elements-h6-txt-size: clamp(18px,0.36vw + 16.29px,19px);	--sf-slider-range-txt-size: clamp(18px,0.71vw + 14.57px,20px);	--sf-date-picker-txt-size: clamp(18px,0.71vw + 14.57px,20px);	--sf-fieldcomp-label-txt-size: clamp(18px,0.71vw + 14.57px,20px);	--section-title-txt-size: clamp(27px,3.57vw + 9.86px,37px);	--section-instruction-txt-size: clamp(19px,1.07vw + 13.86px,22px);	--page-title-txt-size: clamp(22px,1.07vw + 16.86px,25px);    --page-nav-number-size: clamp(20px,0.71vw + 16.57px,22px);	--start-btn-txt-size: clamp(20px,0.71vw + 16.57px,22px);}.pageWrapper.fieldModel_1 {    --input-radius: 0px;}.pageWrapper.fieldModel_2 {    --input-radius: 4px;}.pageWrapper.fieldModel_3 {    --input-radius: 50px;}.pageWrapper.fieldModel_4{	--input-bdr-top-width: 0px !important;	--input-bdr-right-width: 0px !important;	--input-bdr-left-width: 0px !important;    --input-radius: 0px;}.pageWrapper.fieldModel_3 .zfmultiLineWrap{	 --input-radius: 20px;}.pageWrapper.fieldModel_2 .zfSignContainer .signInnerCont{	 --input-radius: 5px;}.pageWrapper.fieldModel_3 .zfSignContainer .signInnerCont{	 --input-radius: 10px;}.fieldModel_3 .zfMultichoiceDropdown .select2-container--default .select2-selection--multiple{    --input-radius: 20px;}.fieldModel_3 .zfMultichoiceDropdown .select2-container--default .select2-selection--multiple .select2-selection__choice{    --input-radius: 50px;}.pageWrapper.fieldModel_4 .zfSignContainer .signInnerCont{	 --input-radius: 0px;}.fieldModel_3 .zfUploadContainer{	 --input-radius: 20px;}.fieldModel_3 .fieldDisabled .zfUploadContainer{	 --input-radius: 20px;}/*body.theme1 { --main-bg-color: #faf2b8; --main-txt-color: #444;}body.theme2 { --main-bg-color: black; --main-txt-color: #fff;	--label: #fff;--choice:#fff;--light:#fff;--primary-txt:#fff;--direction-txt:#fff;	--instruction:#e3e3e3;	--head-description-txt:#efefef;}*/.custom .customRadio .twoColumn span {		--elements-clr: 255, 0, 0;}.new .twoColumn span.custom {		--elements-clr: 255, 0, 0;}.container {  color: var(--blue);  background-color: var(--white);  padding: 15px;}.pageWrapper.contModel_2 {   --field-cont-bdr-radius:15px;}.pageWrapper.contModel_3 {   --field-cont-bdr-radius:30px;}.pageWrapper.fieldModel_2 .zfImgChoiceWrapper .imgChoiceDiv{    --input-radius: 5px;}.pageWrapper.fieldModel_3 .zfImgChoiceWrapper .imgChoiceDiv{    --input-radius: 10px;}/*.pageWrapper.type6 .zfSlider .ui-widget{	font-size: 14px;}.pageWrapper.type6 .zfSlider .ui-state-default, .pageWrapper.type6 .zfSlider .ui-widget-content .ui-state-default, .pageWrapper.type6 .zfSlider .ui-widget-header .ui-state-default{	width: 16px;	height: 16px;}*/.pageWrapper.btnType1 {    --submit-btn-radius: 0px;    --save-btn-radius: 0px;    --review-btn-radius: 0px;    --back-btn-radius: 0px;    --next-btn-radius: 0px;  }.pageWrapper.btnType2 {    --submit-btn-radius: 8px;    --save-btn-radius: 8px;    --review-btn-radius: 8px;    --back-btn-radius: 8px;    --next-btn-radius: 8px;  }.pageWrapper.btnType3 {    --submit-btn-radius: 150px;    --save-btn-radius: 150px;    --review-btn-radius: 150px;    --back-btn-radius: 150px;    --next-btn-radius: 150px;  }.pageTitleOff .pageTitleDiv{	display: none;}.pageWrapper.layout2{     --form-cont-bg-clr:transparent !important;     --form-cont-bdr-width:0 !important;      --form-cont-bdr-clr:transparent !important;     --form-cont-shadow-clr:transparent !important;     --form-cont-bdr-topleft-radius:0px !important;     --form-cont-bdr-topright-radius:0px !important;     --form-cont-bdr-bottomleft-radius:0px !important;     --form-cont-bdr-bottomright-radius:0px !important;}.pageWrapper.layout2{     --form-cont-gradient-start-clr:transparent;     --form-cont-gradient-end-clr:transparent;}.pageWrapper.layout3{ /*   --form-cont-bg-clr:transparent;     --form-cont-bdr-width:0;     --form-cont-bdr-clr:transparent;     --form-cont-shadow-clr:transparent;*/    /* --form-cont-bdr-topleft-radius:0px !important;     --form-cont-bdr-topright-radius:0px !important;     --form-cont-bdr-bottomleft-radius:0px !important;     --form-cont-bdr-bottomright-radius:0px !important;*/}/*@media only screen and (max-width:640px) {  :root {        --fields-ver-space-top: 20px;    --header-space-inner-top: 20px;    --header-space-inner-bottom: 20px;  }}*//*@media only screen and (max-width:780px) {  :root {        --form-width: 100% !important;  }} already in media css as static value for class name */@charset "UTF-8";/*-------------------------		Contents-------------------------	Fullpage Form - Common	RTL - Common	Background Wallpaper	Gradient background cases	Page Banner	Form Wrapper	Page Header	Form Header	Logo Position cases	Fields Container	Left Align, Right Align cases	Form Buttons - Common cases	Nav Footer cases	Field Label cases	Instruction cases	Error cases	TextField	NumberField	CurrencyField	FormulaField	MultilineField	DecisionBoxField	EmailField	DescriptionField	Terms and Condition	ZohoCrmField	EmbedField	SectionField	DisabledFields - Common cases	Verification Captcha - With popup cases	Save - Review Button - Common	Free plan branding	Splash Message cases	Tooltip cases	Hover text cases	WCAG - Common	Page Bar cases	Theme editor - Live form handling cases	Live Form - Theme Preview icon cases	Live page - Translation cases	Intial page loading animation	Thankyou Page cases	jQueryUI - overwritten cases    Month-Year Picker*//*********************************	Fullpage Form - Common*********************************/	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {		margin: 0;		padding: 0;		border: 0;		font: inherit;		vertical-align: baseline;	}	@-moz-document url-prefix() {		html, body {			scrollbar-width: none;		}	}	span {		box-sizing: border-box;	}	input, input[ui_type="textbox"], input[type="search"], isindex, textarea, button {		outline: none;		margin: 0 auto;		padding: 10px 10px;		box-sizing: border-box;	}	body {		color: var(--label-txt-clr);		margin: 0 auto;		position: relative;		word-wrap: break-word;		word-break: break-word;		-webkit-text-size-adjust: 100%;		counter-reset: section;		overflow-x: hidden;		line-height: 1.3;	}	* {    	outline:none;	}	.mobileTapHighlightClr {		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);	}	input::-webkit-contacts-auto-fill-button {		visibility: hidden;		display: none !important;		pointer-events: none;		position: absolute;		right: 0;	}	input[type="search"]::-webkit-search-cancel-button,	input[type="search"]::-webkit-search-decoration,	input[type="search"]::-webkit-search-results-decoration  {		display: none;		appearance: none;	}		textarea:disabled, input:disabled {		opacity: 1;	}	.pdfTextArea {		outline: none;		margin: 0;		padding: 5px 10px;		word-wrap: break-word;	}	img,	a {		border: 0px;		outline: none;		text-decoration: none;		color:var(--label-txt-clr);	}	img,	a:hover {		text-decoration: underline;	}	.flLeft {		float: left;	}	.rtl .flLeft {		float: right;	}	.flRight {		float: right;	}	.rtl .flRight {		float: left;	}	.clearBoth {		clear: both;	}	.hideWindowScroll,	.hideWindowScroll .formScrollContainer {		overflow: hidden;	}	.loadSuccess {		background: #fbedb9;		border: 1px solid #EFC571;		color: #222;		padding: 1px 25px 2px 15px;		border-top: none;		font-weight: 600;	}	.loadingCont {		top: 0;		left: 41%;		position: fixed;		text-align: center;		z-index: 999;		background: rgb(var(--submit-bg-clr));		font-size: var(--instruction-txt-size);		color: var(--submit-txt-clr);		padding: 0 15px;		display: inline-block;		-webkit-border-radius: 0 0 2px 2px;		-moz-border-radius: 0 0 2px 2px;		border-radius: 0 0 2px 2px;		line-height: 2;		border: 1px solid var(--submit-bg-clr);		border-top: none;	}	.loadSuccess em {		display: inline-block;		margin-right: 5px;	}	.tyTemplateWrapper {		background: rgba(var(--page-bg-clr), var(--opacity-10));		border-radius: 3px;	}/*********************************	RTL - Common*********************************/	.rtl,	.rtl input {		direction: rtl;	}/*********************************	Background Wallpaper*********************************/	.bgWrapper {		margin: 0 auto;		padding: 0;		height: 100%;	}	.bgTransparent .zfLabelDiv {		background: none;	}	.backgroundBg {		background-color: rgba(var(--page-bg-clr), var(--page-bg-opacity));		position: fixed;		width: 100%;		height: 100%;		z-index: -1;		-ms-box-sizing: border-box;		-webkit-box-sizing: border-box;		-moz-box-sizing: border-box;		box-sizing: border-box;		transform: translateZ(0);		-webkit-transform: translateZ(0);		outline: none;		opacity : var(--page-img-opacity);		top: 0;	}	.tile {		background-repeat: repeat;	}	.none {		background-repeat: no-repeat;	}	.stretch {		background-size: cover;	}	.alignCenter {		text-align: center;		display: block;	}/*************************************	Gradient background cases*************************************/	.grad_page .backgroundBg,	.grad_page .tyBackgroundBg,	.grad_page .of_otpBackgroundBg {		background: linear-gradient(var(--page-gradient-angle), rgba(var(--page-gradient-start-clr), var(--page-gradient-start-clr-opacity)) var(--page-gradient-start-percent), rgba(var(--page-gradient-end-clr), var(--page-gradient-end-clr-opacity)) var(--page-gradient-end-percent));		background-origin:border-box;	}	.grad_formCont .centerContainer,	.grad_formCont .otpVerifyWrapper {		background: linear-gradient(var(--form-cont-gradient-angle), rgba(var(--form-cont-gradient-start-clr), var(--form-cont-gradient-start-clr-opacity)) var(--form-cont-gradient-start-percent), rgba(var(--form-cont-gradient-end-clr), var(--form-cont-gradient-end-clr-opacity)) var(--form-cont-gradient-end-percent)) !important;		background-origin:border-box !important;	}	.grad_pageHeader .pageHeaderTitle {		background: linear-gradient(var(--page-header-gradient-angle), rgba(var(--page-header-gradient-start-clr), var(--page-header-gradient-start-clr-opacity)) var(--page-header-gradient-start-percent), rgba(var(--page-header-gradient-end-clr), var(--page-header-gradient-end-clr-opacity)) var(--page-header-gradient-end-percent));		background-origin:border-box;	}	.grad_formCont.layout3 .fieldContainer{		background: linear-gradient(var(--form-cont-gradient-angle), rgba(var(--form-cont-gradient-start-clr), var(--form-cont-gradient-start-clr-opacity)) var(--form-cont-gradient-start-percent), rgba(var(--form-cont-gradient-end-clr), var(--form-cont-gradient-end-clr-opacity)) var(--form-cont-gradient-end-percent));		background-origin:border-box;	}	.grad_formCont.layout3 .centerContainer{		background: transparent !important;		border: none;	}	.grad_submitBtn .zfbtnSubmit,	.grad_submitBtn .newEntryLink a,	.grad_submitBtn .otpBtn {		background: linear-gradient(var(--submit-btn-gradient-angle), rgba(var(--submit-btn-gradient-start-clr), var(--submit-btn-gradient-start-clr-opacity)) var(--submit-btn-gradient-start-percent), rgba(var(--submit-btn-gradient-end-clr), var(--submit-btn-gradient-end-clr-opacity)) var(--submit-btn-gradient-end-percent)) !important;		background-origin:border-box !important;	}/*********************************		Page Banner*********************************/	.zfBannerDiv img{		max-width: 100%;		height: var(--banner-max-height);	}	.zfBannerImgDiv{		max-width: var(--banner-img-size);	}	.zfBannerAlignDiv{		display: flex;		justify-content: var(--banner-img-align);	}	.zfBannerWrapper{		width: var(--form-width);		margin: 0 auto;		display: none;		width: 100%;	}	.bannerStyle2 .zfBannerWrapper {		display: block;		width: auto;	}	.bannerStyle1 .fieldContWrapper .zfBannerWrapper {		display: block;	}	.bannerStyle2 .fieldContWrapper .zfBannerWrapper {		display: none;	}	.bannerStretch .zfBannerImgDiv {		width:100%;	}	.bannerStretch .zfBannerImgDiv img {		width:100%;	}/*********************************	Form Wrapper*********************************/	.mainWrapper {		position: relative;	}	.formScrollContainer {		overflow-y: auto;		position: relative;	}	.centerContainer {		box-sizing: border-box;		background: rgba(var(--form-cont-bg-clr), var(--form-cont-bg-opacity));		border: var(--form-cont-bdr-width) var(--form-cont-bdr-style) var(--form-cont-bdr-clr);		border-top-left-radius: var(--form-cont-bdr-topleft-radius);		border-top-right-radius: var(--form-cont-bdr-topright-radius);		border-bottom-left-radius: var(--form-cont-bdr-bottomleft-radius);		border-bottom-right-radius: var(--form-cont-bdr-bottomright-radius);		overflow: hidden;		box-shadow: 0px 0px var(--form-cont-shadow-spread) 0px var(--form-cont-shadow-clr);		margin:0 auto;	}	.layout3 .centerContainer {		background: transparent;		border: none;		box-shadow: none;		overflow: visible;	}/*******************************	Page Header*******************************/	.pageWrapper {		font-size : 12px;		font-family : var(--body-font), var(--body-font-fallback);	}	.pageHeaderTitle {		background: rgba(var(--page-inline-bg-clr), var(--page-inline-bg-opacity));		text-align: var(--page-inline-title-align);		border-top-left-radius: var(--page-inline-bdr-topleft-radius);		border-top-right-radius: var(--page-inline-bdr-topright-radius);		border-bottom-left-radius: var(--page-inline-bdr-bottomleft-radius);		border-bottom-right-radius: var(--page-inline-bdr-bottomright-radius);		border-width: var(--page-inline-bdr-top-width) var(--page-inline-bdr-right-width) var(--page-inline-bdr-bottom-width) var(--page-inline-bdr-left-width);		border-color: var(--page-inline-bdr-clr);		border-style: var(--page-inline-bdr-style);		overflow: hidden;	}	.pageHeaderTitle h2 {		padding: var(--page-inline-inner-space-top) var(--page-inline-inner-space-right) var(--page-inline-inner-space-bottom) var(--page-inline-inner-space-left);		font-size: calc(var(--page-title-txt-size) + 5px);		color: var(--page-inline-title-txt-clr);	}/*******************************	Form Header*******************************/	.formWrapper {		width: 800px;		margin: 0 auto;		position: relative;	}	.zfFormHeader {		background: rgba(var(--hdr-bg-clr), var(--header-bg-opacity));		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;	}	.grad_formHeader .zfFormHeader {		background: linear-gradient(var(--form-header-gradient-angle), rgba(var(--form-header-gradient-start-clr), var(--form-header-gradient-start-clr-opacity)) var(--form-header-gradient-start-percent), rgba(var(--form-header-gradient-end-clr), var(--form-header-gradient-end-clr-opacity)) var(--form-header-gradient-end-percent));		background-origin:border-box;	}	.zfFormHeader h2 {		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);	}	.zfDesText {		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);	}	.headerStyle2 .fieldContWrapper {		padding-top: var(--form-cont-space-top);	}/*******************************	Logo Position cases*******************************/	.logoPosition {		display: flex;		align-items: center;		justify-content: var(--header-text-align);	}	.logoCont.logoTopBottom .logoPosition {		flex-direction: column;		align-items: center;	}	.logoCont.logoLeftToRight .logoPosition {		flex-direction: initial;		justify-content: space-between;	}	.logoCont.logoLeftPosition .logoPosition {		justify-content: left;	}	.logoCont.logoCenterPosition .logoPosition {		justify-content: center;	}	.logoCont.logoRightPosition .logoPosition {		justify-content: right;	}	.logoCont.logoRightToLeft .logoPosition {		justify-content: space-between;		flex-direction: row-reverse;	}	.logoCont .headerCont {		text-align: left;	}	.logoCont.logoLeftPosition .headerCont,	.logoCont.logoRightPosition .headerCont,	.logoCont.logoRightToLeft .headerCont{		text-align: left;	}	.logoCont.logoLeftToRight .headerCont {		text-align: right;	}	.logoCont.logoTopBottom .headerCont {		text-align: center;	}	.hdrLogoImgDiv {		max-width: var(--header-logo-size);	}	.hdrLogoImgDiv img {		max-width: 100%;		max-height: var(--header-logo-max-height);	}	.logoLeftPosition .logoPosition .hdrLogoImgDiv,	.logoRightPosition .logoPosition .hdrLogoImgDiv,	.logoLeftToRight .logoPosition .hdrLogoImgDiv,	.logoCenterPosition .logoPosition .hdrLogoImgDiv{		margin-right: 20px;	}	.logoRightToLeft .logoPosition .hdrLogoImgDiv {		margin-left: 20px;		margin-right: 0;		margin-bottom: 0;	}	.logoTopBottom .logoPosition .hdrLogoImgDiv {		margin-right: 0;		margin-bottom: 20px;	}	.logoLeftPosition .logoPosition .hdrLogoImgDiv,	.logoRightPosition .logoPosition .hdrLogoImgDiv,	.logoLeftToRight .logoPosition .hdrLogoImgDiv {		margin-bottom: 0;	}	.noHeaderLogo .zfFormHeader .logoPosition .hdrLogoImgDiv{		display:none;	}    .rtl.logoLeftPosition .logoPosition .hdrLogoImgDiv,	.rtl.logoRightPosition .logoPosition .hdrLogoImgDiv,	.rtl.logoLeftToRight .logoPosition .hdrLogoImgDiv,	.rtl.logoCenterPosition .logoPosition .hdrLogoImgDiv {		margin-right: 0px;		margin-left: 20px;	}    .rtl.logoRightToLeft .logoPosition .hdrLogoImgDiv {		margin-left: 0px;		margin-right: 20px;	}/*********************************		Fields Container*********************************/	.nofldDiv {		border: none !important;		background: none !important;		padding: 75px 0;		margin-top: 0px !important;		margin-bottom: 0px !important;		text-align: center;	}	.nofldDiv h2 {		font-size: var(--label-txt-size);		margin-bottom: 10px;		color: var(--label-txt-clr);	}	.fieldsWrapper{		padding-top: var(--fields-ver-space-top);		padding-bottom: var(--fields-ver-space-bottom);	}/*	.fieldtypeText input[ui_type="textbox"]:focus ~ svg{		opacity: 1;		transition: all .3s;	}*/	.fieldWrapper {		outline: none;	}	/* .fieldWrapper:first-of-type .fieldContainer {		margin-top: var(--fields-ver-space-top);	} */	.fullPage_subFrm .fieldWrapper:first-of-type .fieldContainer {		margin-top: 0;	}	.fldContWrapper .fieldWrapper {	background-color: rgba(var(--field-cont-bg-clr), var(--field-cont-bg-opacity)) !important;	border: 1px solid rgb(var(--field-cont-bdr-clr));	border-radius : var(--field-cont-bdr-radius);	}	.fieldContainer {		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;	}	.fullPage_subFrmContent .fieldContainer {		padding: 0;		overflow: visible;	}	.layout3 .fieldContainer{		background: rgba(var(--form-cont-bg-clr), var(--form-cont-bg-opacity));		padding:30px var(--fields-hor-space-right) 30px var(--fields-hor-space-left);		margin:var(--fields-ver-space-top) 0px var(--fields-ver-space-bottom) 0px;		border: var(--form-cont-bdr-width) var(--form-cont-bdr-style) var(--form-cont-bdr-clr);		border-top-left-radius: var(--form-cont-bdr-topleft-radius);		border-top-right-radius: var(--form-cont-bdr-topright-radius);		border-bottom-left-radius: var(--form-cont-bdr-bottomleft-radius);		border-bottom-right-radius: var(--form-cont-bdr-bottomright-radius);		box-shadow: 0px 0px var(--form-cont-shadow-spread) 0px var(--form-cont-shadow-clr);		overflow: hidden;		display: inline-block;	    width: 100%;	}	.layout3 .fieldsWrapper {	}	.fieldContWrapper {		width: 100%;		max-width: calc(var(--form-width) + var(--form-cont-space-right) +  var(--form-cont-space-left));		box-sizing: border-box;		margin: 0 auto;		padding: var(--form-cont-space-top) var(--form-cont-space-right) var(--form-cont-space-bottom) var(--form-cont-space-left);		float: var(--form-align);	}	.form_FitToScreen .fieldContWrapper {		box-sizing: border-box;	}/*************************************	Left Align, Right Align cases*************************************/	.leftAlign .zfLabelDiv,	.rightAlign .zfLabelDiv {		width: 30%;		float: left;		padding-right: 30px;		box-sizing: border-box;		display: inline-block;	}	.rightAlign .zfLabelDiv {		text-align: right;	}	.rtl .leftAlign .zfLabelDiv {		float: right;		padding-right: 0;		padding-left: 30px;		text-align: right;	}	.rtl .rightAlign .zfLabelDiv {		float: right;		padding-right: 0;		padding-left: 30px;		text-align: left;	}	.leftAlign .fieldContainer,	.rightAlign .fieldContainer {		display: inline-block;		width: 100%;		box-sizing: border-box;	}/*	.layout3 .leftAlign .fieldContainer,	.layout3 .rightAlign .fieldContainer {		display: block;	}*/	.leftAlign .zfFieldDiv_cont,	.rightAlign .zfFieldDiv_cont {		float: left;		width: 70%;	}	.rtl .rightAlign .zfFieldDiv_cont {		text-align: right;	}	.rtl .leftAlign .date .zfFieldDiv_cont,	.rtl .rightAlign .date .zfFieldDiv_cont {		float: right;	}	.rtl .leftAlign .datetime .zfFieldDiv_cont,	.rtl .rightAlign .datetime .zfFieldDiv_cont {		float: right;	}	.leftAlign .zfFieldDiv_cont .fieldtypeText,	.rightAlign .zfFieldDiv_cont .fieldtypeText {		margin: 0;	}	.leftAlign .zfFieldDiv_cont input[type="text"],	.rightAlign .zfFieldDiv_cont input[type="text"] {		width: 100%;		box-sizing: border-box;	}/**********************************	Form Buttons - Common cases**********************************/	.zfFooter {		background: rgba(var(--footer-bg-clr), var(--footer-bg-opacity));		border-top-left-radius:var(--footer-topleft-radius);		border-top-right-radius:var(--footer-topright-radius);		border-bottom-left-radius:var(--footer-bottomleft-radius);		border-bottom-right-radius:var(--footer-bottomright-radius);		border: var(--footer-bdr-width) var(--footer-bdr-style) var(--footer-bdr-clr);		margin: 10px var(--fields-hor-space-right) calc(var(--fields-ver-space-bottom) * 2 + 10px) var(--fields-hor-space-left);			}	.layout3 .zfFooter {	}	.alignSubmit {		float: none;		display: inline-block;	}	.alignSubmit,	.submitBtnCont {		width: auto;	}	button.btnElem {		cursor: pointer;	}	.zfbtnSubmit {		color: var(--submit-txt-clr);		font-size: var(--submit-txt-size);		background: rgba(var(--submit-bg-clr), var(--submit-bg-opacity));		padding: 10px 40px;		border-radius:var(--submit-btn-radius);		display: flex;		transition: transform .25s cubic-bezier(0.33, 0.04, 0.63, 0.93), -webkit-transform .25s cubic-bezier(0.33, 0.04, 0.63, 0.93), -o-transform .25s cubic-bezier(0.33, 0.04, 0.63, 0.93);		-webkit-transform: translate3d(0, 0, 0);		transform: translate3d(0, 0, 0);		text-align: center;		border: var(--submit-bdr-width) var(--submit-bdr-style) var(--submit-bdr-clr);	}	.zfbtnSubmit:hover {		-webkit-transform: scale3d(1.05, 1.05, 1) translate3d(0, 0, 0) perspective(500px);		transform: scale3d(1.05, 1.05, 1) translate3d(0, 0, 0) perspective(500px);	}	.zfSaveBtn {		color: var(--save-txt-clr);		font-size: var(--save-txt-size);		background: rgba(var(--save-bg-clr), var(--save-bg-opacity));		padding: 10px 40px;		border-radius:var(--save-btn-radius);		display: flex;		transition: transform .25s cubic-bezier(0.33, 0.04, 0.63, 0.93), -webkit-transform .25s cubic-bezier(0.33, 0.04, 0.63, 0.93), -o-transform .25s cubic-bezier(0.33, 0.04, 0.63, 0.93);		-webkit-transform: translate3d(0, 0, 0);		transform: translate3d(0, 0, 0);		text-align: center;		border: var(--save-bdr-width) var(--save-bdr-style) var(--save-bdr-clr);	}	.zfReviewBtn {		color: var(--review-txt-clr);		font-size: var(--review-txt-size);		background: rgba(var(--review-bg-clr), var(--review-bg-opacity));		padding: 10px 40px;		border-radius:var(--review-btn-radius);		display: flex;		transition: transform .25s cubic-bezier(0.33, 0.04, 0.63, 0.93), -webkit-transform .25s cubic-bezier(0.33, 0.04, 0.63, 0.93), -o-transform .25s cubic-bezier(0.33, 0.04, 0.63, 0.93);		-webkit-transform: translate3d(0, 0, 0);		transform: translate3d(0, 0, 0);		text-align: center;		border: var(--review-bdr-width) var(--review-bdr-style) var(--review-bdr-clr);	}	.rtl .zfReviewBtn {		margin-right: 0px;	}	.zf-prev {		color: var(--back-txt-clr);		font-size: var(--back-txt-size);		background: rgba(var(--back-bg-clr), var(--back-bg-opacity));		padding: 10px 40px;		border-radius:var(--back-btn-radius);		display: flex;		transition: transform .25s cubic-bezier(0.33, 0.04, 0.63, 0.93), -webkit-transform .25s cubic-bezier(0.33, 0.04, 0.63, 0.93), -o-transform .25s cubic-bezier(0.33, 0.04, 0.63, 0.93);		-webkit-transform: translate3d(0, 0, 0);		transform: translate3d(0, 0, 0);		text-align: center;		border: var(--back-bdr-width) var(--back-bdr-style) var(--back-bdr-clr);	}	.zf-next {		color: var(--next-txt-clr);		font-size: var(--next-txt-size);		background: rgba(var(--next-bg-clr), var(--next-bg-opacity));		padding: 10px 40px;		border-radius:var(--next-btn-radius);		display: flex;		transition: transform .25s cubic-bezier(0.33, 0.04, 0.63, 0.93), -webkit-transform .25s cubic-bezier(0.33, 0.04, 0.63, 0.93), -o-transform .25s cubic-bezier(0.33, 0.04, 0.63, 0.93);		-webkit-transform: translate3d(0, 0, 0);		transform: translate3d(0, 0, 0);		text-align: center;		border: var(--next-bdr-width) var(--next-bdr-style) var(--next-bdr-clr);	}	.btn_FitToScreen .navFootBtnWrap {		flex-direction: column;	}	.btn_FitToScreen .navFootBtnWrap .navFootBtnList {		max-width: 100% !important;		width: 100% !important;		margin-bottom: 16px;	}	.btn_FitToScreen .navFootBtnWrap .navFootBtnList button {		width: 100%;	}	.btn_FitToScreen .navFootBtnWrap .navFootSaveReview {		flex-direction: column;		width: 100%;	}	.layout3.btn_FitToScreen .zfFooter {		margin-left: 0;		margin-right: 0;	}/*******************************	Nav Footer cases*******************************/	.navBtnWrapper {		text-align: center;	}	.navBtnWrapper em {		position: relative;		text-align: center;		line-height: 1.3;	}	.navBtnWrapper a:hover {		text-decoration: none;	}	.navBtnWrapper .zf-next,	.navBtnWrapper .zf-prev {		margin-bottom: 0px;		text-align: left;		align-items: center;		transition: transform .25s cubic-bezier(0.33, 0.04, 0.63, 0.93),		-webkit-transform .25s cubic-bezier(0.33, 0.04, 0.63, 0.93),		-o-transform .25s cubic-bezier(0.33, 0.04, 0.63, 0.93);		-webkit-transform: translate3d(0, 0, 0);		transform: translate3d(0, 0, 0);	}	.navBtnWrapper .zf-next:hover,	.navBtnWrapper .zf-prev:hover,	.navFootBtnList button:hover {		-webkit-transform: scale3d(1.03, 1.03, 1) translate3d(0, 0, 0) perspective(500px);		transform: scale3d(1.03, 1.03, 1) translate3d(0, 0, 0) perspective(500px);	}	.navBtnWrapper .zf-prev {		display: flex;		text-align: center;	}	.rtl .navBtnWrapper .zf-prev {		text-align: right;	}	.navBtnWrapper .zf-next {		text-align: center;	}	.rtl .navBtnWrapper .zf-next {		text-align: left;	}	.fldContWrapper .navBtnWrapper {		background-color: rgba(var(--footer-bg-clr), var(--footer-bg-opacity)) !important;		border-bottom-right-radius: var(--field-cont-bdr-radius);		border-bottom-left-radius: var(--field-cont-bdr-radius);	}	.navFootBtnList {		display: flex;	}	.navFootBtnList button {		padding: 12px 36px;		width: auto;		justify-content: center;		align-items: center;		margin: 0;		font-family: var(--body-font), var(--body-font-fallback);	}	.navFootBtnList button:focus {		-webkit-transform: scale3d(1.05, 1.05, 1) translate3d(0, 0, 0) perspective(500px);		transform: scale3d(1.05, 1.05, 1) translate3d(0, 0, 0) perspective(500px);	}	.navFootBtnList:first-child:nth-last-child(1) {		width:auto;		max-width: 50%;	}	.navFootBtnList:first-child:nth-last-child(2),	.navFootBtnList:first-child:nth-last-child(2) ~ .navFootBtnList {		width:auto;		max-width: 50%;	}	.navFootBtnList:first-child:nth-last-child(3),	.navFootBtnList:first-child:nth-last-child(3) ~ .navFootBtnList {		width: auto;		max-width: 33.3%;	}	.navFootBtnList:first-child:nth-last-child(4),	.navFootBtnList:first-child:nth-last-child(4) ~ .navFootBtnList {		width:auto;		max-width: 25%;	}	.navFootBtnWrap {		display: flex;		align-items: start;	}	.navFootBtnWrap .navFootBtnList {		margin-right: 16px;	}	.navFootBtnWrap .navFootBtnList:last-of-type {		margin-right: 0;	}	.footBtnLeft .navFootBtnWrap {		justify-content: start;	}	.footBtnCenter .navFootBtnWrap {		justify-content: center;	}	.footBtnRight .navFootBtnWrap {		justify-content: end;	}	.footBtnBetween .navFootBtnWrap {		justify-content: space-between;	}	.navFootBtnWrap.navFootBtnDefault {		justify-content: right;	}	.navFootBtnDefault .navFootBtnList {		width: 25% !important;	}	.navFootBtnWrap.navFootBtnDefault:first-of-type {		justify-content: right;	}	.navFootBtnDefault .navFootBtnList:last-of-type {		justify-content: end;	}	.rtl .navFootBtnWrap .navFootBtnList {		margin-left: 16px;		margin-right: 0;	}	.rtl .navFootBtnWrap .navFootBtnList:last-of-type {		margin-left: 0;		margin-right: inherit;	}	.rtl .navFootBtnWrap.navFootBtnDefault:first-of-type {		justify-content: left;	}	.pageFooterNum {		text-align: right;		font-size:var(--elements-h6-txt-size);	    color: var(--label-txt-clr);	    padding-top: 12px;	}	.rtl .pageFooterNum {		text-align: left;	}/*******************************	Field Label cases*******************************/	.fieldlabel {		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);	}	.zfLabelDiv {		padding-bottom: 10px;		background: white;		position: relative;	}	.important {		color: var(--field-mandatory-clr);		position: relative;		margin-left: 2px;	}	.advLabelName > span > br:last-child {		display: none;	}	.advLabelName > span > div:last-of-type br:last-of-type {		display: none;	}	.advLabelName > div:last-of-type br:last-of-type {		display: none;	}	.advLabelName div:last-of-type {		display: inline-block;	}	.advLabelName div:first-child {		display: inline;	}	.advLabelName b{	        font-weight: bold;	}	.advLabelName i{	        font-style: italic;	}/*******************************	Instruction cases*******************************/	.formSubInfoText {		color: var(--label-txt-clr);		padding-top: 8px;		font-size: var(--fieldcomp-label-txt-size);		display: inline-block;		opacity: .8;	}	.rtl .formSubInfoText {		text-align: right;		width: 100%;	}	.zfInstruction {		color: var(--instruction-txt-clr);		font-size: var(--instruction-txt-size);		padding: 8px 0px 0px 0px;		display: block;				font-weight: var(--instruction-txt-weight);		font-style: var(--instruction-txt-style);	}	.rtl .zfInstruction {		text-align: right;	}	.fullPage_subfrmInner .zfInstruction {		font-size: var(--sf-instruction-txt-size);	}/*******************************		TextField*******************************/	::placeholder {		color: rgb(var(--value-txt-clr));		opacity: 0.5;	}	.fieldtext {		width: 100%;		padding: 10px 10px;		box-sizing: border-box;	}	.fieldtypeText {		position: relative;		display: inline-block;		width: 100%;	}	.fieldtypeText input[ui_type="textbox"],	.fieldtypeText 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;	}	.fieldtypeText input[ui_type="textbox"]:focus,	.fieldtypeText textarea:focus {		border-color : var(--input-focus-clr);		box-shadow: 0px 0px 2px 0px var(--input-focus-clr);	}	.fieldModel_4 .fieldtypeText input[ui_type="textbox"]:focus, 	.fieldModel_4 .fieldtypeText textarea:focus{		box-shadow: 0px 3px 1px -3px var(--input-focus-clr) !important;	}	.fieldModel_4 .select2-container--open .select2-selection, .fieldModel_4 .select2-container--focus .select2-selection {	    box-shadow: 0px 3px 1px -3px var(--input-focus-clr);	}	.fieldModel_4 .error .fieldtypeText input[ui_type="textbox"]:focus, .fieldModel_4 .error .fieldtypeText textarea:focus {        box-shadow: 0px 3px 1px -3px var(--error-txt-clr) !important;	}	.fieldDisabled .fieldtypeText input[ui_type="textbox"]::placeholder {		color: var(--disabled-txt-clr) !important;	}	.uppercase .fieldtypeText  input[ui_type="textbox"],	.uppercase .fieldtypeText  textarea {		text-transform: uppercase;	}	.lowercase .fieldtypeText  input[ui_type="textbox"],	.lowercase .fieldtypeText  textarea {		text-transform: lowercase;	}	.zf-small .zfFieldDiv_cont .fieldtypeText {		width: 50%;	}	.zf-medium .zfFieldDiv_cont .fieldtypeText {		width: 75%;	}	.zf-large .zfFieldDiv_cont .fieldtypeText {		width: 100%;	}		.fieldDisabled .fieldtypeText input[ui_type="textbox"]:disabled {		opacity: 1;	}		.fieldtypeText input[ui_type="textbox"]~.focus-border,	.fieldtypeText textarea~.focus-border{		display : none;	}		.fieldtypeText input[ui_type="textbox"]:focus~.focus-border,	.fieldtypeText textarea:focus~.focus-border {		display : none;	}	.fieldModel_3 .fieldtypeText input[ui_type="textbox"],	.fieldModel_3 .fieldtypeText textarea {		padding-left: 8px;	}	.fieldModel_3.rtl .fieldtypeText input[ui_type="textbox"],	.fieldModel_3.rtl .fieldtypeText textarea {		padding-right: 8px;	}	.fieldtypeText.ofIconCont input[ui_type="textbox"] {		padding-left: 30px;		padding-right: 30px;	}	.fieldModel_3 .fieldtypeText.ofIconCont input[ui_type="textbox"]{		padding-left: 35px;	}	.rtl.fieldModel_3 .fieldtypeText.ofIconCont input[ui_type="textbox"]{		padding-right: 35px;		padding-left: 25px;	}	.noFieldIcon .fieldtypeText.ofIconCont input[ui_type="textbox"] {		padding-left: 10px !important;	}	.rtl.noFieldIcon .fieldtypeText.ofIconCont input[ui_type="textbox"] {		padding-left: 30px !important;		padding-right: 10px !important;	}	.rtl.noFieldIcon .fullPage_subFrmContent .fieldtypeText.ofIconCont input[ui_type="textbox"] {		padding-right: 10px  !important;		padding-left: 10px  !important;	}	.fieldDisabled .fieldtypeText.ofIconCont input[ui_type="textbox"],	.fieldDisabled .fieldtypeText input[ui_type="textbox"] {		padding-left: 10px;		color: var(--disabled-txt-clr) !important;	}	.rtl .fieldDisabled .fieldtypeText.ofIconCont input[ui_type="textbox"],	.rtl .fieldDisabled .fieldtypeText input[ui_type="textbox"] {		padding-right: 10px;		padding-left: 30px;	}	.fullPage_subFrmContent .fieldtypeText.ofIconCont input[ui_type="textbox"] {		padding-right: 10px;	}	.rtl .fullPage_subFrmContent .fieldtypeText.ofIconCont input[ui_type="textbox"] {		padding-right: 30px;		padding-left: 10px;	}	.fullPage_subFrmContent .fieldDisabled .fieldtypeText input[ui_type="textbox"] {		padding-left: 10px;		padding-right: 30px;	}	.rtl .fullPage_subFrmContent .fieldDisabled .fieldtypeText input[ui_type="textbox"] {		padding-left: 30px;		padding-right: 10px;	}	.fullPage_subfrmInner .fieldtypeText input[ui_type="textbox"],	.fullPage_subfrmInner .fieldtypeText textarea {		font-size: var(--sf-value-txt-size);	}	.fullPage_subfrmInner .fieldtypeText input[ui_type="textbox"]:focus~em.inputClearDiv {		display: none;	}		.fieldtypeText svg {		width: 18px;		height: 18px;		position: absolute;		fill: rgb(var(--value-txt-clr));	}	.fullPage_subFrmContent .fieldtypeText svg {		width: 16px;		height: 16px;	}	.ofIconCont svg {		top: 50%;		opacity: 0.4;		left: calc(var(--input-bdr-left-width) + 8px);		transform: translateY(-50%);	}	.rtl .ofIconCont svg {		left: auto;		right: calc(var(--input-bdr-right-width) + 8px);	}	.fieldModel_3 .ofIconCont svg {		left: calc(var(--input-bdr-left-width) + 12px);	}	.rtl.fieldModel_3 .ofIconCont svg {		right: calc(var(--input-bdr-right-width) + 12px);		left: auto;	}	.fieldModel_4 .ofIconCont svg,	.fieldModel_4 .fldDisabledIcn svg  {		top: calc((100% - var(--input-bdr-bottom-width)) / 2);	}	/* .fieldModel_4 .ofIconCont svg,	.fieldModel_4 .fldDisabledIcn svg  {		transform: none;	}	.type1.fieldModel_4 .ofIconCont svg,	.type1.fieldModel_4 .fldDisabledIcn svg,	.type2.fieldModel_4 .ofIconCont svg,	.type2.fieldModel_4 .fldDisabledIcn svg  {		top: 21%;	}	.type3.fieldModel_4 .ofIconCont svg,	.type3.fieldModel_4 .fldDisabledIcn svg,	.type4.fieldModel_4 .ofIconCont svg,	.type4.fieldModel_4 .fldDisabledIcn svg,	.type5.fieldModel_4 .ofIconCont svg,	.type5.fieldModel_4 .fldDisabledIcn svg {		top: 25%;	}	.type6.fieldModel_4 .ofIconCont svg,	.type6.fieldModel_4 .fldDisabledIcn svg {		top: 30%;	} */	.fullPage_subFrmContent .ofIconCont svg {		left: calc(var(--input-bdr-left-width) + 8px);	}	.rtl .fullPage_subFrmContent .ofIconCont svg {		right: calc(var(--input-bdr-right-width) + 8px);		left: auto;	}	.fieldDisabled .fieldtypeText.ofIconCont svg {		display: none;	}	.fieldDisabled .searchDivDisable .fieldtypeText.ofIconCont svg.icon.icon-Close-Icon01,	.fieldDisabled .searchDivDisable .fieldtypeText.inputVeriField svg.icon.icon-Close-Icon01 {		display: none !important;	}	.noFieldIcon .fieldtypeText.ofIconCont svg {		display: none;	}		em.inputClearDiv svg {		width: 10px !important;		height: 10px !important;		left: auto !important;		opacity: 0.7;		position: relative;		transform: translate(0);		stroke-width: 1.7;		stroke: rgb(var(--value-txt-clr));		right: auto;	}	.rtl em.inputClearDiv svg {		left: auto;		right: auto !important;	}	.noFieldIcon .fieldtypeText.ofIconCont em.inputClearDiv svg {		display: block;	}	.fieldtypeText input[ui_type="textbox"]~em.inputClearDiv {		right: calc(var(--input-bdr-right-width) + 10px);		position: absolute;		border-radius: 50px;		cursor: pointer;		display: none;		transform: translateY(-50%);		top: 50%;	}	.rtl .fieldtypeText input[ui_type="textbox"]~em.inputClearDiv {		right: auto;		left: calc(var(--input-bdr-left-width) + 10px);	}	.fieldModel_4 .fieldtypeText input[ui_type="textbox"]~em.inputClearDiv {		top: calc((100% - var(--input-bdr-bottom-width)) / 2);	}	em.inputClearDiv.inputClearDisable {		pointer-events: none;	}	.inputCaretSet {		position: absolute;		margin-left: 40px;		display: none;		left: 0;		top: 12px;		height: 84px;		border-left: 1px solid;		box-sizing: border-box;		padding: 12px 10px;	}		.zfSymbol {		font-size: var(--value-txt-size);		font-weight: 600;		margin-left: 8px;		color: var(--label-txt-clr);	}	.rtl .zfSymbol {		margin-left: auto;		margin-right: 8px;	}	.zfSymbolbefore {		font-size:  var(--value-txt-size);		font-weight: 600;		margin-right: 8px;		color: var(--label-txt-clr);	}	.rtl .zfSymbolbefore{		margin-left: 8px;		margin-right: auto;	}	.fullPage_subfrmInner .zfSymbol,	.fullPage_subfrmInner .zfSymbolbefore {		font-size: var(--value-txt-size);	}	.fieldtypeText .zfSymbol,	.fieldtypeText .zfSymbolbefore {		display: flex;		align-items: center;		flex: none;	}	.fieldtypeText.zfUnit,	.fieldtypeText.zfCurrency {		display: inline-flex;	}	.fieldtypeText.zfUnit input[ui_type="textbox"] {		padding-left: 30px;	}	.unitPosFix {		width: 100%;		position: relative;	}/*******************************		NumberField*******************************/	input[type=number]::-webkit-inner-spin-button,	input[type=number]::-webkit-outer-spin-button {		-webkit-appearance: none;		margin: 0;	}		input[type=number] {		-moz-appearance: textfield;	}	.confrmNumberWrap {		margin-top: 15px !important;	}	.confrmNumberDiv {		position: relative;		display: inline-block;		width: 100%;	}/*******************************		CurrencyField*******************************/	.zfCurrency input {		padding-right: 30px !important;	}	.rtl .zfCurrency input {		padding-left: 30px !important;		padding-right: 10px !important;	}	.fullPage_subfrmInner .zfCurrency input {		padding-right: 10px !important;	}	.rtl .fullPage_subfrmInner .zfCurrency input {		padding-left: 10px !important;	}	.fullPage_subfrmInner .fieldDisabled .zfCurrency input {		padding-right: 30px !important;	}	.rtl .fullPage_subfrmInner .fieldDisabled .zfCurrency input {		padding-left: 30px !important;		padding-right: 10px !important;	}/*********************************		FormulaField*********************************/	.ofFormulaDiv .unitPosFix.ofDisabled svg.icon.icon-Formula {		opacity: 1;		cursor: not-allowed;	}	.fieldDisabled .fieldtypeText.zfFormulaUnit .unitPosFix.ofDisabled input.fieldtext {		padding-left: 10px;	}	.rtl .fieldDisabled .fieldtypeText.zfFormulaUnit .unitPosFix.ofDisabled input.fieldtext {		padding-right: 10px;	}	.noFieldIcon .ofFormulaDiv.fieldDisabled .fieldtypeText.zfFormulaUnit .unitPosFix.ofDisabled input.fieldtext {		padding-left: 10px !important;	}	.rtl.noFieldIcon .ofFormulaDiv.fieldDisabled .fieldtypeText.zfFormulaUnit .unitPosFix.ofDisabled input.fieldtext {		padding-right: 10px !important;	}	.rtl.fieldModel_3 .ofFormulaDiv.fieldDisabled .fieldtypeText.zfFormulaUnit .unitPosFix.ofDisabled input[ui_type="textbox"] {		padding-right: 10px;	}	.noFieldIcon .ofFormulaDiv.fieldDisabled .fieldtypeText .unitPosFix.ofDisabled input.fieldtext {		padding-left: 30px !important;	}	.rtl.noFieldIcon .ofFormulaDiv.fieldDisabled .fieldtypeText .unitPosFix.ofDisabled input.fieldtext {		padding-right: 30px !important;		padding-left: 10px !important;	}		.unitPosFix.ofDisabled input[ui_type="textbox"] {		cursor: not-allowed;	}	.fieldDisabled .fieldtypeText .unitPosFix.ofDisabled svg {		display: block;		fill: var(--disabled-txt-clr);	}	.fieldDisabled .fieldtypeText .unitPosFix.ofDisabled input.fieldtext {		padding-left: 30px;		padding-right: 10px;		color: var(--disabled-txt-clr);	}	.rtl .fieldDisabled .fieldtypeText .unitPosFix.ofDisabled input.fieldtext {		padding-left: 10px;		padding-right: 30px;	}	.fieldModel_3 .ofIconCont svg.icon.icon-Formula {		left: calc(var(--input-bdr-left-width) + 8px);	}	.rtl.fieldModel_3 .ofIconCont svg.icon.icon-Formula {		right: calc(var(--input-bdr-right-width) + 8px);		left: auto;	}/*******************************		MultilineField*******************************/	.fieldtypeText textarea {		height: 100px;		resize: vertical;		min-height: 100px;		transition: none;	}	.fieldDisabled .fieldtypeText textarea,	.fieldDisabled .fieldtypeText textarea::placeholder {		color: var(--disabled-txt-clr);	}	.mLineCount {		position: absolute;		padding: 3px 7px;		background: rgba(var(--elements-clr), 0.7);		border: 1px solid rgb(var(--value-txt-clr));		border-radius: 24px;		color: rgb(var(--value-txt-clr));		font-size: var(--fieldcomp-label-txt-size);		bottom: calc(var(--input-bdr-bottom-width) + 5px);		right: calc(var(--input-bdr-right-width) + 5px);	}	.rtl .mLineCount {		left: calc(var(--input-bdr-left-width) + 5px);		right: auto;	}	.fullPage_subfrmInner .mLineCount {		font-size: var(--sf-mline-char-count-txt-size);	}/*******************************		DecisionBoxField*******************************/	.leftAlign .zfDecisionbox .zfLabelDiv, 	.rightAlign .zfDecisionbox .zfLabelDiv {		width: auto;		padding-right: 0px;	}	.rtl .leftAlign .zfDecisionbox .zfLabelDiv, 	.rtl .rightAlign .zfDecisionbox .zfLabelDiv {		padding-left: 0px;	}	.rightAlign .zfDecisionbox .zfLabelDiv {		text-align: left;	}	.rtl .rightAlign .zfDecisionbox .zfLabelDiv {		text-align: right;	}	.zfDecisionbox .zfLabelDiv.customCheckBox {		padding-bottom: 0;	}	.zfDecisionbox span.zfInstruction {		text-align: left;	}	.rtl .zfDecisionbox span.zfInstruction {		text-align: right;	}	.zfDecisionbox .customCheckBox .cusChoiceEm {		color: var(--label-txt-clr);		font-size: var(--label-txt-size);	}	.zfDecisionbox .customCheckBox .cusChoiceLabel {	    margin-bottom: 0;	}/*******************************		EmailField*******************************/	.confrmEmailDiv {		display: block;		position: relative;		margin-top: 16px !important;	}/*******************************		DescriptionField*******************************/	/* .zfDescriptions {		padding: 5px 10px;		border-radius: 3px;	} */	.rtl .descFld ul,	.rtl .descFld ol {		padding-right: 20px;		padding-left: 0px;	}/*******************************		Terms and Condition*******************************/	.termsContainer .termsMsg {		border: 1px solid var(--label-txt-clr);		padding: 12px 10px 12px;		margin-bottom: 12px;		border-radius: 4px;		min-height: 70px;	}	.termsContainer .termScrollRemove {		max-height: 250px;		overflow-y: auto;		overflow-x: hidden;	}	.termsAccept .descFld {		margin-left: 10px;		flex: 1;		cursor: default;		color: var(--label-txt-clr);		font-size: var(--value-txt-size);	}	.rtl .termsAccept .descFld {		margin-left: auto;		margin-right: 10px;	}	.termsAccept.customCheckBox {		display: flex;		align-items: flex-start;	}	.leftAlign .termsConditionsCont .zfLabelDiv,	.rightAlign .termsConditionsCont .zfLabelDiv,	.leftAlign .termsConditionsCont .zfFieldDiv_cont,	.rightAlign .termsConditionsCont .zfFieldDiv_cont {	    width: 100%;	    padding-right: 0;	    text-align: left;	}	.rtl .leftAlign .termsConditionsCont .zfLabelDiv,	.rtl .rightAlign .termsConditionsCont .zfLabelDiv,	.rtl .leftAlign .termsConditionsCont .zfFieldDiv_cont,	.rtl .rightAlign .termsConditionsCont .zfFieldDiv_cont {		padding-left: 0;		text-align: right;	}/*********************************		ZohoCrmField*********************************/	/* .crminput_Wrap {		position: relative;		margin-bottom: 20px;	} */	.disabled .crminput_Wrap {		cursor: not-allowed;	}	.disabled .crminput_Wrap input[ui_type="textbox"] {		pointer-events: none;		background: rgba(var(--disabled-bg-clr), var(--disabled-bg-opacity));		border-color: var(--disabled-bdr-clr);		border-radius: var(--input-radius);	}	.crminput_Wrap input.flLeft.crm_inputlength,	.disabled .crminput_Wrap input[ui_type="textbox"] {		box-sizing: border-box;		padding-left: 30px;		padding-right: 30px;		width: 100%;		text-overflow: ellipsis;	}	.crminput_Wrap input.flLeft.crm_inputlength:focus {		border-color : var(--input-focus-clr);	}	.crm_iconImg {		left: calc(var(--input-bdr-left-width) + 8px);		top: 50%;		opacity: 0.4;		transform: translateY(-50%);	}	.fieldDisabled .crm_iconImg {	    fill: var(--disabled-txt-clr);	    opacity: 0.8;	    cursor: not-allowed;	}	.rtl .crm_iconImg {		left: auto;		right: calc(var(--input-bdr-right-width) + 8px);	}	.fieldModel_4 .crm_iconImg {		top: 60%;		bottom: calc(var(--input-bdr-bottom-width));		transform: translateY(calc(-50% - var(--input-bdr-bottom-width)));	}	.crminput_Wrap icon.icon-search {		position: absolute;		color: rgb(var(--value-txt-clr));		opacity: 0.7;		right: calc(var(--input-bdr-right-width) + 8px);		left: auto;		font-size: 17px;		cursor: pointer;		top: 50%;		transform: translateY(-50%);	}	.rtl .crminput_Wrap icon.icon-search {		right: auto;		left: calc(var(--input-bdr-left-width) + 8px);	}	.fieldModel_4 .crminput_Wrap icon.icon-search {		top: 60%;		transform: translateY(calc(-50% - var(--input-bdr-bottom-width)));	}	.crm_loadeImg {		background: none !important;		border: none !important;		width: 33px;		height: 24px;		padding: 3px;		position: absolute;		opacity: 1;		cursor: pointer;		margin-left: -48px;		top: 50%;		transform: translateY(-50%);		right: calc(var(--input-bdr-right-width) + 8px);	}	.rtl .crm_loadeImg {		margin-left: 0;		left: calc(var(--input-bdr-left-width) + 4px);		right: auto;		padding: 0;	}	.fieldModel_4 .crm_loadeImg {		transform: translateY(calc(-50% - var(--input-bdr-bottom-width)));		bottom: calc(var(--input-bdr-bottom-width));		top: 60%;	}	.sLoad {		background: url(../../images/load.gif);		width: 16px;		height: 16px;	}	.loadSuccess em {		top: 4px !important;		display: inline-block;		margin-right: 5px;		position: relative;	}	.ruleDropDown {		width: auto;		position: absolute;		border: 1px solid rgb(var(--value-txt-clr));		z-index: 98;		max-height: 150px;		overflow-y: auto;		display: none;		box-sizing: border-box;		background-color: rgb(var(--elements-clr));		border-radius: 4px;	}	.ruleDropDown li {		padding: 10px;		font-size: var(--drpdwn-list-txt-size);		cursor: pointer;		color: rgb(var(--value-txt-clr)) !important;	}	.ruleDropDown li.addSelect {		background: rgba(var(--value-txt-clr), .1)	}	.ruleNoActionFields {		text-align: center;		padding-top: 10px;		padding-bottom: 10px;		color: rgb(var(--value-txt-clr)) !important;		font-size: var(--drpdwn-list-txt-size);	}	.crminput_Wrap .icon.delete_icon {		width: 10px;		height: 10px;		top: 50%;		position: absolute;		right: calc(var(--input-bdr-right-width) + 10px);		fill: rgb(var(--value-txt-clr));		cursor: pointer;		stroke: rgb(var(--value-txt-clr));		stroke-width: 1.7;		transform: translateY(-50%);	}	.disabled .crminput_Wrap .icon.delete_icon {		fill: var(--disabled-txt-clr);		stroke: var(--disabled-txt-clr);		opacity: 0.8;	}	.rtl .crminput_Wrap .icon.delete_icon {		left: calc(var(--input-bdr-left-width) + 7px);		right: auto;	}	.crmRingLoad {		width: 4px;		height: 4px;		margin: 0 auto;		padding: 6px;		border: 3px dashed rgb(var(--value-txt-clr));		border-radius: 100%;		animation: crmLoading 1s 0.1s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite;		opacity: 0.5;		margin-top: -2px;	}	.fieldModel_4 .crminput_Wrap .icon.delete_icon {		top: 60%;		bottom: calc(var(--input-bdr-bottom-width));		transform: translateY(calc(-50% - var(--input-bdr-bottom-width)));	}	@keyframes crmLoading {		0% {			transform: rotate(0deg);		}		50% {			transform: rotate(180deg);		}		100% {			transform: rotate(360deg);		}	}	.fieldDisabled .fieldtypeText.crminput_Wrap input[ui_type="textbox"] {	    padding-left: 30px;	    padding-right: 30px;	}/*********************************		EmbedField*********************************/	.vEfield iframe {		max-width: 100%;	}	.zfAudioVidLi .arrowNav {		z-index: 99;	}	.leftAlign .zfAudioVidLi .labelName {		float: none;		width: 100%;		text-align: initial;		margin-right: initial;		padding-bottom: 8px;		display: block;	}	.leftAlign .tempFrmWrapper.zfAudioVidLi .tempContDiv {		width: 100%;		margin-left: 0;	}	.rightAlign .zfAudioVidLi .labelName {		float: none;		width: 100%;		text-align: initial;		margin-right: initial;		padding-bottom: 8px;		display: block;	}	.rightAlign .tempFrmWrapper.zfAudioVidLi .tempContDiv {		width: 100%;	}	.zfaudioVidCont {		display: flex;		max-width: 100%;	}	.zfaudioVidCont iframe {		max-width: 100% !important;		width: 100%;	}	.zfAudioVidLi.zfaudioAlignLeft .labelName {		text-align: left;	}	.zfAudioVidLi.zfaudioAlignCenter .labelName {		text-align: center;	}	.zfAudioVidLi.zfaudioAlignRight .labelName {		text-align: right;	}	.zfAudioVidLi.zfaudioAlignLeft .fieldlabel {		text-align: left;	}	.zfAudioVidLi.zfaudioAlignCenter .fieldlabel {		text-align: center;	}	.zfAudioVidLi.zfaudioAlignRight .fieldlabel {		text-align: right;	}	.zfAudioVidLi.zfaudioAlignLeft .instruction {		text-align: left;	}	.zfAudioVidLi.zfaudioAlignCenter .instruction {		text-align: center;	}	.zfAudioVidLi.zfaudioAlignRight .instruction {		text-align: right;	}	.zfAudioVidLi.zfaudioAlignLeft .zfInstruction {		text-align: left;	}	.zfAudioVidLi.zfaudioAlignCenter .zfInstruction {		text-align: center;	}	.zfAudioVidLi.zfaudioAlignRight .zfInstruction {		text-align: right;	}	.zfIframeDiv {	    display: flex;	    width: 100%;	}	.zfAudioVidLi.zfaudioAlignLeft .zfIframeDiv {		justify-content: flex-start;	}	.zfAudioVidLi.zfaudioAlignCenter .zfIframeDiv {		justify-content: center;	}	.zfAudioVidLi.zfaudioAlignRight .zfIframeDiv {		justify-content: flex-end;	}	.rtl .zfAudioVidLi.zfaudioAlignLeft .zfIframeDiv {		justify-content: flex-start;	}	.rtl .zfAudioVidLi.zfaudioAlignCenter .zfIframeDiv {		justify-content: center;	}    .rtl .zfAudioVidLi.zfaudioAlignRight .zfIframeDiv  {		justify-content: flex-start;	}	.zfEmbedContErr {		display: flex;		justify-content: space-between;		max-width: 493px;	}	.zfEmbedContErr p,.zfEmbedContErr span {		width: 234px;		margin-right: 25px;		flex-grow: 0 ;		display: block;	}	.zfEmbedContErr p:last-of-type,.zfEmbedContErr span:last-of-type {		margin-right: 0;		margin-left: auto;	}	.rtl .zfAudioVidLi.zfaudioAlignLeft .fieldlabel {		float: none;		text-align: right;	}	.rtl .zfAudioVidLi.zfaudioAlignLeft .zfInstruction {		text-align: right;	}	.rtl .zfAudioVidLi.zfaudioAlignCenter .fieldlabel {		text-align: center;	}	.rtl .zfAudioVidLi.zfaudioAlignCenter .zfInstruction {		text-align: center;	}	.rtl .zfAudioVidLi.zfaudioAlignRight .fieldlabel {		text-align: right;	}		.rtl .zfAudioVidLi.zfaudioAlignRight .zfInstruction {		text-align: right;	}	.leftAlign .zfAudioVidLi.zfaudioAlignLeft .zfLabelDiv,	.leftAlign .zfAudioVidLi.zfaudioAlignCenter .zfLabelDiv,	.leftAlign .zfAudioVidLi.zfaudioAlignRight .zfLabelDiv {		float: none;		width: 100%;	}	.rightAlign .zfAudioVidLi.zfaudioAlignLeft .zfLabelDiv,	.rightAlign .zfAudioVidLi.zfaudioAlignCenter .zfLabelDiv,	.rightAlign .zfAudioVidLi.zfaudioAlignRight .zfLabelDiv {		float: none;		width: 100%;	}	.fieldModel_2 .zfaudioVidCont iframe {	    border-radius: 8px;	}	.fieldModel_3 .zfaudioVidCont iframe {	    border-radius: 16px;	}/*******************************		SectionField*******************************/	.section h2 {		border: none;		font-size: var(--section-title-txt-size);		color: var(--label-txt-clr);		position: relative;	}	.section p {		font-size: var(--section-instruction-txt-size);		color: var(--instruction-txt-clr);		font-style: normal;		font-weight: 400;		margin-top: 10px;	}	.section .fieldContainer h2::after {	    content: "";	    border-bottom: 1px solid var(--label-txt-clr);	    display: block;	    opacity: 0.4;	    padding-bottom: 12px;	}/************************************	DisabledFields - Common cases************************************/	.fldDisabledIcn {		display: none;	}	.fieldDisabled .fldDisabledIcn {		display: block;		cursor: not-allowed;	}	.fldDisabledIcn svg {		top: 50%;		transform: translateY(-50%);	}	.fldDisabledIcn .icon-lock {		fill: var(--disabled-txt-clr);		stroke: var(--disabled-txt-clr);		opacity: 1;		width: 16px;		height: 16px;	}	.fieldDisabled .fieldtypeText.ofIconCont span.fldDisabledIcn svg,	.fieldDisabled .fieldtypeText span.fldDisabledIcn svg {		display: block;		left: auto;		right: calc(var(--input-bdr-right-width) + 10px);	}	.rtl .fldDisabledIcn .icon-lock {		left: calc(var(--input-bdr-left-width) + 8px) !important;		right: auto !important;	}	.fieldDisabled .fieldtypeText input[ui_type="textbox"],	.fieldDisabled .fieldtypeText textarea {		background: rgba(var(--disabled-bg-clr), var(--disabled-bg-opacity));		border-color: var(--disabled-bdr-clr) !important;		resize: none;		cursor: not-allowed;		transform: none !important;	}	.fieldDisabled .fieldtypeText.customCheckBox span {		cursor: not-allowed;	}/*******************************		Error cases*******************************/	.error input[ui_type="textbox"],	.error textarea {		border-color: var(--error-txt-clr) !important;	}	.error input[ui_type="textbox"]:focus,	.error textarea:focus {		border-color: var(--error-txt-clr);		box-shadow: 0px 0px 2px 0px var(--error-txt-clr);	}	.error1 input[ui_type="textbox"] {		border-color: var(--error-txt-clr);		border-width: var(--input-bdr-top-width) var(--input-bdr-right-width) var(--input-bdr-bottom-width) var(--input-bdr-left-width);	}	.fieldtypeText .error1 input[ui_type="textbox"]:focus{		border-color: var(--error-txt-clr);		box-shadow: 0px 0px 2px 0px var(--error-txt-clr);	}	.zfErrorParentDiv {		display: flex;		flex-direction: column;	}	.fullPage_subfrmInner .zfErrorParentDiv {	    width: 100%;	}	.zfErrorDiv {		padding: 8px 0;		border-radius: 5px;		position: relative;		margin: 0;		width: auto;		text-align: left;		font-size: var(--error-txt-size);		color: var(--error-txt-clr);		padding-bottom: 0;	}	.rtl .zfErrorDiv {		text-align: right;	}	.fullPage_subfrmInner .zfErrorDiv {		font-size: var(--sf-error-txt-size);	}	.errorMessage {		font-size: var(--sf-error-txt-size);		color: var(--error-txt-clr);		display: none;		word-wrap: break-word;		border-radius: 5px;		padding: 8px 10px 0 0;	}	.rtl .errorMessage {		padding: 5px 0 0 10px !important;		text-align: right;	}	.fullPage_subFrmWrap .errorMessage {		padding: 8px 10px 0px 0;	}	.fullPage_subFrmWrap .formFieldWrapper:last-child .errorMessage {	}	.errorCountTxt {		color: var(--error-txt-clr);	}/***********************************************	Verification Captcha - With popup cases***********************************************/	.verifyCaptcaCont {		position: relative;		display: inline-block;		width: 100%;	}	.verfiCaptchaWrapper {		position: relative;		display: flex;	}	.verification .captchaActOutCont {		margin: 0;		padding: 0;		position: relative;	}	.verification .captchaActOutCont label {		font-size: var(--elements-h5-txt-size);	}	.verification .captchaImgCont {		background: #ffffff;		margin-top: 0px;		padding: 0;		text-align: center;		border-radius: 3px;		margin-top: 12px;		border: 1px solid #e8e8e8;	}	.verification input[ui_type="textbox"] {		width: 100%;	}	.verification .captchaOuterWrapper {		border: 0.8px solid var(--label-txt-clr);	    padding: 10px 14px;	    width: 233px;	    border-radius: var(--input-radius);	    box-sizing: border-box;	}    .fieldModel_3 .verification .captchaOuterWrapper {	    padding: 10px 34px;    }	.verification .captchaActOutCont {		margin: 0;		padding: 0;	}	.verification .captchaActOutCont label {		color: var(--label-txt-clr);		display: block;		margin-bottom: 10px;	}	.verification .labelName {		font-size: var(--instruction-txt-size);		color: var(--label-txt-clr);	}	.verification .captchaActInnerCont {		width: 91%;		margin-right: 4px;	}	.verification .captchaRefresh {		cursor: pointer;	}	.verification .captchaRefresh .icon-refresh {		width: 26px;		height: 26px;		fill: var(--label-txt-clr);		stroke:var(--label-txt-clr);		position: absolute;		stroke-width: 0.1;		right: 5px;	}	.rtl .verification .captchaRefresh .icon-refresh {		right: auto;		left: 0;	}	.captchaRefresh.verificationRotate .icon-refresh {		animation: roll 1s infinite;		transform: rotate(30deg);	}	.verification.fieldWrapper .captchaRefresh .icon-refresh {		fill: var(--label-txt-clr);		stroke:var(--label-txt-clr);		top: 50%;		right: 0;		left: auto;		translate: 0 -50%;	}	.rtl .verification.fieldWrapper .captchaRefresh .icon-refresh {		left: 0;		right: auto;	}	@keyframes roll {		0% {			transform: rotate(0);		}		100% {			transform: rotate(360deg);		}	}	.rtl .verification .captchaActInnerCont {		margin-right: 0;		margin-left: 4px;	}	.rtl .verification .captchaRefresh .icon-refresh {		left: 0;		right: auto;	}	.rtl .verification .captchaRefresh {		float: left !important;	}	.ofCaptchaPopup .popUpInner {		display: flex;		flex-direction: column;		justify-content: center;		align-items: center;	}	.captchaPopup .verification .captchaOuterWrapper {		width: 420px;	    border: 0.8px solid var(--label-txt-clr);	    margin-top: 10px;	    border-radius: 3px;	    padding: 8px;	    padding-left: 20px;	    box-sizing: border-box;	}	.ofCaptchaPopup .verification .captchaRefresh .icon-refresh {		top: 40%	}	.ofCaptchaPopup .pop_Okaybtn {		padding : 10px 20px;		line-height: 1.3;	}	.ofCaptchaPopup .pop_Okaybtn .savecmonLoader {		margin: 4% 10px 0 0;	}	.rtl .ofCaptchaPopup .pop_Okaybtn .savecmonLoader {		float: right;		margin: 4% 0 0 10px;	}	.ofCaptchaPopup .verification .verfiCaptchaWrapper .captchaRefresh .icon-refresh {		top: 50%;		position: absolute;		transform: translateY(-50%);	}	.captchaPopup {		position: absolute;	}	.captchaPopup .verification .labelName {		color: var(--label-txt-clr);	}	.captchaPopup .verification input[ui_type="textbox"] {		width: 100%;		margin-right: 5px;		text-align: center;	}	.rtl .captchaPopup .verification input[ui_type="textbox"] {		margin-left: 5px;		margin-right: 0;	}	.captchaPopup .popUpInner {		padding: 20px;		border: none;	}	.captchaPopup .footer {		margin-top: 20px;	}	.captchaPopup .popupMainCont li {		list-style: none;	}	.captchaPopup .errorMessage {		color: var(--error-txt-clr);		display: none;		margin-top: 10px;	}	.rtl .captchaPopup .errorMessage {		padding-right: 0px;	}	/*.tempContDiv.onefieldCaptchaDiv {		display: flex;		justify-content: left;	}*/	.rtl .tempContDiv.onefieldCaptchaDiv {		justify-content: right;	}	.verification .onefieldCaptchaDiv .captchaActInnerCont {		width: 85%;	}/************************************	Save - Review Button - Common************************************/	.navFootSaveReview {		display: flex;	}	.navFootBtnDefault .navFootSaveReview {		width: 50%;		margin-right: 16px;		justify-content: center;	}	.rtl .navFootBtnDefault .navFootSaveReview {		margin-left: 16px;		margin-right: 0;	}	.navFootSaveReview .navFootBtnList {		width: auto !important;		justify-content: center !important;	}	.btn_FitToScreen .alignSubmit, .btn_FitToScreen .inlineBlock {	    width: 100%;	}	.btn_FitToScreen button.fmSmtButtom {	    width: 100%;	    display: inline-block;	}/*******************************	Free plan branding*******************************/	.brandingWrapper {		padding: 15px 40px;		text-align: center;		background: #242C3E;		letter-spacing: 0.3px;		font-weight: lighter;	}	.brandingWrapper .brandingTextCont {		padding-top: 8px;	}	.brandingWrapper .brandingTextCont p {		display: inline-block;		color: #fff;		font-size: var(--fieldcomp-label-txt-size);	}	.brandingWrapper .brandingTextCont svg {		width: 16px;		height: 16px;		margin-right: 2px;		position: relative;		top: 3px;		stroke-width: 0.3px;		fill: #fff;		stroke: #fff;	}	.brandingLogoCont {		text-align: center;		display: inline-block;	}	.ofliveErrMsgWrapper .brandingLogoCont {		float: none;	}	.brandingLogoCont img {		width: 140px;	}	.brandingLogoCont span {		display: block;		color:#fff;		font-size: var(--sf-elements-h6-txt-size);	}	.brandingWrapper .brandingTextCont span {		line-height: 21px;	}	.brandingWrapper .brandingTextCont a {		text-decoration: underline;		color: #fff;	}	.zfbrandingWrapper .brandingLogoCont span {		float: left;		padding-top: 8px;		padding-right: 10px;	}	.new-Logo {		display: flex;		align-items: center;		justify-content: center;		padding: 20px 0 10px 0;	}	.rtl .new-Logo {		direction: ltr;	}	.new-Logo .power-Text {		display: inline-block;		padding-top: 0 !important;	}	.new-Logo .icon.formsLogo-White {		height: 37px;		width: 100px;	}	.new-Logo .icon.formsLogo-Black {		height: 37px;		width: 100px;	}/*******************************	Splash Message cases*******************************/	.splashMsgWrapper .splashMsgOuterCont {		text-align: center;	}	.splashMsgWrapper .splashMsgCont {		display: inline-block;		padding: 25px 25px;		font-size: var(--instruction-txt-size);		box-shadow: 0px 0px 10px rgba(var(--popup-bg-clr), 0.7);		-moz-box-shadow: 0px 0px 10px rgba(var(--popup-bg-clr), 0.7);		-webkit-box-shadow: 0px 0px 10px rgba(var(--popup-bg-clr), 0.7);		-webkit-border-radius: 3px;		-moz-border-radius: 3px;		border-radius: 3px;		margin-left: 15px;		margin-right: 15px;		max-width: 600px;		color: var(--label-txt-clr);		background: rgba(var(--popup-bg-clr));	}	.grad_popup .splashMsgWrapper .splashMsgCont{		background: linear-gradient(var(--popup-bg-gradient-angle), rgba(var(--popup-bg-gradient-start-clr), var(--popup-bg-gradient-start-clr-opacity)) var(--popup-bg-gradient-start-percent), rgba(var(--popup-bg-gradient-end-clr), var(--popup-bg-gradient-end-clr-opacity)) var(--popup-bg-gradient-end-percent));		background-origin: border-box;	}/*********************************		Tooltip cases*********************************/	.arrow:before,	.arrow:after {		border: solid transparent;		content: " ";		height: 0;		width: 0;		position: absolute;		pointer-events: none;	}	.arrow.rightArrow:before, .arrow.rightArrow:after {    	left: 100%;    	top: 50%;    	border-left-color: #141c24;    	margin-top: -5px;	}		.arrow:before {		border-width: 9px;	}	.arrow:after {		border-color: rgba(255, 255, 255, 0);		border-width: 8px;	}	.tooltip.arrow.topArrow:before, .tooltip.arrow.topArrow:after {    	bottom: 100%;    	left: 50%;    	border-bottom-color: #141c24;   		margin-left: -8px;	}	.arrow.leftArrow:before, .arrow.leftArrow:after {	    right: 100%;	    top: 50%;	    border-right-color: #141c24;	    margin-top: -4px;	}	.arrow.leftArrow:after {	    margin-top: -4px;	}	.tooltip.arrow:before {		border-width: 5px;	}	.tooltip.arrow:after {		border-width: 4px;	}	.tooltip {		font-size: 14px;		position: relative;	}	.tooltip-inner {		max-width: 300px;		padding: 8px 10px;		background-color: #141c24;		color: #fff;		text-align: center;		position: relative;		left: 0;		font-size: 13px;		-webkit-border-radius: 3px;		-moz-border-radius: 3px;		border-radius: 3px;	}	.hintElementSvg {		position: absolute;		display: inline-block;		width: 100%;		height: 100%;		z-index: 1;		left: 0;		top: 0;	}/*********************************		Hover text cases*********************************/.hoverTxtParentDiv {	display: flex;	flex-direction: column;	position: relative;}.hoverTxtDiv {	border: 1px solid rgb(var(--value-txt-clr));	font-size: var(--elements-h5-txt-size);	background: rgb(var(--elements-clr));	color: rgb(var(--value-txt-clr)) !important;	max-width: 800px;	padding: 10px;	border-radius: 7px;	position: absolute;	z-index: 9;	text-align: left;	opacity: 0;	visibility: hidden;	transition: opacity 0.5s ease-in-out;	margin-top: 10px;}.hoverTxtDiv:before,.hoverTxtDiv:after {	right: 0px;	left: 20px;	border-top-color: rgb(var(--value-txt-clr)) !important;	position: absolute;	content: "";	display: inline-block;	width: 8px;	height: 8px;	border-width: 0;	border-right: 1px solid rgb(var(--value-txt-clr));	border-top: 1px solid rgb(var(--value-txt-clr));	transform: rotate(316deg);	top: -5px;	background: rgb(var(--elements-clr));}.rtl .hoverTxtDiv:before,.rtl .hoverTxtDiv:after {	left: 0px;	right : 20px;}.layout3 .fieldContainer .hoverTxtDiv {	position: relative;	visibility: hidden;	max-height: 0px;	opacity: 0;	transition: all 0.2s ease-in-out;	padding: 0px 10px;	border-width: 0px;	margin-top: 0px;	max-width: max-content;}.layout3 .fieldContainer .hoverTxtDiv.hoverTxtDiv-slideDown {	max-height: 1000px;	opacity: 1;	padding: 10px;	visibility: visible;	transition: all 0.2s ease-in-out;	margin-top: 10px;	border-width: 1px;}.hoverTxtDiv-fadeIn {	opacity: 1;	visibility: visible;}@keyframes hoverTxtDiv-fadeIn {	0% {		opacity: 0;	}	100% {		opacity: 1;	}}/*********************************		WCAG - Common*********************************/.sr-only {	clip: rect(1px, 1px, 1px, 1px);	clip-path: inset(50%);	height: 1px;	width: 1px;	margin: -1px;	overflow: hidden;	padding: 0;	position: absolute !important;}.is-accessibility .advLabelName a {	text-decoration: underline;}.showsubformmenu {	height: 30px;}/* Tab index is set as 0 for Description,Image Choices,Subform buttons, Terms and Condition. So blue border will be created while focusing.    To overwrite that outline is set as none. */*[tabindex="0"]:focus {	outline: none;}/**********************************		Page Bar cases**********************************/	.pagerow {		overflow: hidden;		width: var(--form-width);		display: flex;		flex-direction: column;			}	.pageProNew {		width: 800px;		box-sizing: border-box;		display: flex;		flex-wrap: nowrap;		flex-direction: row;		position: relative;		justify-content: center;	}	.pageSect {		display: flex;		align-items: center;		width: auto;		flex-direction: column;		position: relative;		min-width: 10%;		max-width: 100%;		flex: 1;		text-align: center;	}	.pageSect span {		background:var(--page-unvisited-bg-clr);		box-sizing: border-box;		width: 27px;		height: 27px;		color: var(--page-unvisited-txt-clr);		border-radius: 5px;		display: flex;		align-items: center;		justify-content: center;		margin-bottom: 0;		position: relative;		z-index: 1;		cursor: pointer;	}	.pageSect:last-child:after {		left: 0;		width: 50%;	}	.pageSect:first-child:after {		width: 50%;	}	.pageSect.selected span {		background:var(--page-visited-bg-clr);		color: var(--page-visited-txt-clr);	}	.pageSect.selected:after {		background-color: var(--page-visited-bg-clr);	}	.pageProContainer {		display: flex;		box-sizing: border-box;		padding: calc(var(--fields-ver-space-top) * 2) var(--page-inline-outer-space-right) 0px var(--page-inline-outer-space-left);		margin: 0 auto;	}	.pageProContainer.pageProConResize .pageProNew {		width: auto;		display: flex;		box-sizing: border-box;	}	.pageProContainer.pageProConResize .pageSect {		min-width: 50px;		max-width: 180px;		flex: 1 0 auto;		float: left;		display: inline-flex;		padding: 0 10px;	}	.pageProContainer.pageProConResize .pageSect:first-of-type{		padding-left: 0px !important;	}	.rtl .pageProContainer.pageProConResize .pageSect:first-of-type {		padding-left: 10px !important;	}	.pageProPrev {		width: 50px;		justify-content: start;		display: none;	}	.pageProNext {		justify-content: end;	}	.pageProContainer.pageProConResize .pageProPrev {		display: flex;		padding-top: 5px	}	.pageProPrev span {		box-sizing: border-box;		width: 27px;		height: 27px;		display: flex;		border-radius: 50px;		cursor: pointer;		position: relative;		align-items: center;		justify-content: center;	}	.pageProPrev .icon-angle-right:before,	.pageProPrev .icon-angle-left:before {		color: var(--page-visited-bg-clr);		font-size: 21px;		font-weight: 800;	}	.pageProPrev .icon-angle-right:hover:before,	.pageProPrev .icon-angle-left:hover:before {		color: var(--page-visited-bg-clr);		transform: scale(1.2);		font-size: 26px;		transition-duration: .5s;	}	.rtl em.icon-angle-right {		transform: rotate(180deg);	}	.rtl em.icon-angle-left {		transform: rotate(180deg);	}	.pageProPrev span:hover {		opacity: 1;	}	svg.icon.icon-arrow-right {		width: 24px;		height: 28px;		position: absolute;		left: 0px;		top: 0px;		fill: var(--page-visited-txt-clr);	}	.pageProPrev svg.icon.icon-arrow-right {		transform: rotate(180deg);		left: 2px;	}	.pageProNext svg.icon.icon-arrow-right {		transform: none;		left: 0;	}	.pageTitleDiv{		color: var(--page-unvisited-bg-clr);		font-size: var(--page-title-txt-size);		margin-top: 10px;		cursor: pointer;	}	.pageSect.selected .pageTitleDiv{		color: var(--page-visited-bg-clr);	}	.pageCenter .nextBar {		visibility: hidden !important;	}	.pageCenter .pageProNew {		justify-content: center !important;		transform: none !important;	}	.pageProContainer.outsidePageHeader {		margin: 0 auto;		padding-left: 0;		padding-right: 0;	}	.pageTitleCont {		display: flex;		align-items: center;		text-align: center;		justify-content: center;	}	.pageNavScroll .pageProNew {		overflow-y: hidden;		overflow-x: auto;		justify-content: start;		padding-top: 5px;		padding-bottom: 10px;	}	.pageTitleInline .pageProNew, .pageTitleOff .pageProNew {	    padding-bottom: 16px !important;	}	.pageNavScroll .pageProNew em.bdr_lineDiv,	.pageNavScroll .pageProNew em.bdr_lineProgress {		top: 17px;	}	.pageProNew em.bdr_lineDiv,	.pageProNew em.bdr_lineProgress {		left: 0;	}	.pageNavScroll .pageProContainer.pageProConResize .prevBar,	.pageNavScroll .pageProContainer.pageProConResize .nextBar {		display: none;	}	.pageNav3.pageProContainer.pageProConResize .pageProPrev {		padding-top: 6px;	}	.pageNav3 .pageProPrev span {		height: 0px;	}	.pageNav4 .pageSect {		min-width: 30px !important;		max-width: 30px !important;	}	.pageNav4 .pageProNew {		width: auto !important;		padding-bottom: 16px !important;		padding-left: 3px;		padding-right: 3px;	}	.pageNav4 .pageTitleCont .pageTitleDiv{		color: var(--page-visited-bg-clr);			font-size: calc(var(--page-title-txt-size) + 2px);		}	.pageNavStyle1 .pageNav2,	.pageNavStyle1 .pageNav3,	.pageNavStyle1 .pageNav4 {		display:none;	}	.pageNavStyle2 .pageNav1,	.pageNavStyle2 .pageNav3,	.pageNavStyle2 .pageNav4 {		display:none;	}	.pageNavStyle3 .pageNav1,	.pageNavStyle3 .pageNav2,	.pageNavStyle3 .pageNav4 {		display:none;	}	.pageNavStyle4 .pageNav1,	.pageNavStyle4 .pageNav2,	.pageNavStyle4 .pageNav3 {		display:none;	}	.pageNavStyleOff .pageNav1,	.pageNavStyleOff .pageNav2,	.pageNavStyleOff .pageNav3,	.pageNavStyleOff .pageNav4  {		display:none;	}	.pageInside .pageNavOutside {		display:none;	}	.pageOutside .pageNavInside {		display:none;	}	.pageOutside .pageProContainer{		padding: 24px 5px;	}	.pageTitleOff .pageInline_Cont {		display:none;	}	.pageTitleBar .pageInline_Cont {		display:none;	}	.pageTitleInline .pageTitleDiv {		display:none !important;	}	/* .pageNavInside ~ div .fieldWrapper:first-of-type .fieldContainer{		margin-top: 0 !important;	} */	.cur_ActivePage {		outline-offset: 2px;		outline: 1px solid var(--page-visited-bg-clr);	}	.pageProPrev.prevBar.pageNavDisable {		pointer-events: none;		opacity: 0.3;	}	.pageProPrev.nextBar.pageNavDisable {		pointer-events: none;		opacity: 0.3;	}	.pageProContainer.pageProConResize .pageProNew:focus {		outline: none;	}	.pageInline_Cont {		padding: var(--fields-ver-space-top) var(--page-inline-outer-space-right) var(--fields-ver-space-bottom) var(--page-inline-outer-space-left);	}	.bdr_lineDiv {		position: absolute;		width: 100%;		height: 2.5px;		background: var(--page-unvisited-bg-clr);		content: "";		top: 13px;		right: 0;	}	em.bdr_lineProgress {		width: 0px;		position: absolute;		background: var(--page-visited-bg-clr);		height: 2.5px;		left: 0;		top: 13px;		z-index: 1;	}	.pagenavNumber {		font-size:var(--page-nav-number-size);	}	.pageWrapper.type6 .pageSect span{		width: 33px;		height: 33px;	}	.pageWrapper.type4 em.bdr_lineProgress, .pageWrapper.type4 .bdr_lineDiv, 	.pageWrapper.type5 em.bdr_lineProgress, .pageWrapper.type5 .bdr_lineDiv,	.pageWrapper.type6 em.bdr_lineProgress, .pageWrapper.type6 .bdr_lineDiv{		top: 19px !important;	}	.pageWrapper.type5 .pageSect span{		width: 31px;		height: 31px;	}	.pageWrapper.type4 .pageSect span{		width: 30px;		height: 30px;	}	.pageBarTab {		width: 100%;		min-height: 7px;		background: var(--page-unvisited-bg-clr);		position: relative;		display: block;		margin-bottom: 0;		border-radius: 3px;		cursor: pointer;	}	.currBarTab:after {		position: absolute;		width: 0;		height: 0;		border-left: 12px solid transparent;		border-right: 12px solid transparent;		border-top: 13px solid var(--page-visited-bg-clr);		content: "";		left: 50%;		transform: translateX(-50%);	}	.pageNav2 .pBarHeader{		cursor: pointer;		padding-bottom: 5px !important;	}	.pagebar .selected .pageBarTab {		background: var(--page-visited-bg-clr) !important;	}	.pageNavRadius {		border-radius: 50% !important;	}	.pageonSelect {		animation-delay: .5s;		-webkit-animation-name: scale;		animation-name: scale;		-webkit-animation-duration: 500ms;		animation-duration: 500ms;		-webkit-animation-iteration-count: 1;		animation-iteration-count: 1;		-webkit-animation-timing-function: linear;		animation-timing-function: linear;	}	@keyframes scale {		0% {			-webkit-transform: scale(1);			transform: scale(1);		}		50% {			-webkit-transform: scale(1.2);			transform: scale(1.2);		}		100% {			-webkit-transform: scale(1);			transform: scale(1);		}	}	.pBarcursor_remove {		cursor: default;	}	.pBarcursor_remove .pBarHeader.pageSect {		pointer-events: none;	}	.pageNavScroll .pageProNew::-webkit-scrollbar {		display: block !important;		height: 5px;		width: 0px;	}	.pageNavScroll .pageProNew::-webkit-scrollbar-thumb {		background-color: transparent;    	border-radius: 50px;	}	.pageNavScroll .pageProNew:hover::-webkit-scrollbar-thumb {	     background-color: #A9A9A9;	}	.pageNavScroll .pageProNew::-webkit-scrollbar-track {		background-color: transparent;		border-radius: 50px;	}/************************************************	Theme editor - Live form handling cases************************************************/	.themeEditorPage.headerStyle1 .formHeaderInside {		display:block;	}	.themeEditorPage.headerStyle1 .formHeaderOutside {		display:none;	}	.themeEditorPage.headerStyle2 .formHeaderOutside {		display:block;	}	.themeEditorPage.headerStyle2 .formHeaderInside {		display:none;	}	.themeEditorPage.footBtnDefault .zfFooter .navFootBtnDefault {		display:flex;	}	.themeEditorPage .zfFooter .navFootBtnDefault {		display:none;	}	.themeEditorPage.footBtnCenter .zfFooter .navFootBtnWrap.navFootBtnDefault ~ .navFootBtnWrap {		display:flex;	}	.themeEditorPage.footBtnLeft .zfFooter .navFootBtnWrap.navFootBtnDefault ~ .navFootBtnWrap {		display:flex;	}	.themeEditorPage.footBtnRight .zfFooter .navFootBtnWrap.navFootBtnDefault ~ .navFootBtnWrap {		display:flex;	}	.themeEditorPage .zfFooter .navFootBtnWrap.navFootBtnDefault ~ .navFootBtnWrap {		display:none;	}/********************************************	Live Form - Theme Preview icon cases********************************************/	.themePreviewIcon {		padding: 9.5px 10px;		display: flex;		height: 23px;		border-radius: 50px;		cursor: pointer;		margin: 0 0 0 0;		transition: 0.1s linear;		width: 23px;		text-align: center;		align-items: center;		justify-content: center;		position: absolute !important;		right: 20px;		top: 20px;		z-index: 10;		transform: scale(1);		background: #fff;		border: 1.5px solid #5977f7;	}	.themePrevIcnContainer {		right: 20px;		top: 20px;		z-index: 10;	}	.rtl .themePrevIcnContainer {		right: auto;		left: 20px;	}	.themePrevIcnContainer .themePreviewIcon {		margin-top: 0;		right: 0;		border-radius: 5px;		padding: 5px;		position: relative !important;		top: 0;	}	.themePrevIcnContainer .themePreviewIcon:hover {		transform: scale(1.08);		transition: 0.25s linear;	}	.themePreviewIcon:hover {		-webkit-transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0) perspective(500px);		transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0) perspective(500px);	}	.themePreviewIcon img {		height: 26px;		width: 26px;	}	.themePreviewIcon:before {		display: none;	}/*************************************	Live page - Translation cases*************************************/	.sideIcons{		position: absolute;		right: 20px;		top:30px;	}	.rtl .sideIcons{		right: auto;		left: 20px;	}	.liveTranslateSelect {		position: relative;		margin-bottom: 20px;	}	.liveTranslateSelect .liveTransIcons{		position: relative;		height: 33px;		border-radius: 4px;		cursor: pointer;		width: 33px;		text-align: center;		margin-top: 0px;		transition: 0.1s linear;		color: rgb(var(--value-txt-clr));		background-color: rgba(var(--elements-clr));		border: 1.5px solid rgb(var(--value-txt-clr));		z-index: 1;	}	.liveTranslateSelect .moreListDrodown {		position: absolute;		top: 45px;		right: 0px;		z-index: 99;	}	.liveTranslateSelect .moreListDrodown ul li {		position: relative;		padding: 6px 30px 6px 12px;		font-size: 13px;		min-width: 200px;		margin: 3px;		cursor:pointer;		text-overflow: ellipsis;		overflow: hidden;		max-width: 300px;		white-space: nowrap;		float: none;		line-height: 26px;		text-align: left;		border-radius: 5px;		color: rgb(var(--value-txt-clr));	}	.liveTranslateSelect .moreListDrodown ul li:hover{		background: rgba(var(--value-txt-clr), 0.1);	}	.liveTranslateSelect .moreListDrodown ul:after, .liveTranslateSelect .moreListDrodown ul:before {		bottom: 100%;		left: 100%;		border: solid transparent;		content: " ";		height: 0px;		width: 0;		position: absolute;		pointer-events: none;	}	.liveTranslateSelect .moreListDrodown ul:before {		border-bottom-color: rgba(var(--value-txt-clr), 0.1);		border-width: 9px;		margin-left: -22px;	}	.liveTranslateSelect .moreListDrodown ul:after {		border-bottom-color: rgb(var(--elements-clr));		border-width: 10px;		margin-left: -23px;	}	.liveTranslateSelect .moreListDrodown ul:after, .liveTranslateSelect .moreListDrodown ul:before {		left: 98%;		top:-18px;	}	.liveTranslateSelect .liveTransIcons .icon.trans {		width: 16px;		height: 16px;		fill: rgb(var(--value-txt-clr));		stroke: rgb(var(--value-txt-clr));		stroke-width: 1;		margin-right: 6px;		position: relative;		top: 8px;		right: 0px;	}	.liveTransIcons:hover{		transform: scale(1.08);		transition: 0.25s linear;	}	.liveTranslateSelect .moreListDrodown ul {		background-color: rgb(var(--elements-clr));		border: 1px solid rgba(var(--value-txt-clr), 0.1);		box-shadow: 0 1px 2px rgba(var(--value-txt-clr), 0.1);		border-radius: 5px;		display: none;		max-height: 210px;		min-height: 10px;		overflow: hidden;		overflow-y: auto;	}	.liveTranslateSelect .moreListDrodown ul::-webkit-scrollbar {		display: block !important;		width: 5px;		height: 0px;	}	.liveTranslateSelect .moreListDrodown ul::-webkit-scrollbar-thumb {		background-color: #A9A9A9;		border-radius: 50px;	}	.liveTranslateSelect .moreListDrodown ul::-webkit-scrollbar-track {		background-color: transparent;		border-radius: 50px;	}	.liveTranslateSelect .moreListDrodown ul li.langselected{		background: rgba(var(--value-txt-clr), 0.1);		color: rgb(var(--value-txt-clr));	}	.liveTranslateSelect .moreListDrodown ul li.langselected:before {		width: 1em;		height: 0.5em;		content: '';		position: absolute;		border-left: 1px solid;		border-bottom: 1px solid;		border-color: rgb(var(--value-txt-clr));		transform: rotate(-45deg) translate3d(0, 0, 0);		transform-origin: center center;		right: 16px;		top: 12px;		bottom: 0;	}	.liveTransIcons .arrow-down {		width: 0;		height: 0;		border-left: 3px solid transparent;		border-right: 3px solid transparent;		border-top: 3px solid rgb(var(--value-txt-clr));		position: absolute;		top: 14px;		right: 5px;	}	.popUpInner.liveTransErrorMsg{		padding:0;		background: #fff;	}	.liveTransErrorMsg .pHeader{		padding: 15px 20px;		border-bottom: 1px solid #e8eaec;	}	.liveTransErrorMsg .pContainer{		padding: 20px;		position: relative;	}	.liveTransErrorMsg .statusCont{		color: #444;		line-height: 23px;		font-size: var(--value-txt-size);	}	.liveTransErrorMsg  .pFooter{		padding: 5px 20px 25px !important;		text-align: right;	}	.liveTransErrorMsg .colorRed {		color: #d20007;		font-size: var(--description-txt-size);		line-height: 27px;	}	.liveTransErrorMsg .icon {		float: left;		border: 1px solid #d20007;		padding: 5px;		border-radius: 30px;		margin-right: 10px;		fill: #d20007;		width: 13px;		height: 13px;	}	.liveTransErrorMsg .pFooter button {		border-radius: 3px;		margin-left: 10px;		padding: 10px 20px;		font-size: var(--value-txt-size);		cursor: pointer;		margin-top: 10px;		font-family: var(--body-font), var(--body-font-fallback);	}	.liveTransErrorMsg .lightGray{		border:1px solid #ccc;		background: #f4f4f4;		color: #444;	}	.liveTransErrorMsg .red{		border:1px solid #d20007;		background: #d20007;		color:#fff;	}	.formLayout2.rtl .liveTranslateSelect .moreListDrodown {		right:0;		left:auto;	}	.formLayout2.rtl .liveTranslateSelect .moreListDrodown ul:before ,	.formLayout2.rtl .liveTranslateSelect .moreListDrodown ul:after {		left: 98%;	}	.formLayout3 .liveTranslateSelect .moreListDrodown {		left:0;		right:auto;	}	.formLayout3 .liveTranslateSelect .moreListDrodown ul:before ,	.formLayout3 .liveTranslateSelect .moreListDrodown ul:after {		left:16%;	}	.rtl .liveTransIcons ,	.rtl .moreListDrodown{		right: auto;		left: 0;	}	.rtl .liveTranslateSelect .moreListDrodown ul:after,	.rtl .liveTranslateSelect .moreListDrodown ul:before {		left: 12%;	}	.rtl .otpliveTranslateSelect{		right: auto;		left: 20px;	}	.rtl .liveTranslateSelect .moreListDrodown ul li{		text-align:right;	}	.rtl .liveTranslateSelect .moreListDrodown ul li.langselected:before{		left: 16px;		right:auto;	}	.rtl .liveTransErrorMsg .icon {		float: right;		margin-left: 10px;	}	.type5 .liveTransErrorMsg .statusCont,	.type6 .liveTransErrorMsg .statusCont{		line-height: normal;	}	.prepareDown_txt, .prepareDown_txt em {		color: #D86E0F !important;	}	.rtl .prepareDown_txt em {		padding-right: 5px;		padding-left: 0px;	}/*************************************	Intial page loading animation*************************************/	.bgLiveDisabled {		background: rgba(225, 225, 225, 0.3);		width: 100%;		height: 100%;		position: absolute;		z-index: 999;		animation: showBlock 3s;	}	.bgLiveDisabled.bgLiveDisabledWithoutDelay {		animation: showBlock 0s;	}	.cssLoaderLive, .cssLoaderLive:after {		border-radius: 50%;		width: 32px;		height: 32px;	}	.cssLoaderLive {		margin: 60px auto;		position: relative;		text-indent: -9999em;		border-top: 2px solid #ffffff;		border-right: 2px solid rgba(0, 0, 0, 0.5);		border-bottom: 2px solid rgba(0, 0, 0, 0.5);		border-left: 2px solid #ffffff;		-webkit-transform: translateZ(0);		-ms-transform: translateZ(0);		transform: translateZ(0);		-webkit-animation: loadcss 1.1s infinite linear, showBlock 4s;		animation: loadcss 1.1s infinite linear, showBlock 4s;	}	.bgLiveDisabled.bgLiveDisabledWithoutDelay .cssLoaderLive {		animation: loadcss 1s infinite linear, showBlockTwo 0.2s;		top: calc(50% - 16px);		left: calc(50% - 16px);		margin: 0;	}	@-webkit-keyframes loadcss {		0% {			-webkit-transform: rotate(0deg);			transform: rotate(0deg);		}		100% {			-webkit-transform: rotate(360deg);			transform: rotate(360deg);		}	}	@keyframes loadcss {		0% {			-webkit-transform: rotate(0deg);			transform: rotate(0deg);		}		100% {			-webkit-transform: rotate(360deg);			transform: rotate(360deg);		}	}	@keyframes showBlock {		0% {			opacity: 0;		}		80% {			opacity: 0;		}		100% {			opacity: 1;		}	}	@keyframes showBlockTwo {		0% {			opacity: 0;		}		80% {			opacity: 1;		}		100% {			opacity: 1;		}	}/*********************************	Thankyou Page cases*********************************/	.thankyouTick {		stroke:var(--label-txt-clr);		width: 66px !important;		height: 66px !important;		margin-bottom: 15px !important;		margin: 0 auto;		display: block;	}	.icon-thankyou-tick {		fill: var(--label-txt-clr);		width: 100%;	}	.tyBackgroundBg {		background-color: rgba(var(--page-bg-clr), var(--page-bg-opacity));		position: fixed;		width: 100%;		height: 100%;		z-index: -1;		-ms-box-sizing: border-box;		-webkit-box-sizing: border-box;		-moz-box-sizing: border-box;		box-sizing: border-box;		transform: translateZ(0);		-webkit-transform: translateZ(0);		outline: none;		opacity : var(--page-img-opacity);		top: 0;	}	.thankyouPageWrap .backgroundSecBg {		margin: 0;		padding: 0;	}	.thankyouPageWrap .templateWrapper,	.thankyouPageWrap .tyTemplateWrapper{		background: rgba(var(--field-cont-bg-clr), var(--field-cont-bg-opacity));		box-shadow: none;		border-radius: var(--field-cont-bdr-radius);	}	.tyTemplateWidth {		width: 800px;		-ms-box-sizing: border-box;		-webkit-box-sizing: border-box;		-moz-box-sizing: border-box;		box-sizing: border-box;		margin:0 auto;		display: flex;		justify-content: center;		align-items: center;	}	.tyTemplateWidth .centerContainer{		min-width: 750px;	}	.ofliveErrMsgWrapper .tyTemplateWidth {		height: calc(100vh - 68px);		overflow: scroll;	}	.infoWrapper {		overflow: hidden;		margin:20px 0px;	}	.infoContainer {		padding: 5px 25px 30px 25px;	}	.infoContainer .infoCont {		color: var(--label-txt-clr);		font-size: var(--description-txt-size);		font-weight: 500;	}	.infoWrapper .brandCont {		overflow: hidden;		padding: 15px;	}	.brandCont .newEntryLink {		float: none !important;		margin: 0 auto;		text-align: center;	}	.ofliveErrMsgWrapper .centerContainer {		border:1px solid var(--label-txt-clr) !important;		box-shadow: none !important;		border-radius: 10px !important;	}	.ofliveErrMsgWrapper .centerContainer .infoContainer {		padding-top: 30px;	}	.newEntryLink a {		display: inline-block;		border: var(--submit-bdr-width) var(--submit-bdr-style) var(--submit-bdr-clr) !important;		padding: 10px 20px !important;		border-radius: var(--submit-btn-radius);		-moz-border-radius: var(--submit-btn-radius);		-webkit-border-radius: var(--submit-btn-radius);		margin: 0 8px;		cursor: pointer;		color: var(--submit-txt-clr) !important;		fill: var(--submit-txt-clr);		font-size: var(--submit-txt-size);		margin-bottom: 15px;		line-height: inherit;		position: relative;		text-decoration: none;		background: rgba(var(--submit-bg-clr)) !important;	}	.newEntryLink .livePlusIcon {		margin: 0 !important;		margin-right: 5px !important;		position: relative;	}	.livePlusIcon {		width: 22px !important;		height: 22px !important;	}	.newEntryLink .liveEditIcon {		width: 15px !important;		height: 15px !important;		position: relative;		top: 3px;	}	.newEntryLink .livePDFIcon,	.newEntryLink .liveAddIcon,	.newEntryLink .liveEditIcon,	.newEntryLink .livePlusIcon {		position: relative;		margin: 0 !important;		margin-right: 8px !important;		position: absolute !important;        top: 50%;        transform: translateY(-50%);	}	.thankyouPageBtn b {        padding-left: 30px;        padding-right: 10px;        display: inline-block;	}	.rtl .thankyouPageBtn b {        padding-left: 10px;        padding-right: 30px;        display: inline-block;	}	.rtl .newEntryLink .livePDFIcon,	.rtl .newEntryLink .liveAddIcon,	.rtl .newEntryLink .liveEditIcon,	.rtl .newEntryLink .livePlusIcon {		margin-right: 0 !important;		margin-left: 5px !important;	}	.newEntryLink .livePDFIcon {		width: 19px !important;		height: 22px !important;	}	.backgroundSecBg.thankyouPageFocusCont {		outline: none;		display: flex;	}	.backgroundSecBg.thankyouPageFocusCont.jsEmbedResizeTyPage {		padding-top: 25px;		padding-bottom: 25px;	}	.thankyouPageWrap .templateWrapper table{		border-color:var(--label-txt-clr) !important;	}	.popGeneratePdf .popUpInner {		padding: 30px 30px 40px 30px;	}	.popGeneratePdf .popUpFields label {		line-height: 25px;		padding: 12px 30px 5px;		font-size: var(--instruction-txt-size);		text-align: center;		margin-bottom: 0px;	}	.popGeneratePdfNew .popUpInner {		background: #fff !important;	}	.popGeneratePdfNew .popupMainCont {		color: #ff0000 !important;	}	.downLoadFailed {		top: 0px;		position: absolute;		right: -40px;	}	.rtl .downLoadFailed  {		left: -40px;		right: auto;	}	.downLoadFailed .delete_icon {		width: 12px;		height: 12px;		background: #d1d1d1;		border-radius: 30px;		padding: 8px;		fill: #222;	}	.downLoadFailed  svg:hover {		background: #fff;	}	.thankyouPageWrap .thankyouPageBtn {		overflow: hidden;	}	.type1 .thankyouPageBtn svg.livePlusIcon{		width: 20px !important;		height: 20px !important;	}	.type3 .thankyouPageBtn svg.livePlusIcon{		width: 24px !important;		height: 24px !important;	}	.type4 .thankyouPageBtn svg.livePlusIcon{		width: 35px !important;		height: 25px !important;	}	.type5 .thankyouPageBtn svg.livePlusIcon{		width: 35px !important;		height: 25px !important;	}	.type6 .thankyouPageBtn svg.livePlusIcon{		width: 35px !important;		height: 27px !important;	}	.type1 .thankyouPageBtn svg.liveEditIcon{		width: 20px !important;		height: 15px !important;	}	.type3 .thankyouPageBtn svg.liveEditIcon{		width: 25px !important;		height: 17px !important;	}	.type4 .thankyouPageBtn svg.liveEditIcon{		width: 35px !important;		height: 20px !important;	}	.type5 .thankyouPageBtn svg.liveEditIcon{		width: 35px !important;		height: 20px !important;	}	.type6 .thankyouPageBtn svg.liveEditIcon {		width: 35px !important;		height: 20px !important;	}	.type1 .thankyouPageBtn svg.livePDFIcon {		width: 20px !important;		height: 17px !important;	}	.type3 .thankyouPageBtn svg.livePDFIcon {		width: 25px !important;		height: 20px !important;	}	.type4 .thankyouPageBtn svg.livePDFIcon {		width: 35px !important;		height: 24px !important;	}	.type5 .thankyouPageBtn svg.livePDFIcon {		width: 35px !important;		height: 24px !important;	}	.type6 .thankyouPageBtn svg.livePDFIcon {		width: 35px !important;		height: 24px !important;	}	.sfthankyouSummary table tr th {		border-top: 1px solid var(--label-txt-clr);		border-right: 1px solid var(--label-txt-clr);		padding: 8px 10px;		text-align: left;		width: 50%;	}	.sfthankyouSummary table {		width: 100%;		border-collapse: collapse;		border: 1px solid var(--label-txt-clr);	}	.sfthankyouSummary table tr {		border-collapse: collapse;	}	.sfthankyouSummary table tr td {		border-top: 1px solid var(--label-txt-clr);		border-right: 1px solid var(--label-txt-clr);		padding: 8px 10px;		text-align: left;		width: 50%;	}	.sfthankyouInline table {		width: 100%;		border-collapse: collapse;	}	.sfthankyouInline {		width: 100%;		display: block;		border: 1px solid var(--label-txt-clr);		overflow: auto;	}	.sfthankyouInline table tr td {		border-right: 1px solid var(--label-txt-clr);		border-top: 1px solid var(--label-txt-clr);		padding: 5px 10px;		text-align: left;	}	.sfthankyouInline table tr th {		border-right: 1px solid var(--label-txt-clr);		padding: 5px 10px;		text-align: left;		min-width: 80px;	}	.sfthankyouInline table tr th:last-child {		border-right: none;	}	.thankyouPageWrap.layout3 .centerContainer {		background:rgba(var(--form-cont-bg-clr), var(--form-cont-bg-opacity));		border: var(--form-cont-bdr-width) var(--form-cont-bdr-style) var(--form-cont-bdr-clr);		border-top-left-radius: var(--form-cont-bdr-topleft-radius);		border-top-right-radius: var(--form-cont-bdr-topright-radius);		border-bottom-left-radius: var(--form-cont-bdr-bottomleft-radius);		border-bottom-right-radius: var(--form-cont-bdr-bottomright-radius);		box-shadow: 0px 0px var(--form-cont-shadow-spread) 0px var(--form-cont-shadow-clr);	}	.thankyouPageWrap.grad_formCont.layout3 .centerContainer{		background: linear-gradient(var(--form-cont-gradient-angle), rgba(var(--form-cont-gradient-start-clr), var(--form-cont-gradient-start-clr-opacity)) var(--form-cont-gradient-start-percent), rgba(var(--form-cont-gradient-end-clr), var(--form-cont-gradient-end-clr-opacity)) var(--form-cont-gradient-end-percent)) !important;	}	.encryptLoad_Txt {		font-size: var(--description-txt-size);		color:var(--label-txt-clr);		text-align: center;		position: relative;		margin-top: 10px;	}	.encryptLoad_Txt em {		font-size: 55px;		animation-name: of_blink;		animation-duration: 1.4s;		animation-iteration-count: infinite;		animation-fill-mode: both;		color:var(--label-txt-clr);		padding-left: 5px;		line-height: 0;	}	.encryptMsgTxt {		padding: 0px 30px 10px;		line-height: 26px;	}	.encryptLoad_Txt em:nth-child(2) {		animation-delay: 0.2s;	}	.encryptLoad_Txt em:nth-child(3) {		animation-delay: 0.4s;	}	@keyframes of_blink {		0% {			opacity: 0.2;		}		20% {			opacity: 1;		}		100% {			opacity: 0.2;		}	}/************************************	jQueryUI - overwritten cases************************************/	.ui-corner-all {		-webkit-border-radius: 2px;		-moz-border-radius: 2px;		border-radius: 2px;	}	.ui-state-default,	.ui-widget-content .ui-state-default,	.ui-widget-header .ui-state-default {		color: rgb(var(--value-txt-clr)) !important;	}	.ui-widget-header {		background: none;		border: none;	}	.ui-widget-content {		background: none;		background-color: rgb(var(--elements-clr));		color: rgb(var(--value-txt-clr)) !important;		border: 1px solid rgb(var(--value-txt-clr));	}	.ui-widget input {		font-size: var(--date-picker-txt-size);		height: 30px;		border-radius: 3px;		box-sizing: border-box;		background: rgba(var(--elements-clr)) !important;		border: 1px solid rgb(var(--value-txt-clr)) !important;		color: rgb(var(--value-txt-clr)) !important;		font-family: var(--body-font), var(--body-font-fallback);	}	.fullPage_subfrmInner .ui-widget input {		font-size: var(--sf-date-picker-txt-size);	}	.ui-widget-header .ui-icon-circle-triangle-e {		content: " ";		border-right: 2px solid rgb(var(--value-txt-clr));		border-top: 2px solid rgb(var(--value-txt-clr));		width: 11px;		height: 11px;		transform: rotate(45deg);		cursor: pointer;		display: block;		background: none;		margin-top: -5px !important;		opacity: 0.4;	}	.ui-widget-header .ui-icon-circle-triangle-w {		content: " ";		border-left: 2px solid rgb(var(--value-txt-clr));		border-bottom: 2px solid rgb(var(--value-txt-clr));		width: 11px;		height: 11px;		transform: rotate(45deg);		cursor: pointer;		display: block;		background: none;		margin-top: -5px !important;		opacity: 0.4;	}	.ui-state-hover {		background: none !important;		border: none !important;		border-radius: 30px;	}	.ui-state-hover:hover .ui-icon-circle-triangle-e,	.ui-state-hover:hover .ui-icon-circle-triangle-w {		opacity: 1;	}/************************************	Month-Year Picker************************************/    .monthYearSelect {        position: absolute;        z-index: 999;    }    .monthandYearPicker {        position: relative;    	 width: 350px;    	 height: auto;    	 border-radius: 3px;    	 background: #FFF;    	 z-index: 1;    	 background-color: rgb(var(--elements-clr));    	 color: var(--value-txt-clr) !important;    	 border: 1px solid rgb(var(--value-txt-clr));    }    .yearValue {        padding: 12px 10px;        display: flex;        align-items: center;        justify-content: center;        border-bottom: 1px solid var(--value-txt-clr);    }        .monthListCont {        padding: 12px 10px 0;    }        .monthListCont ul {        display: flex;        justify-content: start;        flex-wrap: wrap;    }        .select2-container--default.select2MonthYear.select2-container--open .select2-selection--single .select2-selection__arrow b {    border-color: transparent transparent rgba(var(--value-txt-clr)) transparent !important;    border-width: 0 4px 5px 4px !important;}    .monthListCont ul li {        border-radius: 4px;    	 padding: 10px 15px;    	 min-width: 45px;     	 color: rgb(var(--value-txt-clr)) !important;    	 font-size: var(--date-picker-txt-size) !important;    	 cursor: pointer;    	 margin-bottom: 12px;    	 margin-right: 4px;    	 text-align: center;    	 border: 1px solid transparent;        list-style: none;    }        .monthListCont ul li:hover {        background-color: rgba(var(--value-txt-clr), .1) !important;    	font-weight: normal;      	color: rgb(var(--value-txt-clr)) !important;    	border-radius: 50px;    }         .monthListCont ul li.select, .yearValueDropDown ul li.select {	    background: transparent !important;	    color: rgb(var(--value-txt-clr)) !important;	    border-radius: 50px;	    border: 1px solid rgb(var(--value-txt-clr)) !important;}    .monthListCont ul li.currentMnth {	    border: 1px solid transparent !important;	    border-radius: 50px;	    background-color: rgba(var(--value-txt-clr), .1) !important;	    font-weight: normal;	    color: rgb(var(--value-txt-clr)) !important;}    .yearValueDropDown {        z-index: 1;    }        .yearSearch {        padding: 0 8px;    }        .yearSearch input[type="text"] {        padding: 6px 5px;    }        .yearValueDropDown span.select2-selection.select2-selection--single {        border: 1px solid rgb(var(--value-txt-clr)) !important;        outline: none;        background-color: rgb(var(--elements-clr)) !important;        height: auto;        border-radius: var(--input-radius);    }    .yearValueDropDown span.select2.select2-container.select2-container--default {        width: 90px !important;    }        .select2-container--default.select2MonthYear .select2-search--dropdown .select2-search__field {        padding-right: 0 !important;        padding: 5px 4px !important;    }        .select2-container--default.select2MonthYear .select2-results__option[aria-selected=true] {    	background-color: rgba(var(--value-txt-clr), .1);    	color: rgba(var(--value-txt-clr));    }    .yearValueDropDown .select2-container--default .select2-selection--single .select2-selection__rendered {         line-height: 30px;         font-weight: bold;         color: rgb(var(--value-txt-clr)) !important;         font-size: var(--date-picker-txt-size);         text-align: center;    }    .yearValueDropDown .select2-container--default .select2-selection--single .select2-selection__arrow {    	right: 4px;    	top: 2px;    }    .rtl .yearValueDropDown .select2-container--default .select2-selection--single .select2-selection__arrow {        left: 4px;    }        .select2-container--default.select2MonthYear .select2-results .select2-results__options {        max-height: 130px;    }        .formFieldWrapper .tempFrmWrapper.monthYearContDiv {        overflow: visible;    }    .monthListCont ul li.disabledMonth {        opacity: 0.4;        pointer-events: none;    }    .select2MonthYear .select2-search__field{        border-radius:3px;        border: 1px solid #ededed !important;    }        .select2MonthYear .select2-dropdown .select2-results__option--highlighted[aria-selected] {    	font-weight: normal;    	background: rgba(var(--value-txt-clr), .1);    	color: rgb(var(--value-txt-clr));    }        .select2MonthYear .select2-dropdown{         border: 1px solid rgb(var(--value-txt-clr)) !important;         background-color: rgb(var(--elements-clr));    }        .select2-container--default.select2MonthYear .select2-selection--single .select2-selection__arrow b,    .select2-container--default.select2MonthYear.select2-container--open .select2-selection--single .select2-selection__arrow b {    	border-color: rgb(var(--value-txt-clr)) transparent transparent transparent;	border-style: solid;	border-width: 5px 4px 0 4px;	height: 0;	left: 50%;	margin-left: -4px;	margin-top: -2px;	position: absolute;	top: 50%;	width: 0;    }        .rtl .yearValueDropDown .select2-container--default .select2-selection--single .select2-selection__rendered {        padding-left: 20px;        padding-right: 8px;    }    .monthAnimateDiv {        transition: left 0.2s linear;    }        .select2MonthYear .select2-results__option {        font-size: var(--date-picker-txt-size);    }    .miniCont480 .monthandYearPicker,     .miniCont580 .monthandYearPicker {   		 width: 263px;}.miniCont580 .mainMYPickerUl ul li {    padding: 7px 9px;    min-width: 35px;    margin-right: 7px;}.miniCont580 .mainMYPickerUl ul li:last-child {     margin-right: 0;}		.imgLeft {	    background-position: top left;	}	.imgRight {	    background-position: top right;	}	.imgCenter {	    background-position: top center;	}.zfHideLabel {	display: none;}.searchDivCont svg.icon.icon_ofSerchIcn, .searchDivCont svg.icon.OfDelete_icon {    position: absolute;    width: 22px;    height: 22px;    stroke-width: 1.3px;    fill: rgb(var(--value-txt-clr));    stroke: rgb(var(--value-txt-clr));    cursor: pointer;    top: 50%;    transform: translateY(-50%);    right: calc(var(--input-bdr-right-width) + 8px);    left: auto;    opacity: 0.7;}.searchDivDisable svg.icon.icon-Close-Icon01 {    display: block !important;}.searchDivCont svg.icon.OfDelete_icon {     width: 10px;    height: 10px;    display: none;    right: calc(var(--input-bdr-right-width) + 8px);    fill: rgb(var(--value-txt-clr));    stroke: rgb(var(--value-txt-clr));    stroke-width: 1.7px;}.searchDivCont svg.icon_ofSerchIcn:hover {    fill: rgb(var(--value-txt-clr))    stroke: rgb(var(--value-txt-clr))}.searchDivEnable .extraWrapper input[ui_type="textbox"] {    padding-right: 44px !important;    padding-left: 5px !important;}.searchDivCont .fieldtypeText .dropotherDiv input[ui_type="textbox"] {    padding-right: 44px;}.rtl .searchDivCont .fieldtypeText .dropotherDiv input[ui_type="textbox"] {    padding-left: 44px;	padding-right: 8px !important;}.searchDivCont  svg.icon.icon_ofSerchIcn {    display: none;}.searchDivEnable input[ui_type="textbox"] {    padding-right: 35px !important;}.rtl .searchDivEnable input[ui_type="textbox"] {	padding-right: 10px;}.searchDivEnable em.crm_searchImg {    position: absolute;    top: 50%;    transform: translateY(-50%);}.searchDivEnable  svg.icon.icon_ofSerchIcn {    display: block;}.searchDivDisable svg.icon.icon_ofSerchIcn {    display: none !important;}.searchDivDisable input[ui_type="textbox"] {    -webkit-opacity: 1;    cursor: not-allowed;    opacity: .6;    cursor: not-allowed;	background: rgba(var(--disabled-bg-clr), var(--disabled-bg-opacity));    border-color: var(--disabled-bdr-clr) !important;	padding-right: 35px !important;	color: var(--disabled-txt-clr) !important;}.searchDivDisable .extraWrapper.otherChoiceAnimate input[ui_type="textbox"] {    background: rgba(var(--disabled-bg-clr), var(--disabled-bg-opacity)) !important;    border-color: var(--disabled-bdr-clr) !important;}.searchDivDisable svg.icon.icon-Serch-Icon01 {    display: none !important;}.rtl .searchDivDisable input[ui_type="textbox"] {    padding-right: 10px;	 padding-left: 30px;}.searchDivCont b.inptCont{    position: relative;	display: block;}.searchDivCont.searchDivDisable svg.icon.OfDelete_icon {    display: block;}.rtl .searchDivCont svg.icon.icon_ofSerchIcn, .rtl .searchDivCont svg.icon.OfDelete_icon {    right: auto;    left: calc(var(--input-bdr-left-width) + 8px);}.rtl .searchDivEnable .fieldtypeText.ofIconCont input[ui_type="textbox"]{    padding-left: 34px !important;	padding-right: 34px !important;}.rtl .searchDivDisable .dropotherDiv input[ui_type="textbox"] {    padding-right: 10px !important;}.webHookErorCont svg.icon.icon-info-large {    width: 30px;    height: 30px;    stroke-width: 0.5px;}.popUpInner.webHookErorCont .popUpFields {    display: flex;    align-items: center;    justify-content: center;    flex-direction: column;    text-align: center;}.popUpInner.webHookErorCont .popAlertTxt {    font-size: 16px;    margin-top: 16px;    line-height: 22px;}.popUpInner.webHookErorCont {    padding: 32px 30px;}.fieldtypeText.searchDivDisable input[ui_type="textbox"]~em.inputClearDiv, .oneFldDrpDwnSel2 em.inputClearDiv {    display: block !important;}.searchDivEnable em.inputClearDiv {    display: none !important;}.rtl .searchDivEnable .extraWrapper input[ui_type="textbox"] {    padding-right: 5px !important;    padding-left: 44px !important;}.fieldModel_4 .searchDivCont svg.icon.icon_ofSerchIcn, .fieldModel_4 .searchDivCont svg.icon.OfDelete_icon {    top: calc((100% - var(--input-bdr-bottom-width)) / 2);}.searchDivEnable .customDropDownof em.inputClearDiv {    display: block !important;}.advLabelName a {    text-decoration: revert;    color: revert;}.thankyouPageWrap.ofliveErrMsgWrapper.geoLocationPopup .sideIcons{	display:none;}.geoLocationPopup span:focus {    outline: none;}.geoLocationPopup .tyTemplateWidth{    overflow: auto;}.addrMapDiv {    z-index: 999;    padding: 0;    box-sizing: border-box;    border: 1px solid rgb(var(--value-txt-clr));    border-radius: 3px;    background: rgb(var(--elements-clr));    position: absolute;    top: 0px;    left: 0px;}.addrMapDiv li {    margin: 0 0;    padding: 10px 10px;    cursor: pointer;    list-style: none;    color: rgb(var(--value-txt-clr));    font-size: var(--drpdwn-list-txt-size);}.addrMapDiv li:hover {    background: rgba(var(--value-txt-clr), .1);    color: rgb(var(--value-txt-clr));}.addrMapDiv li.select {    background: rgba(var(--value-txt-clr), .1);    color: rgb(var(--value-txt-clr));}.pageTypeNew em.bdr_lineProgress,.pageTypeNew .bdr_lineDiv {  height: 1.2px;  opacity: 0.6;}.newPageModel .pageNav1,.newPageModel .pageNav2,.newPageModel .pageNav3,.newPageModel .pageNav4 {  display: none;}.pageNavStyle1 .pageTypeNew,.pageNavStyle2 .pageTypeNew,.pageNavStyle3 .pageTypeNew,.pageNavStyle4 .pageTypeNew,.pageNavStyleOff .pageTypeNew {  display: none;}.pageNav5 .pageSect span {    border-radius: 50px;    background: #fff;    border: 1px solid var(--page-unvisited-bg-clr);    z-index: 1;    position: relative;    margin-top: -2px;}.pageNav5 .pageSect span:after {  width: 14px;  height: 14px;  position: absolute;  content: "";  background: var(--page-unvisited-bg-clr);  border-radius: 50px;}.pageNav5 .pageSect span em {  opacity: 0;}.pageNav5 .pageSect.selected span {  border-color: var(--page-visited-bg-clr);}.pageNav5 .pageSect.selected span:after {  background: var(--page-visited-bg-clr);}.type4 .pageNav8 .pageProNew em.bdr_lineDiv,.type4 .pageNav8 .pageProNew em.bdr_lineProgress,.type5 .pageNav8 .pageProNew em.bdr_lineDiv,.type5 .pageNav8 .pageProNew em.bdr_lineProgress,.type6 .pageNav8 .pageProNew em.bdr_lineDiv,.type6 .pageNav8 .pageProNew em.bdr_lineProgress {  top: 18px;}.pageNav6 .pageSect span {  width: 32px;  height: 26px;}.pageNav6 span:after {  width: 0;  height: 0;  border-left: 4px solid transparent;  border-right: 4px solid transparent;  border-top: 7px solid var(--page-unvisited-bg-clr);  font-size: 0;  line-height: 0;  float: left;  position: absolute;  content: "";  bottom: -5px;}.pageNav6 .pageSect.selected span:after {  border-top: 7px solid var(--page-visited-bg-clr);}.type4 .pageNav6 .pageSect span,.type5 .pageNav6 .pageSect span,.type6 .pageNav6 .pageSect span {  width: 40px;  height: 30px;  font-size: 20px;  --page-nav-number-size: clamp(18px, 0.71vw + 14.57px, 20px);}.type4 .pageNav6 .pageProNew em.bdr_lineDiv,.type4 .pageNav6 .pageProNew em.bdr_lineProgress,.type5 .pageNav6 .pageProNew em.bdr_lineDiv,.type5 .pageNav6 .pageProNew em.bdr_lineProgress,.type6 .pageNav6 .pageProNew em.bdr_lineDiv,.type6 .pageNav6 .pageProNew em.bdr_lineProgress {  top: 20px !important;}.pageNav7 .pageSect span {  border-radius: 50px;  width: 18px !important;  height: 18px !important;  top: 4px;}.type4 .pageNav7 .pageSect span,.type5 .pageNav7 .pageSect span,.type6 .pageNav7 .pageSect span {  width: 22px !important;  height: 22px !important;  top: 3px;}.pageNav7 .pageSect span em {  opacity: 0;}.pageNav8 .pageSect span {  width: 40px;  border-radius: 20px;  height: 26px;  margin-top: 0px;}.pageWrapper.type4 .pageNav8 .pageSect span,.pageWrapper.type5 .pageNav8 .pageSect span,.pageWrapper.type6 .pageNav8 .pageSect span {  width: 42px;  height: 28px;  --page-nav-number-size: clamp(17px, 0.71vw + 13.57px, 19px);  font-size: 20px;}.pageNav9 .pageSect span {  aspect-ratio: cos(30deg);  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);  max-width: 20rem;  width: 30px;  height: 32px;  margin-top: -2px;}.pageWrapper.type4 .pageNav9 .pageSect span,.pageWrapper.type5 .pageNav9 .pageSect span,.pageWrapper.type6 .pageNav9 .pageSect span {  width: 38px;  height: 40px !important;  margin-top: -2px;  --page-nav-number-size: clamp(17px, 0.71vw + 13.57px, 19px);  font-size: 20px;}.type4 .pageNav9 .pageProNew em.bdr_lineDiv,.type4 .pageNav9 .pageProNew em.bdr_lineProgress,.type5 .pageNav9 .pageProNew em.bdr_lineDiv,.type5 .pageNav9 .pageProNew em.bdr_lineProgress,.type6 .pageNav9 .pageProNew em.bdr_lineDiv,.type6 .pageNav9 .pageProNew em.bdr_lineProgress {  top: 23px !important;}.pageNav10 .pageSect span {  clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 20% 50%, 0% 0%);  width: 44px;  height: 26px;  border-radius: 5px;}.thmeNavTypeStyle.navTypeStyle11 span:after {  display: none;}.pageNav10 .pageSect span em {  margin-left: 1px;}.rtl .pageNav10 .pageSect span {    clip-path: polygon(25% 0%, 0% 50%, 25% 100%, 100% 100%, 80% 50%, 100% 0%);}.type4 .pageNav10 .pageSect span,.type5 .pageNav10 .pageSect span,.type6 .pageNav10 .pageSect span {  width: 58px;  height: 33px;  --page-nav-number-size: clamp(17px, 0.71vw + 13.57px, 19px);  font-size: 20px;}.type4.pageNavScroll .pageNav10 .pageProNew em.bdr_lineDiv,.type4.pageNavScroll .pageNav10 .pageProNew em.bdr_lineProgress,.type5.pageNavScroll .pageNav10 .pageProNew em.bdr_lineDiv,.type5.pageNavScroll .pageNav10 .pageProNew em.bdr_lineProgress,.type6.pageNavScroll .pageNav10 .pageProNew em.bdr_lineDiv,.type6.pageNavScroll .pageNav10 .pageProNew em.bdr_lineProgress {  top: 21px !important;}.pageNav11 .pageSect span {    width: 30px;    height: 30px;    transform: rotate(45deg);    border-radius: 2px;}.pageWrapper.type4 .pageNav11 .pageSect span,.pageWrapper.type5 .pageNav11 .pageSect span,.pageWrapper.type6 .pageNav11 .pageSect span {  width: 38px;  height: 38px;  --page-nav-number-size: clamp(17px, 0.71vw + 13.57px, 19px);  font-size: 20px;}.pageNavScroll .pageNav11 .pageProNew {    padding-top: 9px;    padding-left: 3px;}.pageNavScroll .pageNav11 .pageProNew em.bdr_lineProgress,.pageNavScroll .pageNav11 .pageProNew em.bdr_lineDiv {  top: 23px;}.pageNav11 .pageSect span em {    transform: rotate(-45deg);}.type4.pageNavScroll .pageNav11 .pageProNew em.bdr_lineDiv,.type4.pageNavScroll .pageNav11 .pageProNew em.bdr_lineProgress,.type5.pageNavScroll .pageNav11 .pageProNew em.bdr_lineDiv,.type5.pageNavScroll .pageNav11 .pageProNew em.bdr_lineProgress,.type6.pageNavScroll .pageNav11 .pageProNew em.bdr_lineDiv,.type6.pageNavScroll .pageNav11 .pageProNew em.bdr_lineProgress {  top: 28px !important;}.pageTypeNew svg.icon.icon-star {  display: none;}.pageTypeNew .pageSect span.cur_ActivePage, .pageTypeNew .cur_ActivePage:after {  outline: none !important;}.type4 .pageNav5 .pageSect span:after, .type5 .pageNav5 .pageSect span:after, .type6 .pageNav5 .pageSect span:after {    width: 16px;    height: 16px;}.gBrand{ padding: 10px 10px; text-align: right; background: #fff; color: #5F6367; text-transform: UPPERCASE; font-size: 12px; box-shadow: 0px 0px 5px #ececec;}.gBrand .gBrandCont {    display: inline-flex;    justify-content: flex-end;    flex-wrap: wrap;}.rtl .gBrand .gBrandCont {    flex-direction: row-reverse;    justify-content: end;    display: flex;}.gBrand .gBrandCont .brandImg{    margin-left:8px;    width: 50px;} .noChoiceState {   height: 56px;    padding: 0 10px;    display: flex;    align-items: center;    justify-content: center;    font-size: var(--instruction-txt-size);    border-bottom: 0.6px solid var(--label-txt-clr);    border-top: 0.6px solid var(--label-txt-clr);    opacity: 0.6;    width: 100%;    box-sizing: border-box;}.noChoiceState p {    font-size: var(--instruction-txt-size);    color: var(--label-txt-clr);}.customRadio.chioceFieldRestriction .noChoiceState, .customCheckBox.chioceFieldRestriction .noChoiceState{    margin-bottom: 12px;} .oneColumn, .twoColumn, .threeColumn{	border-bottom-left-radius:5px;	border-bottom-right-radius:5px;	padding: var(--fields-ver-space-top) var(--grid-cont-space-right) var(--fields-ver-space-bottom) var(--grid-cont-space-left);	padding-top: 0;	padding-bottom: 0;}.twoColumn{	display: flex;	flex-wrap: nowrap;	gap: var(--grid-col-between-space);}.twoColumn .col{	flex: 1 1;	overflow-x: hidden;}.threeColumn{	display: flex;	flex-wrap: nowrap;    gap: var(--grid-col-between-space);}.threeColumn .col{	flex: 1 1;	overflow-x: hidden;}.twoColumn .col .fieldtypeText, .threeColumn .col .fieldtypeText{	width: 100% !important;}.layout3.gridStyle1 .grid_Wrapper > .fieldContainer > .zfLabelDiv{	padding-top: 0;}.leftAlign .grid_Wrapper .twoColumn .zfLabelDiv, .rightAlign .grid_Wrapper .twoColumn .zfLabelDiv, .leftAlign .grid_Wrapper .threeColumn .zfLabelDiv, .rightAlign .grid_Wrapper .threeColumn .zfLabelDiv{	float: none;	width: 100%;	padding-left: 0;	padding-right: 0;	text-align: left;}.leftAlign .grid_Wrapper .twoColumn .zfFieldDiv_cont, .rightAlign .grid_Wrapper .twoColumn .zfFieldDiv_cont, .leftAlign .grid_Wrapper .threeColumn .zfFieldDiv_cont, .rightAlign .grid_Wrapper .threeColumn .zfFieldDiv_cont{	float: none;	width: 100%;}.rtl .leftAlign .grid_Wrapper > .fieldContainer > .zfLabelDiv, .rtl .rightAlign .grid_Wrapper > .fieldContainer > .zfLabelDiv{	padding-right: var(--grid-label-hor-space-right);	padding-left: var(--grid-label-hor-space-left);}.rtl .leftAlign .grid_Wrapper .twoColumn .zfLabelDiv, .rtl .rightAlign .grid_Wrapper .twoColumn .zfLabelDiv{text-align: right;}.rtl .leftAlign .grid_Wrapper .threeColumn .zfLabelDiv, .rtl .rightAlign .grid_Wrapper .threeColumn .zfLabelDiv{text-align: right;}.gridExpandIcn .gridLabel{	display: block;	width: 90%;	float: left;}.gridExpandIcn .gridLabelCont{	float: left;    width: 88%;}.gridLabelCont .fieldlabel{	font-size: var(--section-title-txt-size);}.gridLabelCont .zfInstruction{	font-size: var(--section-instruction-txt-size);}/* .grid_Wrapper .zfHideLabel{	display: none !important;} */.twoColumn .col .zfaudioVidCont, .threeColumn .col .zfaudioVidCont{	width: 100% !important;}.layout3 .col .fieldContainer{	background: transparent;	border: none;	box-shadow: none;	padding: 0;	border-radius: 0;	overflow: visible;	margin-top: 16px;	margin-bottom: 16px;}.grad_formCont.layout3 .col .fieldContainer {    background: transparent;}.col .fieldContainer{	padding-left: 0;	padding-right: 0;}.gridLabel{	padding: 12px var(--grid-label-hor-space-right) 12px var(--grid-label-hor-space-left);		border-top-left-radius: 5px;	border-top-right-radius: 5px;	width: 100%;	display: inline-block;	box-sizing: border-box;}.gridStyle1 .gridLabel{	padding-top: 0;	padding-bottom: 0;}.gridStyle1 .gridErrDiv .gridLabel{	padding-top: 12px;	padding-bottom: 12px;}.gridStyle1 .col .fieldWrapper:last-child .fieldContainer {    padding-bottom: 0;}.gridStyle1 .gridHideHdr .col .fieldWrapper:first-child .fieldContainer {    padding-top: 0;}.grid_Wrapper > .fieldContainer{	 padding: 0;	 border-radius: 5px;}.grid_Wrapper > .fieldContainer > .zfLabelDiv{	padding: 16px var(--grid-label-hor-space-right) 16px var(--grid-label-hor-space-left);}.gridExpandIcn{	overflow: hidden;	cursor: pointer;	transition: all .5s ease-out;}.gridClose{	border-radius: 5px;	transition: .5s;}.gridExpandIcn.gridLabel .fieldlabel:hover{ 	cursor: pointer;	}.gridLabel em{    position: relative;    top: 2px;    cursor: pointer;    padding: 2px;    float: right;}.grid_Wrapper {    padding: var(--fields-ver-space-top) var(--fields-hor-space-right) var(--fields-ver-space-bottom) var(--fields-hor-space-left);    box-sizing: border-box;    margin: 0;}.layout3 .grid_Wrapper {    padding: 30px var(--fields-hor-space-right) 30px var(--fields-hor-space-left);    box-sizing: border-box;    margin: var(--fields-ver-space-top) 0px var(--fields-ver-space-bottom) 0px;    background: rgba(var(--form-cont-bg-clr), var(--form-cont-bg-opacity));    border: var(--form-cont-bdr-width) var(--form-cont-bdr-style) var(--form-cont-bdr-clr);    border-top-left-radius: var(--form-cont-bdr-topleft-radius);    border-top-right-radius: var(--form-cont-bdr-topright-radius);    border-bottom-left-radius: var(--form-cont-bdr-bottomleft-radius);    border-bottom-right-radius: var(--form-cont-bdr-bottomright-radius);    box-shadow: 0px 0px var(--form-cont-shadow-spread) 0px var(--form-cont-shadow-clr);    overflow: hidden;    display: inline-block;    width: 100%;}.layout3 .grid_Wrapper > .fieldContainer {	margin: 0;	box-shadow: none;	border: none;	border-radius:0;	background: transparent;}.grid_Wrapper svg.thinArrowClose {    width: 16px;    height: 16px;    stroke-width: 2px;    fill: var(--label-txt-clr);    stroke: var(--label-txt-clr);    transform: rotate(-90deg);    transition: .5s;}.gridClose svg.thinArrowClose{	transform: rotate(90deg);}.gridStyle2 .grid_Wrapper > .fieldContainer, .gridStyle3 .grid_Wrapper > .fieldContainer{	border: 1px solid var(--grid-bdr-clr);	border-radius: 5px;}.gridStyle3 .oneColumn, .gridStyle3 .twoColumn, .gridStyle3 .threeColumn{	background:rgba(var(--grid-cont-bg-clr), var(--grid-cont-bg-opacity));}.gridStyle2 .gridLabel, .gridStyle3 .gridLabel{   border-bottom: 1px solid var(--grid-title-bdr-clr);}.gridStyle3 .gridLabel{   background: rgba(var(--grid-title-bg-clr), var(--grid-title-bg-opacity));}.gridStyle3.grad_gridHeader .gridLabel{	background: linear-gradient(var(--grid-header-gradient-angle), rgba(var(--grid-header-gradient-start-clr), var(--grid-header-gradient-start-clr-opacity)) var(--grid-header-gradient-start-percent), rgba(var(--grid-header-gradient-end-clr), var(--grid-header-gradient-end-clr-opacity)) var(--grid-header-gradient-end-percent));	background-origin: border-box;}.gridStyle3.grad_gridCont .oneColumn, .gridStyle3.grad_gridCont .twoColumn, .gridStyle3.grad_gridCont .threeColumn{	background: linear-gradient(var(--grid-cont-gradient-angle), rgba(var(--grid-cont-gradient-start-clr), var(--grid-cont-gradient-start-clr-opacity)) var(--grid-cont-gradient-start-percent), rgba(var(--grid-cont-gradient-end-clr), var(--grid-cont-gradient-end-clr-opacity)) var(--grid-cont-gradient-end-percent));	background-origin: border-box;}.grad_formCont.layout3 .grid_Wrapper{	background: linear-gradient(var(--form-cont-gradient-angle), rgba(var(--form-cont-gradient-start-clr), var(--form-cont-gradient-start-clr-opacity)) var(--form-cont-gradient-start-percent), rgba(var(--form-cont-gradient-end-clr), var(--form-cont-gradient-end-clr-opacity)) var(--form-cont-gradient-end-percent));    background-origin: border-box;}.layout3.gridStyle1 .grid_Wrapper .zfHideLabel ~ .oneColumn .col .fieldWrapper:first-child .fieldContainer, .layout3.gridStyle1 .grid_Wrapper .zfHideLabel ~ .twoColumn .col .fieldWrapper:first-child .fieldContainer, .layout3.gridStyle1 .grid_Wrapper .zfHideLabel ~ .threeColumn .col .fieldWrapper:first-child .fieldContainer{	margin-top: 0px;}.layout3.gridStyle1 .grid_Wrapper .col .fieldWrapper:last-child .fieldContainer{	margin-bottom: 0px;}.rtl .grid_Wrapper .gridLabel em{	float: left;}.rtl .gridLabelCont{	float: right;}.gridErrDiv{	border: none !important;}.gridErrDiv .gridClose{	border: 1px solid var(--error-txt-clr);		padding-left: 16px;	padding-right: 16px;}.gridErrorOuter{	display: block;}.gridErrCount{    padding-right: 4px;    font-size: calc(var(--error-txt-size) + 1px);    font-weight: 600;}.gridFieldContainer{    overflow: hidden;}.gridStyle2 .gridClose.gridLabel, .gridStyle3.gridClose.gridLabel{	/*border-bottom: none;	transition: border 1s ease;*/}.gridStyle2 .gridErrDiv .gridClose.gridLabel, .gridStyle3 .gridErrDiv .gridClose.gridLabel{	border-bottom: 1px solid var(--error-txt-clr);}.twoColumn .col .hoverTxtDiv, .threeColumn .col .hoverTxtDiv  {	opacity: 1;	visibility: visible;	display: none;	transition: all .5s ease-out;}.twoColumn .col .hoverTxtDiv-fadeIn, .threeColumn .col .hoverTxtDiv-fadeIn {	display: block;	transition: all .5s ease-out;}.zfReviewWrap .gridHdrTxt{	padding-bottom: 8px !important;}.gridStyle3 .gridNoFieldDiv{    overflow: hidden;    background: rgba(var(--grid-cont-bg-clr), var(--grid-cont-bg-opacity));}.gridStyle3.grad_gridCont .gridNoFieldDiv {	background: linear-gradient(var(--grid-cont-gradient-angle), rgba(var(--grid-cont-gradient-start-clr), var(--grid-cont-gradient-start-clr-opacity)) var(--grid-cont-gradient-start-percent), rgba(var(--grid-cont-gradient-end-clr), var(--grid-cont-gradient-end-clr-opacity)) var(--grid-cont-gradient-end-percent));	background-origin: border-box;}.gridEmpty_txtLive {    text-align: center;    padding: 20px 0px 20px;    font-size: var(--instruction-txt-size);    color: var(--label-txt-clr);}.gridLabel.gridExpandIcn:focus-visible em{	border-radius: 5px;    outline-offset: 1px;    outline: 1px solid var(--label-txt-clr);}.gridStyle1 .gridLabel em {	margin-right:2px;}.rtl.gridStyle1 .gridLabel em {	margin-left:2px;	margin-right:0px;}.zfEmailVerfyPop {	position: fixed;	top: 0;	left: 0;	right: 0;	bottom: 0;	z-index: 999;	background: rgba(25, 35, 43, 0.85);	padding: 30px;	display: none;	overflow-y: auto;}.zfEmailVerfyWrap {    background: rgba(var(--popup-bg-clr));    padding: 38px 24px 38px 24px;    border-radius: 6px;    box-sizing: border-box;    max-width: 550px;    margin: 4% auto 0 auto;    position: relative;    overflow: hidden;}.zfEmailVerfyWrap .delete_icon {    position: absolute;    top: 22px;    right: 22px;    width: 14px;    height: 14px;    stroke-width: 1px;    stroke: var(--label-txt-clr);    fill: var(--label-txt-clr);    cursor: pointer;}.rtl .zfEmailVerfyWrap .delete_icon {	right: auto;    left: 22px;}.zfEmailVerfyCont {    display: flex;    flex-flow: column;    align-items: center;        width: 100%;    }.zfEmailVerfyCont h1 {    font-weight: bold;    color: var(--label-txt-clr);    margin-bottom: 25px;    line-height: 140%;    font-size: calc(var(--description-txt-size) + 2px);}.zfEmailVerfyCont p {    font-size: var(--elements-h5-txt-size);    max-width: 727px;    text-align: center;	margin-bottom: 15px;}.zfEmailVerfyCont p b {    display: block;    margin-top: 4px;    color: var(--label-txt-clr);    font-weight: 700;}.zfEmailVerfyCont h4 {    font-size: var(--instruction-txt-size);    color: var(--label-txt-clr);    font-weight: 500;    }.zfOtpTextCont {    display: flex;    gap: 15px;    justify-content: space-between;    width: 100%;	margin-top: 20px;}.zfOtpTextCont input {    width: 16.6%;    height: 39px;    padding: 10px !important;    font-size: var(--value-txt-size);    color: rgb(var(--value-txt-clr));	font-weight: 500;    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);    text-align: center;    box-sizing: border-box;	transition: 0.3s;}.zfOtpTextCont input:focus {	border-color: var(--input-focus-clr) !important;	box-shadow: 0px 0px 2px 0px var(--input-focus-clr);}.zfEmailVerfyWrap .error input[type="text"], .zfEmailVerfyWrap .error input[type="text"]:focus {    border-color: var(--error-txt-clr) !important;    border-width: var(--input-bdr-top-width) var(--input-bdr-right-width) var(--input-bdr-bottom-width) var(--input-bdr-left-width) !important;}.zfEmailVerfyErr {    display: flex;    align-items: center;    margin-top: 10px;    justify-content: space-between;    width: 100%;	max-width: 459px;}.zfEmailVerfyErr span {    font-size: var(--instruction-txt-size);    color: var(--label-txt-clr);    text-align: right;    font-weight: 500;	display: flex;    align-items: center;    flex-shrink: 0;	margin-inline-start: auto;}.zotperrdiv {    font-size: var(--error-txt-size);    color: var(--error-txt-clr);    flex-grow: 1;	margin-inline-end: 8px;}.zfEmailVerfyErr a {	color: rgba(var(--submit-bg-clr));    font-weight: 500;    font-size: var(--instruction-txt-size);    cursor: pointer;	margin-inline-start: auto;}.zfEmailVerfyCont span b {    color: rgb(var(--value-txt-clr));    font-weight: normal;}.zfEmailVerfyCont button {	background: rgba(var(--submit-bg-clr));    border: none;    width: 100%;    color: var(--submit-txt-clr);    padding: 10px 45px;    font-size: var(--submit-txt-size);    cursor: pointer;    border-radius: var(--submit-btn-radius);    margin-top: 14px;    font-family: var(--body-font), var(--body-font-fallback);    display: flex;    align-items: center;    justify-content: center;}.zfEmailVerfyCont button.inlineBtn {	width: auto;}.zfOtpLoader {	width: 16px;	height: 16px;	border-radius: 50%;	border: 3px solid rgba(var(--submit-bg-clr),var(--opacity-5));	border-right-color: var(--submit-txt-clr);	margin-inline-end: 8px;	animation: zfloader2 1s infinite linear;	position: relative;}.zfOtpLoader::before {    content: "";    position: absolute;    width: 16px;    height: 16px;    border: 3px solid var(--submit-txt-clr);    border-radius: 50%;    top: -3px;    left: -3px;    opacity: 0.4;} @keyframes zfloader2 {to{transform: rotate(1turn)}} .zfVerifyContMail .captchaOuterWrapper {    border: 1px solid transparent;}.emailVerifBtn {    font-size: var(--label-txt-size);    color: var(--label-txt-clr);    font-weight: var(--label-txt-weight);    font-style: var(--label-txt-style);    text-decoration: underline;    cursor: pointer;	margin-inline-start: 8px;	max-width: 150px;	flex-shrink: 0;}.twoColumn .emailVerifBtn,.threeColumn .emailVerifBtn {	max-width: none;}.twoColumn .inputVerifHide .emailVerifBtn,.threeColumn .inputVerifHide .emailVerifBtn {	display: none;}.confrmEmailDiv ~ .emailVerifBtn {	display: block;	margin-top: 10px;}.zfPhoneUSA .emailVerifBtn {	white-space: normal;}.inputVeriField {	display: flex;	align-items: center;}.inputVeriLeftPan {	position: relative;	flex-grow: 1;}.zfFldVerifCont {	flex-grow: 1;	position: relative;}.zfPhoneUSA .zfFldVerifCont {	display: contents;	align-items: center;}.zfPhoneUSA.inputVeriField span,.zfPhoneUSA.inputVeriField .usa-symbol {	flex-shrink: 0;}.inputVerifHide .emailVerifBtn {	visibility: hidden;	pointer-events: none;}.twoColumn .emailVerifBtn,.threeColumn .emailVerifBtn {    margin-inline-start: auto;    margin-top: 8px;}.inputVeriField .zfemail-verified {	right: calc(var(--input-bdr-right-width) + 10px);	left: auto;    position: absolute;    transform: translateY(-50%);    top: 50%;	opacity: 1;	width: 16px;	height: 16px;}.rtl .inputVeriField .zfemail-verified {	right: auto;    left: calc(var(--input-bdr-left-width) + 10px);}.fullPage_subFrmContent .inputVeriField .zfemail-verified {	left: auto;}.rtl .fullPage_subFrmContent .inputVeriField .zfemail-verified {	right: auto;    left: calc(var(--input-bdr-left-width) + 10px);}.twoColumn .inputVeriField,.threeColumn .inputVeriField {	flex-flow: column;    align-items: initial;}.twoColumn .fieldtypeText.zfPhoneUSA .zfFldVerifCont,.threeColumn .fieldtypeText.zfPhoneUSA .zfFldVerifCont {	display: flex;	width: 100%;}.fieldDisabled .zfPhoneUSA.inputVeriField svg.icon.icon-lock {	display: none !important;}.fieldDisabled .zfPhoneUSA.inputVeriField .zfemail-verified {	display: block;}.fieldDisabled .fieldtypeText.ofIconCont.inputVeriField span.fldDisabledIcn svg, .fieldDisabled .fieldtypeText.inputVeriField span.fldDisabledIcn svg {	display: none !important;}.fieldDisabled .fieldtypeText.ofIconCont.inputVeriField span svg.zfemail-verified, .fieldDisabled .fieldtypeText.inputVeriField span svg.zfemail-verified,.fieldDisabled .fieldtypeText.inputVeriField .zfFldVerifCont svg.zfemail-verified {	display: block !important;}.zfInputLoader {	width: 16px;	height: 16px;	border-radius: 50%;	border: 3px solid transparent;    border-right-color: var(--label-txt-clr);	animation: zinploader 1s infinite linear;	right: calc(var(--input-bdr-right-width) + 10px);	left: auto;    position: absolute;    transform: translateY(-50%);    top: 50%;}.rtl .inputVeriField .zfInputLoader{	right: auto;    left: calc(var(--input-bdr-left-width) + 10px);}.zfInputLoader::before {    content: "";    position: absolute;    width: 16px;    height: 16px;    border: 3px solid var(--label-txt-clr);    border-radius: 50%;    top: -3px;    left: -3px;    opacity: 0.4;} @keyframes zinploader {to{transform: translateY(-50%) rotate(1turn)}} .fieldDisabled .zfFldVerifCont:hover .inputClearDiv {    display: none !important;}.divider {    border-top-color:rgba(var(--divider-line-clr)) !important;    margin: 0 auto;}.zf-small .divider{    width:50%;}.zf-medium .divider{    width:75%;}.zf-large .divider{    width:100%;}.divider.line-One{	border-top:1px ;}.divider.line-Two{	border-top:2px;}.divider.line-Three{	border-top:3px;}.divider.line-Four{	border-top:4px;}.divider.line-Five{	border-top:5px;}.divider.line-Six{	border-top:6px;}.divider.line-Seven{	border-top:7px;}.divider.line-Eight{	border-top:8px;}.divider.line-Nine{	border-top:9px;}.divider.line-Ten{	border-top: 10px;}.divider.solidType{	border-top-style: solid;}.divider.dashedType{	border-top-style: dashed;}.divider.dottedType{	border-top-style: dotted;}.divider.doubleType{	border-top-style: double;}.layout3 .dividerContainer{	background: transparent;    box-shadow: none;	border: none;	padding: 12px 0;}.inlinOtpverific {    padding: 10px 0px 0px;	width: 100%;}.inlinOtpverific .captchaOuterWrapper {    background: transparent;        display: inline-block;    padding: 5px 10px;    width: 225px;    margin-top: 5px;    border-radius: 3px;    width: 100% ;    box-sizing: border-box;}.inlinOtpverific .captchaActOutCont {    margin: 0;    padding: 0;    position: relative;}.inlinOtpverific .errorMessage {	text-align: left;	max-width: none;}.rtl .inlinOtpverific .errorMessage {	text-align: right;}.inlinOtpverific input {    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;    padding: 10px 10px;    box-sizing: border-box;    width: 100%;}.inlinOtpverific input:focus {	border-color: var(--input-focus-clr);    box-shadow: 0px 0px 2px 0px var(--input-focus-clr);}.inlinOtpverific .captchaImgCont {	background: #ffffff;    margin-top: 10px;    padding: 0;    text-align: center;	border-radius: 3px;    border: 1px solid #e8e8e8;}.inlinOtpverific .captchaRefreshBtn {	display: flex;	align-items: center;	justify-content: center;	position: relative;}.inlinOtpverific .captchaRefreshBtn .icon-refresh {	width: 24px;    height: 24px;    position: absolute;    right: 16px;    fill: var(--label-txt-clr);    top: 0;    bottom: 0;    margin: auto;    cursor: pointer;	transition: all 300ms ease;}.rtl .inlinOtpverific .captchaRefreshBtn .icon-refresh {	right: auto;	left: 16px;}.captchaRefreshBtn .icon-refresh.rotateReferesh {	animation: refreshroll 1s 1;    transform: rotate(0deg);}@keyframes refreshroll {    0% {        transform: rotate(0);    }    100% {        transform: rotate(360deg);    }}.rsendOtpAlert {    font-size: var(--instruction-txt-size);    font-weight: 300;    color: rgba(var(--submit-bg-clr));    position: absolute;    left: 50%;    transform: translateX(-50%);    top: -50px;    background: rgba(var(--submit-bg-clr), 0.1);    border: 1px solid rgba(var(--submit-bg-clr));    padding: 5px 19px;    border-radius: 0 0 4px 4px;    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);    transition: top 300ms ease-in-out;    visibility: hidden;    box-sizing: border-box;    display: flex;}.rsendOtpAlert.rsendalertShow {  visibility: visible;  top: 0;}.zfEmailVerfyCont.rsendalertShow button {    margin-top: 25px;}.zfEmailVerfyErr .icon-Time {    width: 14px;    height: 14px;    margin-inline-end: 8px;}.zfEmailVerfyCont.rsendalertShow .zfOtpTextCont {    max-width: 459px;}@charset "UTF-8";@media only screen and (max-width:800px) {	.popup_type2 {		width: 85%;	}}@media only screen and (max-width:700px) {	.popup_type4 {		width: 85%;	}	.rtl .cameraWrapper.zfAudioRecPopup .cameraFooter a.closePopup {		right: auto;	}	.cameraWrapper.zfAudioRecPopup .cameraFooter svg.icon.delete_icon {		stroke-width: 0;		width: 15px;		height: 15px;	}	.zfAudioRecPopup audio {		width: 100%;		height: 55px;	}	.cameraWrapper.zfAudioRecPopup .cameraFooter {		min-height: 0;		float: none;		width: auto;		position: relative;		right: auto;		top: 0;		text-align: center;		display: inline-flex;		width: 100%;		justify-content: flex-end;	}	.cameraWrapper.zfVideoRecPopup.zfAudioRecPopup .popUpInner, 	.cameraWrapper.zfVideoRecPopup.zfAudioRecPopup .popupMainCont {		height: 100px;		overflow: visible;	}	.zfAudioRecPopup p.avTimer {		bottom: 22px;	}	.zfAudioLoading {		top: 50px;	}	.cameraWrapper.zfAudioRecPopup.zfAudioRecPopupWidth .popUpInner {		height: 143px;		display: inline-block;	}	.cameraWrapper.zfAudioRecPopup.zfAudioRecPopupWidth .cameraFooter a.closePopup {		top: -98px;	}	.cameraWrapper.zfAudioRecPopup.zfAudioRecPopupWidth .cameraFooter {		justify-content: center;		top: 15px;	}	.cameraWrapper.zfVideoRecPopup .cameraFooter .reTakeCamera.stopRecordBtn {		margin-top: -4px;	}	.cameraWrapper.zfVideoRecPopup .popUpInner {		width: 100%;	}}@media only screen and (max-width:580px) {	.popup_type3 {		width: 85%;	}}.miniCont480 .navFootBtnWrap {    flex-direction: column;}.miniCont480 .navFootBtnWrap .navFootBtnList {    max-width: 100% !important;    width: 100% !important;    margin-bottom: 16px;}.miniCont480 .navFootBtnWrap .navFootBtnList button {    width: 100%;}.miniCont480 .navFootBtnWrap .navFootSaveReview {    flex-direction: column;    width: 100%;}.miniCont480 .navFootBtnDefault .navFootSaveReview {     width: 100%;    margin-right: 0;    margin-bottom: 0;    flex-direction: column;}.miniCont480 .navFootBtnList button {    flex: 1;    padding: 10px 20px;    width: auto;    justify-content: center;    align-items: center;    margin: 0;    min-width: 100px;}.miniCont480 .sfSNumberCon {    width: 100%;    margin: 0;}.miniCont480 .subContWrap .fieldWrapper {    padding-top: 0;    box-sizing: border-box;}@media only screen and (max-width:1023px)  {    .imgLeft {        background-position: center left;    }    .imgRight {        background-position: center right;    }    .imgCenter {        background-position: center center;    }}@media only screen and (min-width: 0px) and (max-width: 850px) {    .cur_ActivePage:after {        content: "";        position: absolute;        border: 1px solid var(--page-visited-bg-clr);        display: inline-block;        width: 100%;        height: 100%;        border-radius: 50px;        padding: 3px;    }    .pageNav4 .cur_ActivePage:after, .pageNav3 .cur_ActivePage:after {        border-radius: 5px;    }    .pageNav4 .pageProNew {        padding-left: 6px;        padding-right: 6px;    }    .cur_ActivePage {        outline: none;    }    .pageNav3 .cur_ActivePage:after {        border-radius: 5px;    }}@media only screen and (min-width: 0px) and (max-width: 799px) {    .zfBannerWrapper {        max-width: 100%;    }    }@media only screen and (max-width:780px) {     .zfPayChoiceWrapper .payTypeDiv {        margin-bottom:5%;        margin-right: 2%;    }    .rtl .zfPayChoiceWrapper .payTypeDiv {        margin-bottom: 5%;        margin-right: 0;        margin-left: 2%;    }    .merchantTypeWrapper {        row-gap: 0px;        column-gap: 0px;        margin-bottom: 10px;    }	.tyTemplateWidth .centerContainer {		min-width: 90% !important;		max-width: 90% !important;	}    .geoLocationPopup .tyTemplateWidth {        width: 100%;    }	.pageProContainer {		width: 100%;	}	.pageNavScroll .pageProContainer {		width: 100%;	}}@media only screen and (max-width:768px)  {    .audioErrorWrapper .closePopup {        top: -33px;        position: absolute;        right: 0px;    }    .rtl .audioErrorWrapper .closePopup {        left: 0px;        right: auto;    }    .pageFooterNum {        margin-top: 8px;    }}@media only screen and (min-width:581px) and (max-width:768px) {    .zfPayChoiceWrapper .payTypeDiv {        width: 22.5%;    }}@media only screen and (max-width:640px) {    .rtl .mediaPreviewPopup .ofPopCloseIcn {        left: -15px;    }    .popUpOuterliveTrans.alertPop_Default {        box-sizing: border-box;    }    .leftAlign .uploadedCont ul, .rightAlign .uploadedCont ul {        grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));    }}@media only screen and (max-width:620px) {   .mainMYPickerUl ul li {    padding: 7px 9px;    min-width: 35px;    margin-right: 7px;} .mainMYPickerUl ul li:last-child {     margin-right: 0;}}@media only screen and (max-width:580px) {     .zfPayChoiceWrapper .payTypeDiv {        width: 32%;        margin-right: 0;    }    .merchantTypeWrapper {        justify-content: space-between;    }    .rtl .zfPayChoiceWrapper .payTypeDiv {          margin-left: 0;    }    .square-card-Div .sq-card-iframe-container {        width: 100% !important;    }    .sq-card-wrapper {        min-width: auto !important;    }    .sfLimtEntryWrap .popUpInner{        box-sizing: border-box;    }    .popGeneratePdfNew .popUpInner{        margin: 0% 0% !important;     }    .col .zfImgChoiceWrapper.oneColumns .imgChoiceDiv{	margin-left: 0 !important;    margin-right: 0 !important;    }}@media only screen and (min-width: 0px) and (max-width: 580px) {	.pageProContainer.pageProConResize .pageProNew {		width: 100%;		justify-content: start;		padding-bottom: 10px;	}	.pageProContainer.pageProConResize .pageProPrev {		display: none;		visibility: hidden;	}}@media only screen and (min-width: 360px) and (max-width: 480px)   {      .popGeneratePdfNew .popUpFields label{        padding: 0;    }}@media only screen and (max-width:480px) {     .saveEmailDiv1 input {        width: 70%;    }    .emailsaveBtn {        width: 26%;    }    .captchaPopup .verification .captchaOuterWrapper{        width: 100% !important;    }    .ofCaptchaPopup .verification .captchaActInnerCont{        width: 85% !important;    }    .ofCaptchaPopup .popUpInner .popupMainCont{        width: 100%;    }        .saveInputTxt {        width: 67%;    }		.saveInputTxt input.emailLinksave {          height: 40px;    }        .ofLoaderWrap .loaderCont {        width: 100%;    }     .uploadedCont ul {         grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));    }    .leftAlign .fieldtypeText.zfPhoneUSA span svg.icon-Phone, .rightAlign .fieldtypeText.zfPhoneUSA span svg.icon-Phone {        display:none;    }    .leftAlign .fieldtypeText.zfPhoneUSA span svg.delete_icon, .rightAlign .fieldtypeText.zfPhoneUSA span svg.delete_icon{        display:none;    }    .fieldtypeText.zfPhoneUSA.ofIconCont .phoneFieldUSAspace input[ui_type="textbox"] {        padding-left:10px;        padding-right:10px;    }    .fieldtypeText.zfPhoneUSA.ofIconCont input[ui_type="textbox"]{        padding-left: 10px;        padding-right: 10px;    }}@media only screen  and (min-width:0px) and (max-width:480px) {      .pagerow {        padding: 5px 0px 0 0px;    }    .pageProContainer.pageProConResize .pageSect {        padding: 0px 10px;    }    .pageNavCarousel .pageProContainer.pageProConResize .pageSect {        min-width: 100%;        max-width: 100%;    }     .pageTitleInline .pageProContainer.pageProConResize .pageSect, .pageTitleOff .pageProContainer.pageProConResize .pageSect{        min-width: 56px !important;    }    .pageTitleInline .pageProContainer.pageProConResize.pageNav4 .pageSect, .pageTitleOff .pageProContainer.pageProConResize.pageNav4 .pageSect{        min-width: 40px !important;    }    .pageNav4 .pageSect {        min-width: 40px !important;        max-width: 40px !important;    }}@media only screen and (max-width: 420px) {    .miniCont420 .leftAlign .fieldContainer.time .fieldtypeText,     .miniCont420 .rightAlign .fieldContainer.time .fieldtypeText {        width: 100%;    }        .miniCont420 .leftAlign .zfTimeContainer .customDropDown {        width: 50%;        margin-right: 0;        float: none;        display: block;        margin-bottom: 12px;    }	.miniCont420 .leftAlign .fieldtypeText.zfPhoneUSA span, 	.miniCont420 .rightAlign .fieldtypeText.zfPhoneUSA span {    	width: 75%;	}}@media only screen and (max-width:399px) { 	.paymentContainer .payRow3 div.flLeft{		width: 100%;	}	.paymentContainer .payRow3 span.flRight{		width: 100%;		margin-top: 20px;	}	.verification .onefieldCaptchaDiv .captchaActInnerCont{        width: 82%;    }}@media only screen and (max-width:359px) {     .zfPayChoiceWrapper .payTypeDiv {        width: 48%;    }       .fieldtypeText .zfPayChoiceWrapper input[ui_type="textbox"]{        width: 100%;   }      .gridExpandIcn .gridLabelCont{    width: 85%;   }}.minicont580 .fieldContWrapper.leftAlign .zfPhoneUSA span, .minicont580 .fieldContWrapper.rightAlign .zfPhoneUSA span {    width: 26%;}.minicont580 .navFootBtnWrap {    flex-direction: row;}.minicont580 .navFootBtnDefault .navFootSaveReview {    width: 50%;    margin-right: 0;    margin-bottom: 0;    margin: 0px 20px;    flex-direction: column;}.minicont580 .navFootSaveReview .navFootBtnList {    width: auto !important;    justify-content: center !important;    max-width: 100% !important;    margin-right: 0;    margin-bottom: 16px;}.minicont580 .navFootSaveReview .navFootBtnList:first-child:nth-last-child(1) {    width: auto;    max-width: 100%;}.minicont580 .navFootBtnList button {    padding: 8px 20px;}.navFootBtnList button {    min-width: 100px;}.mxInputMinWidth.mxDropdownInp table th {    width: 222px;    max-width: 222px;}@media(max-width: 481px) {    .zdraftBoxes {        flex-flow: column;        align-items: center;    }    .rtlWrapper .zdraftBoxes, .rtl .zdraftBoxes {        flex-direction: column-reverse;    }        .zdraftEntListCont {        left: 20px;        right: 40px;    }    .zdraftSumComtain {        padding: 16px 16px;        box-sizing: border-box;    }    .zdraftClose {        right: -33px;    }    .zdraftBox {        width: 100%;        max-width: 100%;    }    }@media(max-width:580px) {    .zdraftEntries {        padding: 34px;    }    }.miniCont480 .valueRestrictionDiv .select2-results__option,.miniCont580 .valueRestrictionDiv .select2-results__option {        flex-direction: column;     }.miniCont480 span.valueRestrictionCount, .miniCont580 span.valueRestrictionCount {        width: 100%;        justify-content: start;        margin-top: 3px;    }@charset "UTF-8";@-webkit-viewport {width:device-width}@-moz-viewport {width:device-width}@-ms-viewport {width:device-width}@-o-viewport {width:device-width}@media only screen and (min-width:1024px) {	body{	min-width:800px;	}	.topContainer{	background-size:contain;	background-position: center bottom;	}	.btmContainer{	background-size:contain;	background-position: center top;	}	.tempHeadBdr{	background-size:contain;	}	}@media only screen and (max-width:558px) {  .twoColumns.zfCusRadio .tempContDiv span.cusChoiceSpan {        width: 45%;	}	.cameraWrapper{width: 87% !important;}}@media only screen and (max-width:768px) {.templateWidth, .thankyouPageWrap .tyTemplateWidth{	width:100%;	margin-right:0; margin-left:0;	}.geoLocationPopup .templateWidth {    width:100%;    }.topContainer{	background-size:contain;	background-position: center bottom;	}	.btmContainer{	background-size:contain;	background-position: center top;	}	.tempHeadBdr{	background-size:contain;	}	.pmnt .cardOuterWrapper{ width:99%;}.verification .captchaOuterWrapper{ width:auto;}.address .tempContDiv span, .geolocation .tempContDiv span{ margin-right:0;}.address .tempContDiv span.addtwo, .geolocation .tempContDiv span.addtwo{ 	width:100%;	}		.leftAlign .address .tempContDiv span.addtwo, .geolocation .tempContDiv span.addtwo{ 	width:100%;	}	.rightAlign .address .tempContDiv span.addtwo, .geolocation .tempContDiv span.addtwo{ 	width:100%;	}				.subFormLabelDiv{ display:none !important;}	.subFormHorizontal .tempFrmWrapper .tempContDiv{ width:100% !important;}	.subFormHorizontal .tempContDiv span{ }	.tempSubfrmWrapper ul li{ float:none; display:block; }	.subFormHorizontal li .labelName{ display:block !important;clip: inherit;clip-path: inherit;height: inherit;width: inherit;overflow: inherit;position: inherit;	}	.tempSubfrmWrapper .subFormHorizontal .decesion.zfCusCheckbox .customCheckBox .labelName .checker {         display: none !important;	}	.subfrmWrapper-horizontal .subformIcn{ display:none;}	.subfrmWrapper-horizontal .subformIcn-vertical-li{ display:block;}		.subFormHorizontal li{ padding:3px 20px;}    .zfSubFrmfldDisabled .subfrmWrapper-horizontal .subformIcn-vertical-li {        display: none;    }    .zfSubFrmfldDisabled .sfLockDisabled {        width: auto;        min-width: auto;        position: absolute;        top: -15px;        right: 6px;        padding-inline-end: 0;    }    .zfSubFrmfldDisabled .sfLockDisabled svg {        margin-top: 0;    }    .rtlWrapper .zfSubFrmfldDisabled .sfLockDisabled {        right: auto;        left: 6px;    }    .zfSubFrmfldDisabled .ulNoStyle.subFormHorizontal {        padding-top: 24px;    }	    .subfrmWrapper-horizontal ul { display:inherit;padding:0;padding-bottom:10px; margin-bottom:30px; margin-top: 15px;} 	 .subfrmWrapper-horizontal ul:first-child{ margin-bottom:0;}	 .subfrmWrapper-horizontal ul:last-child{ margin-bottom:0;}	.subFormHorizontal li {padding: 3px 20px;}	.subfrmWrapper-horizontal{ background:none; border:none;overflow-x:hidden !important;}	.tempSubfrmWrapper {		margin: 0 !important;	}	.tempSubfrmWrapper .namemedium.zfSubformSelect2 .threeType .select2FormFont {    width:145px !important;}		.subFormHorizontal li.decesion input[type="checkbox"]{ float:left; margin-top:4px;}			.subFormHorizontal .currency .tempContDiv input[type="text"]{ width:inherit !important;}	.subFormHorizontal .date .tempContDiv input[type="text"]{ width:100% !important;}		.subfrmWrapper-horizontal ul.fileUplodBdrbot{ margin-bottom:0; padding-bottom:0;}	.subfrmAdd_entryDiv{ background:#f9f9f9;}		.sfLimtEntryWrap{ width:80%;}			/*.leftAlign .subFormHorizontal .tempFrmWrapper .tempContDiv{ margin-left:0;}	.leftAlign .subFormHorizontal .tempFrmWrapper .labelName{ width:100%; float:none;}*/			.subFormHorizontal .currency .tempContDiv .symbol{ float:none;}	.rtlWrapper .subFormHorizontal .currency .tempContDiv .symbol{ float:none;}	.saveEmailDiv1 input{ width:68%;}	.emailsaveBtn{ width:22%;}		.formulaUnitDv input[type="text"]{ width: 56% !important;}	.subFormHorizontal  .formulaUnitDv input[type="text"]{ width: 100% !important;}	.fieldUnitDv input[type="text"]{ width: 56% !important;}	.subFormHorizontal  .fieldUnitDv input[type="text"]{ width: 100% !important;}			.sfuniqueError{ margin-left:0; padding:10px 20px;}				.subFormHorizontal .subformSeqSpace{ width: auto; right:0; position: absolute; top: -29px;}			.tempSubfrmWrapper .decesion.zfCusCheckbox .customCheckBox .cusChoiceLabel {    text-align: left !important;    float: left !important;	}	.tempSubfrmWrapper .decesion.zfCusCheckbox .customCheckBox .advLabelName.cusChoiceLabel {     text-align: left !important;	}	.tempSubfrmWrapper .decesion.zfCusCheckbox .cusChoiceSpanWrap {    display: block;    padding-left: 0.8em;    line-height: 22px;}.tempSubfrmWrapper .subFormHorizontal .decesion.zfCusCheckbox.modelfive .customCheckBox .labelName::before {         display: none !important;	}	.tempSubfrmWrapper .decesion.zfCusCheckbox.modelfive .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {		    top: 6px;	}	.tempSubfrmWrapper .decesion.zfCusCheckbox.modelfive .cusChoiceSpanWrap{		    padding-left: 0.5em;	}		.subfrmTotalDiv{ display: none;}	.small.zfSelect2CustomCont .select2.select2-container.select2-container--default {    width: 100% !important;}.medium.zfSelect2CustomCont .select2.select2-container.select2-container--default {	width: 100% !important;} .namelarge.zfSelect2CustomCont .oneType .select2FormFont {    width: 88px !important;}.leftAlign .namelarge.zfSelect2CustomCont .oneType .select2FormFont {    width: 68px !important;}.rightAlign .namelarge.zfSelect2CustomCont .oneType .select2FormFont {    width: 58px !important;}.rightAlign .namelarge.zfSelect2CustomCont .select2FormFont {    width: 32px !important;}.subFormHorizontal .namemedium .tempContDiv span.select2-selection__arrow {    margin-left: 0;    width: 20px !important;}.tempFrmWrapper.name.namemedium.zfSelect2CustomCont .select2-container--default .select2-selection--single .select2-selection__arrow b {    right: 0;    left: auto;}.rtlWrapper .tempFrmWrapper.name.namemedium.zfSelect2CustomCont .select2-container--default .select2-selection--single .select2-selection__arrow b  {	left: 10%;	right: auto;}.rtlWrapper .tempFrmWrapper.name.namelarge.zfSelect2CustomCont .select2-container--default .select2-selection--single .select2-selection__arrow b {    left: 10%; }.rtlWrapper .leftAlign .tempFrmWrapper.name.namesmall.zfSelect2CustomCont .oneType .select2-container--default .select2-selection--single .select2-selection__arrow b {	left: 10%;}.rtlWrapper .leftAlign .tempFrmWrapper.name.namesmall.zfSelect2CustomCont .oneType  .form_selectBox .select2-container--default .select2-selection--single.select2FormCont .select2-selection__rendered .select2FormFont {	float: right;	width:  90% !important;}.rtlWrapper .subFormHorizontal  .namemedium.zfSelect2CustomCont .select2FormCont .select2-selection__rendered {    width: auto !important;}.subformInlineHead ul.ulNoStyle {    padding-top: 0;}}@media only screen  and (min-width:650px) and (max-width:768px) {    .namelarge.zfSelect2CustomCont .threeType .select2FormFont {    width: 50px !important;} .name.namesmall.zfSelect2CustomCont .select2FormFont {    width: 95px !important;}.leftAlign .name.namesmall.zfSelect2CustomCont .select2FormFont {    width: 65px !important;} .namemedium.zfSelect2CustomCont .threeType .select2FormFont {    width: 25px !important;}.leftAlign .namemedium.zfSelect2CustomCont .select2FormFont {    width: 30px !important;}.name.namesmall.zfSelect2CustomCont .twoType .select2FormFont {    width: 40px !important;}.tempSubfrmWrapper .namemedium.zfSubformSelect2 .threeType .select2FormFont {    width: 385px !important;}.rtlWrapper .rightAlign .namelarge.zfSelect2CustomCont .threeType .select2FormFont {    width: 21px !important;    float: right;}.rtlWrapper .rightAlign .namelarge.zfSelect2CustomCont .oneType .select2FormFont {    width: 47px !important;    float: right;}}@media only screen  and (min-width:630px) and (max-width:700px) {.leftAlign .namesmall .twoType .salutationWrapper span, .rightAlign .namesmall .twoType .salutationWrapper span{width: 100%;margin-left:0; float: none;}.leftAlign .namesmall .twoType .salutationWrapper .salutation, .rightAlign .namesmall .twoType .salutationWrapper .salutation{width:50%;} .popUpOuterSave, .saveandReswrap.savePopUp_DivCont {width: 95%;left: 3% !important;}    }@media only screen  and (min-width:550px) and (max-width:650px) {.topAlign .threeColumns .imgUploadType .imgChoiceWrapper{ width:30%;}	.leftAlign .namemedium .twoType .salutationWrapper span, .rightAlign .namemedium .twoType .salutationWrapper span{width: 100%;margin-left:0; float: none;}.leftAlign .namemedium .twoType .salutationWrapper .salutation, .rightAlign .namemedium .twoType .salutationWrapper .salutation{width:50%;}.leftAlign .namemedium .threeType .salutationWrapper span, .rightAlign .namemedium .threeType .salutationWrapper span{width: 100%;margin-left:0; float: none;}.leftAlign .namemedium .threeType .salutationWrapper .salutation, .rightAlign .namemedium .threeType .salutationWrapper .salutation{width:50%;}.leftAlign .namesmall .twoType .salutationWrapper span, .rightAlign .namesmall .twoType .salutationWrapper span{width: 100%;margin-left:0; float: none;}.leftAlign .namesmall .twoType .salutationWrapper .salutation, .rightAlign .namesmall .twoType .salutationWrapper .salutation{width:50%;}     	.formulaUnitDv input[type="text"]{ width: 66% !important;}		.fieldUnitDv input[type="text"]{ width: 66% !important;}.popUpOuterSave{ width: 90%;left: 5% !important;}		.cameraWrapper{	width: 88% !important;	left: 3% !important;}		}@media only screen  and (min-width:450px) and (max-width:550px) {.popUpOuterSave{ 	width: 94%;	left: 3% !important;}.saveandReswrap.savePopUp_DivCont {	width: 95%;	left: 3% !important;}.popUpOuterSave .popUpInner{ margin: 0 1%;}.cameraWrapper{	width: 88% !important;	left: 3% !important;}	.leftAlign .namesmall .oneType .salutationWrapper span, .rightAlign .namesmall .oneType .salutationWrapper span{width: 100%;margin-left:0; float: none;}.leftAlign .namesmall .oneType .salutationWrapper .salutation, .rightAlign .namesmall .oneType .salutationWrapper .salutation{width:50%;}.leftAlign .namesmall .twoType .salutationWrapper span, .rightAlign .namesmall .twoType .salutationWrapper span{width: 100%;margin-left:0; float: none;}.leftAlign .namesmall .twoType .salutationWrapper .salutation, .rightAlign .namesmall .twoType .salutationWrapper .salutation{width:50%;}.leftAlign .namesmall .threeType .nameWrapper, .rightAlign .namesmall .threeType .nameWrapper{ overflow: hidden;}.leftAlign .namesmall .threeType .nameWrapper span, .rightAlign .namesmall .threeType .nameWrapper span{width:100%;margin-left:0;}     .leftAlign .namemedium .oneType .salutationWrapper span, .rightAlign .namemedium .oneType .salutationWrapper span{width:70%;margin-left:5%;}.leftAlign .namemedium .oneType .salutationWrapper .salutation, .rightAlign .namemedium .oneType .salutationWrapper .salutation{width:25%;}    .leftAlign .namemedium .twoType .salutationWrapper span, .rightAlign .namemedium .twoType .salutationWrapper span{width: 100%;margin-left:0; float: none;}.leftAlign .namemedium .twoType .salutationWrapper .salutation, .rightAlign .namemedium .twoType .salutationWrapper .salutation{width:50%;}.leftAlign .namemedium .threeType .salutationWrapper span, .rightAlign .namemedium .threeType .salutationWrapper span{width: 100%;margin-left:0; float: none;}.leftAlign .namemedium .threeType .salutationWrapper .salutation, .rightAlign .namemedium .threeType .salutationWrapper .salutation{width:50%;}        .leftAlign .namelarge .twoType .salutationWrapper span, .rightAlign .namelarge .twoType .salutationWrapper span{width: 100%;margin-left:0; float: none;}.leftAlign .namelarge .twoType .salutationWrapper .salutation, .rightAlign .namelarge .twoType .salutationWrapper .salutation{width:50%;}.leftAlign .namelarge .threeType .salutationWrapper span, .rightAlign .namelarge .threeType .salutationWrapper span{width: 100%;margin-left:0; float: none;}.leftAlign .namelarge .threeType .salutationWrapper .salutation, .rightAlign .namelarge .threeType .salutationWrapper .salutation{width:50%;} .topAlign .namelarge .twoType .salutationWrapper span{width: 32%;}.topAlign .namelarge .twoType .salutationWrapper .salutation{width: 32%;}.topAlign .namelarge .twoType .salutationWrapper span{width: 32%;}.topAlign .namelarge .twoType .salutationWrapper .salutation{width: 32%;}.topAlign .namelarge .threeType .salutationWrapper span{width: 22%;margin-left:4%;}.topAlign .zfSelect2CustomCont.namelarge .threeType .salutationWrapper .select2-container .select2-selection__rendered{width: 100%;}.topAlign .zfSelect2CustomCont.namelarge .threeType .salutationWrapper .select2-container .selection{width: 100%;}.topAlign .namelarge .threeType .salutationWrapper .salutation{width:22%;}.topAlign .namelarge .tempContDiv span:first-child {margin-left: 0;}.leftAlign .namemedium .tempContDiv span:first-child, .rightAlign .namemedium .tempContDiv span:first-child {margin-left: 0;}	.uploadedCont .uploadFileTitle{ max-width: 50%;}.leftAlign .sideBySide .imgUploadType .imgChoiceWrapper, .rightAlign .sideBySide .imgUploadType .imgChoiceWrapper{width:30%;}	.sfCardWrapper .sfSNumberCon{ width: 98%; margin-top: 0;}.formulaUnitDv input[type="text"]{ width: 66% !important;}	.fieldUnitDv input[type="text"]{ width: 66% !important;}	.zmaps-searchbox-container{		width: 79% !important;	}}@media only screen  and (min-width:350px) and (max-width:450px) {.topAlign .sideBySide .imgUploadType .imgChoiceWrapper{ width:47%;}.topAlign .threeColumns .imgUploadType .imgChoiceWrapper{ width:47%;}.topAlign .threeColumns .imgUploadType .imgChoiceWrapper{ width:47%;}.topAlign .oneColumns .imgUploadType .imgChoiceWrapper{ width:100%;}.leftAlign .oneColumns .imgUploadType .imgChoiceWrapper, .rightAlign .oneColumns .imgUploadType .imgChoiceWrapper{ width:100%;}.leftAlign .twoColumns .imgUploadType .imgChoiceWrapper, .rightAlign .twoColumns .imgUploadType .imgChoiceWrapper{width:46%;}.leftAlign .threeColumns .imgUploadType .imgChoiceWrapper, .rightAlign .threeColumns .imgUploadType .imgChoiceWrapper{width:46%;}.leftAlign .sideBySide .imgUploadType .imgChoiceWrapper, .rightAlign .sideBySide .imgUploadType .imgChoiceWrapper{width:46%;}	.popUpOuterSave{ 	width: 94%;	left: 3% !important;}.saveandReswrap.savePopUp_DivCont {	width: 95%;	left: 3% !important;}.saveInputTxt {	width: 60%;}.cameraWrapper{	width: 84% !important;}.popUpOuterSave .popUpInner{ margin: 0 1%;}.leftAlign .imgUploadFld .imgChoiceWrapper, .rightAlign .imgUploadFld .imgChoiceWrapper{ width:95%; padding:18px 2px;}.leftAlign .imgUploadFld .imgChoiceWrapper:hover .attachDelete, .rightAlign .imgUploadFld .imgChoiceWrapper:hover .attachDelete{ right:2px;}.leftAlign .imgUploadFld .imgChoiceWrapper:hover .zoomIcon, .rightAlign .imgUploadFld .imgChoiceWrapper:hover .zoomIcon{ left:2px;}.leftAlign .namesmall .oneType .salutationWrapper span, .rightAlign .namesmall .oneType .salutationWrapper span{width: 100%;margin-left:0; float: none;}.leftAlign .namesmall .oneType .salutationWrapper .salutation, .rightAlign .namesmall .oneType .salutationWrapper .salutation{width:50%;}.leftAlign .namesmall .twoType .salutationWrapper span, .rightAlign .namesmall .twoType .salutationWrapper span{width: 100%;margin-left:0; float: none;}.leftAlign .namesmall .twoType .salutationWrapper .salutation, .rightAlign .namesmall .twoType .salutationWrapper .salutation{width:50%;}.leftAlign .namesmall .threeType .nameWrapper, .rightAlign .namesmall .threeType .nameWrapper{ overflow: hidden;}.leftAlign .namesmall .threeType .nameWrapper span, .rightAlign .namesmall .threeType .nameWrapper span{width:100%;margin-left:0;} .leftAlign .namemedium .oneType .salutationWrapper span, .rightAlign .namemedium .oneType .salutationWrapper span{width: 100%;margin-left:0; float: none;}.leftAlign .namemedium .oneType .salutationWrapper .salutation, .rightAlign .namemedium .oneType .salutationWrapper .salutation{width:50%;}     .leftAlign .namemedium .twoType .salutationWrapper span, .rightAlign .namemedium .twoType .salutationWrapper span{width: 100%;margin-left:0; float: none;}.leftAlign .namemedium .twoType .salutationWrapper .salutation, .rightAlign .namemedium .twoType .salutationWrapper .salutation{width:50%;}.leftAlign .namemedium .threeType .salutationWrapper span, .rightAlign .namemedium .threeType .salutationWrapper span{width: 100%;margin-left:0; float: none;}.leftAlign .namemedium .threeType .salutationWrapper .salutation, .rightAlign .namemedium .threeType .salutationWrapper .salutation{width:50%;}         .topAlign .namemedium .twoType .salutationWrapper span{width: 100%;margin-left:0; float: none;}.topAlign .namemedium .twoType .salutationWrapper .salutation{width:50%;}.topAlign .namemedium .threeType .salutationWrapper span{width: 100%;margin-left:0; float: none;}.topAlign .namemedium .threeType .salutationWrapper .salutation{width:50%;}            .leftAlign .namelarge .oneType .salutationWrapper span, .rightAlign .namelarge .oneType .salutationWrapper span{width: 100%;margin-left:0; float: none;}.leftAlign .namelarge .oneType .salutationWrapper .salutation, .rightAlign .namelarge .oneType .salutationWrapper .salutation{width:50%;}.leftAlign .namelarge .twoType .salutationWrapper span, .rightAlign .namelarge .twoType .salutationWrapper span{width: 100%;margin-left:0; float: none;}.leftAlign .namelarge .twoType .salutationWrapper .salutation, .rightAlign .namelarge .twoType .salutationWrapper .salutation{width:50%;}.leftAlign .namelarge .threeType .salutationWrapper span, .rightAlign .namelarge .threeType .salutationWrapper span{width: 100%;margin-left:0; float: none;}.leftAlign .namelarge .threeType .salutationWrapper .salutation, .rightAlign .namelarge .threeType .salutationWrapper .salutation{width:50%;} .topAlign .namesmall .oneType .salutationWrapper span{width: 100%;margin-left:0; float: none;}.topAlign .namesmall .oneType .salutationWrapper .salutation{width:50%;}    .topAlign .namesmall .twoType .salutationWrapper span{width: 100%;margin-left:0; float: none;}.topAlign .namesmall .twoType .salutationWrapper .salutation{width:50%;}    .topAlign .namelarge .twoType .salutationWrapper span{width: 32%;}.topAlign .namelarge .twoType .salutationWrapper .salutation{width: 32%;}.topAlign .namelarge .threeType .salutationWrapper span{width: 22%;margin-left:4%;}.topAlign .namelarge .threeType .salutationWrapper .salutation{width:22%;}.topAlign .namelarge .tempContDiv span:first-child, .topAlign .namemedium .tempContDiv span:first-child {margin-left: 0;}		.uploadedCont .uploadFileTitle{ max-width:33%;}.saveEmailDiv1 input{ width:58%;}.emailsaveBtn{ width:30%;}		.sfCardWrapper .sfSNumberCon{ width: 98%; margin-top: 0;}	.formulaUnitDv input[type="text"]{ width: 45% !important;}	.fieldUnitDv input[type="text"]{ width: 45% !important;}	 .tempSubfrmWrapper .namemedium.zfSelect2CustomCont .threeType .select2FormFont {    width: 215px !important;}.otpVerifyWrapper{ width: 100%; box-sizing: border-box; border: none; box-shadow: none;}	.zmaps-searchbox-container{		width: 79% !important;	}.topAlign .zfSelect2CustomCont.namelarge .threeType .salutationWrapper .select2-container .select2-selection__rendered{width: 100%;}.topAlign .zfSelect2CustomCont.namelarge .threeType .salutationWrapper .select2-container .selection{width: 100%;}.topAlign .zfSelect2CustomCont.namelarge .threeType .salutationWrapper .select2-container .select2-selection__rendered {	width: auto;}}	@media only screen  and (min-width:300px) and (max-width:350px) {	.saveandReswrap.savePopUp_DivCont {	width: 95%;	left: 3% !important;}.saveInputTxt {	width: 60%;}.topAlign .oneColumns .imgUploadType .imgChoiceWrapper{ width:100%;}.topAlign .twoColumns .imgUploadType .imgChoiceWrapper{ width:47%;}.topAlign .threeColumns .imgUploadType .imgChoiceWrapper{ width:47%;}.topAlign .sideBySide .imgUploadType .imgChoiceWrapper{ width:47%;}.leftAlign .oneColumns .imgUploadType .imgChoiceWrapper, .rightAlign .oneColumns .imgUploadType .imgChoiceWrapper{ width:100%;}.leftAlign .twoColumns .imgUploadType .imgChoiceWrapper, .rightAlign .twoColumns .imgUploadType .imgChoiceWrapper{ width:100%;}	.leftAlign .threeColumns .imgUploadType .imgChoiceWrapper, .rightAlign .threeColumns .imgUploadType .imgChoiceWrapper{ width:100%;}.leftAlign .sideBySide .imgUploadType .imgChoiceWrapper, .rightAlign .sideBySide .imgUploadType .imgChoiceWrapper{ width:100%;}	.popUpOuterSave{ 	width: 94%;	left: 3% !important;}.cameraWrapper{	width: 80% !important;}.popUpOuterSave .popUpInner{ margin: 0 1%;}    .topAlign .imgUploadFld .imgChoiceWrapper{ width:99% !important; padding:18px 2px;}.topAlign .imgUploadFld .imgChoiceWrapper:hover .zoomIcon{ left:4px;}.topAlign .imgUploadFld .imgChoiceWrapper:hover .attachDelete{ right:2px;}.leftAlign .imgUploadFld .imgChoiceWrapper, .rightAlign .imgUploadFld .imgChoiceWrapper{ width:90%; padding:18px 0px;}.leftAlign .imgUploadFld .imgChoiceWrapper:hover .attachDelete, .rightAlign .imgUploadFld .imgChoiceWrapper:hover .attachDelete{ right:2px;}  .leftAlign .imgUploadFld .imgChoiceWrapper:hover .zoomIcon, .rightAlign .imgUploadFld .imgChoiceWrapper:hover .zoomIcon{ left:2px;}  .leftAlign .namesmall .oneType .salutationWrapper span, .rightAlign .namesmall .oneType .salutationWrapper span{width: 100%;margin-left:0; float: none;}.leftAlign .namesmall .oneType .salutationWrapper .salutation, .rightAlign .namesmall .oneType .salutationWrapper .salutation{width:50%;}.leftAlign .namesmall .twoType .salutationWrapper span, .rightAlign .namesmall .twoType .salutationWrapper span{width: 100%;margin-left:0; float: none;}.leftAlign .namesmall .twoType .salutationWrapper .salutation, .rightAlign .namesmall .twoType .salutationWrapper .salutation{width:50%;}.leftAlign .namesmall .twoType .nameWrapper, .rightAlign .namesmall .twoType .nameWrapper{ overflow: hidden;}.leftAlign .namesmall .twoType .nameWrapper span, .rightAlign .namesmall .twoType .nameWrapper span{width:100%;margin-left:0;}     .leftAlign .namesmall .threeType .nameWrapper, .rightAlign .namesmall .threeType .nameWrapper{ overflow: hidden;}.leftAlign .namesmall .threeType .nameWrapper span, .rightAlign .namesmall .threeType .nameWrapper span{width:100%;margin-left:0;} .leftAlign .namemedium .oneType .salutationWrapper span, .rightAlign .namemedium .oneType .salutationWrapper span{width: 100%;margin-left:0; float: none;}.leftAlign .namemedium .oneType .salutationWrapper .salutation, .rightAlign .namemedium .oneType .salutationWrapper .salutation{width:50%;}     .leftAlign .namemedium .twoType .salutationWrapper span, .rightAlign .namemedium .twoType .salutationWrapper span{width: 100%;margin-left:0; float: none;}.leftAlign .namemedium .twoType .salutationWrapper .salutation, .rightAlign .namemedium .twoType .salutationWrapper .salutation{width:50%;}.leftAlign .namemedium .threeType .salutationWrapper span, .rightAlign .namemedium .threeType .salutationWrapper span{width: 100%;margin-left:0; float: none;}.leftAlign .namemedium .threeType .salutationWrapper .salutation, .rightAlign .namemedium .threeType .salutationWrapper .salutation{width:50%;}     .topAlign .namemedium .oneType .salutationWrapper span{width: 100%;margin-left:0; float: none;}.topAlign .namemedium .oneType .salutationWrapper .salutation{width:50%;}    .topAlign .namemedium .twoType .salutationWrapper span{width: 100%;margin-left:0; float: none;}.topAlign .namemedium .twoType .salutationWrapper .salutation{width:50%;}    .topAlign .namemedium .threeType .salutationWrapper span{width: 100%;margin-left:0; float: none;}.topAlign .namemedium .threeType .salutationWrapper .salutation{width:50%;}     .leftAlign .namelarge .oneType .salutationWrapper span, .rightAlign .namelarge .oneType .salutationWrapper span{width: 100%;margin-left:0; float: none;}.leftAlign .namelarge .oneType .salutationWrapper .salutation, .rightAlign .namelarge .oneType .salutationWrapper .salutation{width:50%;}    .leftAlign .namelarge .twoType .nameWrapper span, .rightAlign .namelarge .twoType .nameWrapper span{width: 48%;margin-left: 3%;}.leftAlign .namelarge .threeType .nameWrapper, .rightAlign .namelarge .threeType .nameWrapper{ overflow: hidden;}.leftAlign .namelarge .threeType .nameWrapper span, .rightAlign .namelarge .threeType .nameWrapper span{width:100%;margin-left:0;}           .leftAlign .namelarge .twoType .salutationWrapper span, .rightAlign .namelarge .twoType .salutationWrapper span{width: 100%;margin-left:0; float: none;}.leftAlign .namelarge .twoType .salutationWrapper .salutation, .rightAlign .namelarge .twoType .salutationWrapper .salutation{width:50%;}.leftAlign .namelarge .threeType .salutationWrapper span, .rightAlign .namelarge .threeType .salutationWrapper span{width: 100%;margin-left:0; float: none;}.leftAlign .namelarge .threeType .salutationWrapper .salutation, .rightAlign .namelarge .threeType .salutationWrapper .salutation{width:50%;}      .topAlign .namesmall .oneType .salutationWrapper span{width: 100%;margin-left:0; float: none;}.topAlign .namesmall .oneType .salutationWrapper .salutation{width:50%;}    .topAlign .namesmall .twoType .salutationWrapper span{width: 100%;margin-left:0; float: none;}.topAlign .namesmall .twoType .salutationWrapper .salutation{width:50%;}           .topAlign .namelarge .twoType .salutationWrapper span{width: 32%;}.topAlign .namelarge .twoType .salutationWrapper .salutation{width: 32%;}.topAlign .namelarge .threeType .salutationWrapper span{width: 22%;margin-left:4%;}.topAlign .namelarge .threeType .salutationWrapper .salutation{width:22%;}    .topAlign .namesmall .threeType .nameWrapper span{ width: 100%; margin-left: 0; float: none;}    .topAlign .namelarge .tempContDiv span:first-child {margin-left: 0;}	.uploadedCont .uploadFileTitle{ max-width: 23%;}.saveEmailDiv1 input{ width:55%;}.emailsaveBtn{ width:33%;}	.sfCardWrapper .sfSNumberCon{ width: 98%; margin-top: 0;}			.formulaUnitDv input[type="text"]{ width: 44% !important;}.tempSubfrmWrapper .formulaUnitDv input[type="text"]{ width: 35% !important;}	.fieldUnitDv input[type="text"]{ width: 44% !important;}.tempSubfrmWrapper .fieldUnitDv input[type="text"]{ width: 35% !important;}	.tempSubfrmWrapper .namemedium.zfSelect2CustomCont .threeType .select2FormFont {    width: 215px !important;}.otpVerifyWrapper{ width: 100%; box-sizing: border-box; border: none; box-shadow: none;}.topAlign .zfSelect2CustomCont.namelarge .threeType .salutationWrapper .select2-container .select2-selection__rendered{width: 100%;}.topAlign .zfSelect2CustomCont.namelarge .threeType .salutationWrapper .select2-container .selection{width: 100%;}.zmaps-searchbox-container{		width: 75% !important;	}}@media only screen and (max-width:475px) {	.date .tempContDiv .calendarCont{ width:100% !important;}}	@media only screen  and (min-width:250px) and (max-width:300px) {	.topAlign .oneColumns .imgUploadType .imgChoiceWrapper{ width:100%;}.topAlign .twoColumns .imgUploadType .imgChoiceWrapper{ width:100%;}.topAlign .threeColumns .imgUploadType .imgChoiceWrapper{ width:100%;}.topAlign .sideBySide .imgUploadType .imgChoiceWrapper{ width:100%;}.leftAlign .oneColumns .imgUploadType .imgChoiceWrapper, .rightAlign .oneColumns .imgUploadType .imgChoiceWrapper{ width:100%;}.leftAlign .twoColumns .imgUploadType .imgChoiceWrapper, .rightAlign .twoColumns .imgUploadType .imgChoiceWrapper{ width:100%;}	.leftAlign .threeColumns .imgUploadType .imgChoiceWrapper, .rightAlign .threeColumns .imgUploadType .imgChoiceWrapper{ width:100%;}.leftAlign .sideBySide .imgUploadType .imgChoiceWrapper, .rightAlign .sideBySide .imgUploadType .imgChoiceWrapper{ width:100%;}	.popUpOuterSave{ 	width: 94%;	left: 3% !important;}.uploadContainer{ 	height: 100px; }.imageOptionsText{ 	float: none;	margin-left: 0;	margin-top: 0;	margin-bottom: 10px; }.imageOptionsActCont{	right: 0;	float: none;}.imageOptionsActCont a:first-child { 	margin-left: 0;	}.cameraWrapper{	width: 75% !important;}.popUpOuterSave .popUpInner{ margin: 0 1%;}    .topAlign .imgUploadFld .imgChoiceWrapper{ width:99% !important; padding:18px 2px;}.topAlign .imgUploadFld .imgChoiceWrapper:hover .zoomIcon{ left:4px;}.topAlign .imgUploadFld .imgChoiceWrapper:hover .attachDelete{ right:2px;}.leftAlign .imgUploadFld .imgChoiceWrapper, .rightAlign .imgUploadFld .imgChoiceWrapper{ width:90%; padding:18px 0px;}.leftAlign .imgUploadFld .imgChoiceWrapper:hover .attachDelete, .rightAlign .imgUploadFld .imgChoiceWrapper:hover .attachDelete{ right:2px;}  .leftAlign .imgUploadFld .imgChoiceWrapper:hover .zoomIcon, .rightAlign .imgUploadFld .imgChoiceWrapper:hover .zoomIcon{ left:2px;}  .leftAlign .namesmall .oneType .salutationWrapper span, .rightAlign .namesmall .oneType .salutationWrapper span{width: 100%;margin-left:0; float: none;}.leftAlign .namesmall .oneType .salutationWrapper .salutation, .rightAlign .namesmall .oneType .salutationWrapper .salutation{width:50%;}.leftAlign .namesmall .twoType .salutationWrapper span, .rightAlign .namesmall .twoType .salutationWrapper span{width: 100%;margin-left:0; float: none;}.leftAlign .namesmall .twoType .salutationWrapper .salutation, .rightAlign .namesmall .twoType .salutationWrapper .salutation{width:50%;}.leftAlign .namesmall .twoType .nameWrapper, .rightAlign .namesmall .twoType .nameWrapper{ overflow: hidden;}.leftAlign .namesmall .twoType .nameWrapper span, .rightAlign .namesmall .twoType .nameWrapper span{width:100%;margin-left:0;}     .leftAlign .namesmall .threeType .nameWrapper, .rightAlign .namesmall .threeType .nameWrapper{ overflow: hidden;}.leftAlign .namesmall .threeType .nameWrapper span, .rightAlign .namesmall .threeType .nameWrapper span{width:100%;margin-left:0;} .leftAlign .namelarge .twoType .nameWrapper span, .rightAlign .namelarge .twoType .nameWrapper span{width: 48%;}.leftAlign .namelarge .threeType .nameWrapper, .rightAlign .namelarge .threeType .nameWrapper{ overflow: hidden}    .leftAlign .namelarge .threeType .nameWrapper span, .rightAlign .namelarge .threeType .nameWrapper span{width:100%; margin-left: 0;}        .leftAlign .namelarge .oneType .salutationWrapper span, .rightAlign .namelarge .oneType .salutationWrapper span{width: 100%;margin-left:0; float: none;}.leftAlign .namelarge .oneType .salutationWrapper .salutation, .rightAlign .namelarge .oneType .salutationWrapper .salutation{width:50%;}     .leftAlign .namelarge .twoType .salutationWrapper span, .rightAlign .namelarge .twoType .salutationWrapper span{width: 100%;margin-left:0; float: none;}.leftAlign .namelarge .twoType .salutationWrapper .salutation, .rightAlign .namelarge .twoType .salutationWrapper .salutation{width:50%;}.leftAlign .namelarge .threeType .salutationWrapper span, .rightAlign .namelarge .threeType .salutationWrapper span{width: 100%;margin-left:0; float: none;}.leftAlign .namelarge .threeType .salutationWrapper .salutation, .rightAlign .namelarge .threeType .salutationWrapper .salutation{width:50%;}     .leftAlign .namemedium .oneType .salutationWrapper span, .rightAlign .namemedium .oneType .salutationWrapper span{width: 100%;margin-left:0; float: none;}.leftAlign .namemedium .oneType .salutationWrapper .salutation, .rightAlign .namemedium .oneType .salutationWrapper .salutation{width:50%;}     .leftAlign .namemedium .twoType .salutationWrapper span, .rightAlign .namemedium .twoType .salutationWrapper span{width: 100%;margin-left:0; float: none;}.leftAlign .namemedium .twoType .salutationWrapper .salutation, .rightAlign .namemedium .twoType .salutationWrapper .salutation{width:50%;}.leftAlign .namemedium .threeType .salutationWrapper span, .rightAlign .namemedium .threeType .salutationWrapper span{width: 100%;margin-left:0; float: none;}.leftAlign .namemedium .threeType .salutationWrapper .salutation, .rightAlign .namemedium .threeType .salutationWrapper .salutation{width:50%;} .leftAlign .namemedium .twoType .nameWrapper span, .rightAlign .namemedium .twoType .nameWrapper span{width:100%; margin-left: 0;}.leftAlign .namemedium .threeType .nameWrapper span, .rightAlign .namemedium .threeType .nameWrapper span{width:100%; margin-left: 0;}     .topAlign .namemedium .oneType .salutationWrapper span{width: 100%;margin-left:0; float: none;}.topAlign .namemedium .oneType .salutationWrapper .salutation{width:50%;}    .topAlign .namemedium .twoType .salutationWrapper span{width: 100%;margin-left:0; float: none;}.topAlign .namemedium .twoType .salutationWrapper .salutation{width:50%;}    .topAlign .namemedium .threeType .salutationWrapper span{width: 100%;margin-left:0; float: none;}.topAlign .namemedium .threeType .salutationWrapper .salutation{width:50%;} .topAlign .namesmall .oneType .salutationWrapper span{width: 100%;margin-left:0; float: none;}.topAlign .namesmall .oneType .salutationWrapper .salutation{width:50%;}    .topAlign .namesmall .twoType .salutationWrapper span{width: 100%;margin-left:0; float: none;}.topAlign .namesmall .twoType .salutationWrapper .salutation{width:50%;}.topAlign .namesmall .threeType .nameWrapper span, .topAlign .namesmall .twoType .nameWrapper span{ width: 100%; margin-left: 0; float: none;}        .topAlign .namelarge .oneType .salutationWrapper span{width: 70%;margin-left: 5%;}.topAlign .namelarge .oneType .salutationWrapper .salutation {width: 25%;}.topAlign .namelarge .twoType .salutationWrapper span{width: 32%;}.topAlign .namelarge .twoType .salutationWrapper .salutation{width: 32%;}.topAlign .namelarge .threeType .salutationWrapper span{width: 100%;margin-left:0; float: none;}.topAlign .namelarge .threeType .salutationWrapper .salutation{width:50%;}.topAlign .namelarge .tempContDiv span:first-child {margin-left: 0;}	.uploadedCont .uploadFileTitle{ max-width: 23%;}		.sfCardWrapper .sfSNumberCon{ width: 98%; margin-top: 0;}.formulaUnitDv input[type="text"]{ width: 38% !important;}.tempSubfrmWrapper .formulaUnitDv input[type="text"]{ width: 30% !important;}.fieldUnitDv input[type="text"]{ width: 38% !important;}.tempSubfrmWrapper .fieldUnitDv input[type="text"]{ width: 30% !important;}.tempSubfrmWrapper .namemedium.zfSelect2CustomCont .threeType .select2FormFont {    width: 215px !important;}.otpVerifyWrapper{ width: 100%; box-sizing: border-box; border: none; box-shadow: none;}.zmaps-searchbox-container{		width: 75% !important;	}}	@media only screen and (max-width: 600px) {.zfReviewWrap tr td{	padding: 8px 14px;}.zfReviewWrap .imgfileUpload{	width: 100%;}.zfReviewWrap .imgfileName {    max-width: 65px;}.popGeneratePdf .encryptLoad_Txt{ font-size: 15px;}.tempSubfrmWrapper .namemedium.zfSubformSelect2 .threeType .select2FormFont {    width: 130px !important;}.leftAlign .namelarge.zfSelect2CustomCont .select2FormFont {    width: 40px !important;}}@media only screen and (max-width:350px) { .namelarge.zfSelect2CustomCont .select2FormFont {    width: 23px !important;} .namelarge.zfSelect2CustomCont .threeType .select2FormFont {    width: 31px !important;} .namelarge.zfSelect2CustomCont .oneType .select2FormFont {    width: 21px !important;} .name.namesmall.zfSelect2CustomCont .threeType .select2FormFont {    width: 55px !important;} .namemedium.zfSelect2CustomCont .threeType .select2FormFont {    width: 40px !important;}.tempSubfrmWrapper .namemedium.zfSubformSelect2 .threeType .select2FormFont {    width: 40px !important;} .name.namesmall.zfSelect2CustomCont .twoType .select2FormFont {    width: 25px !important;}.leftAlign .name.namesmall.zfSelect2CustomCont .threeType .select2FormFont {    width: 23px !important;}.rightAlign .name.namesmall.zfSelect2CustomCont .select2FormFont {    width: 25px !important;}.rightAlign .namelarge.zfSelect2CustomCont .oneType .select2FormFont {    width: 16px !important;}.rtlWrapper .rightAlign .name.namesmall.zfSelect2CustomCont .select2FormFont {    width: 21px !important;    float: right;}.rtlWrapper .namemedium.zfSelect2CustomCont .select2FormCont .select2-selection__rendered {    width: 35px !important;}.rtlWrapper .name.namesmall.zfSelect2CustomCont .oneType .select2FormFont {    width: 15px !important;}.rtlWrapper .name.namemedium.zfSelect2CustomCont .select2FormFont {    width: 30px !important;}.leftAlign .name.namesmall.zfSelect2CustomCont .oneType .select2FormFont {    width: 25px !important;}}@media only screen  and (min-width:380px) and (max-width:480px) {  .namelarge.zfSelect2CustomCont .threeType .select2FormFont {    width: 38px !important;}.rtlWrapper .zfSubformSelect2 .twoType .select2-container .select2-selection--single .select2-selection__rendered {    width: 90px;}.rtlWrapper .tempSubfrmWrapper .namemedium.zfSubformSelect2 .twoType .select2FormFont {    width: 60px !important;}.leftAlign .name.namesmall.zfSelect2CustomCont .select2FormFont {    width: 25px !important;}.leftAlign .namelarge.zfSelect2CustomCont .oneType .select2FormFont {    width: 24px !important;}.namemedium.zfSelect2CustomCont .select2FormFont {    width: 50px !important;}.name.namesmall.zfSelect2CustomCont .select2FormFont {    width: 35px !important;}.name.namesmall.zfSelect2CustomCont .twoType .select2FormFont {    width: 26px !important;}.namelarge.zfSelect2CustomCont .oneType .select2FormFont {    width: 28px !important;}.leftAlign .namelarge.zfSelect2CustomCont .twoType .select2FormFont {    width: 60px !important;}.rightAlign .namelarge.zfSelect2CustomCont .threeType .select2FormFont {    width: 20px !important;}.rightAlign .namelarge.zfSelect2CustomCont .oneType .select2FormFont {    width: 42px !important;}.rightAlign .namelarge.zfSelect2CustomCont .select2FormFont {    width: 25px !important;}.rightAlign .name.namesmall.zfSelect2CustomCont .select2FormFont {    width: 32px !important;}.rtlWrapper .rightAlign .name.namesmall.zfSelect2CustomCont .select2FormFont {    width: 21px !important;    float: right;}.rtlWrapper .rightAlign .namelarge.zfSelect2CustomCont .oneType .select2FormFont {    width: 47px !important;    float: right;}.rtlWrapper .rightAlign .namelarge.zfSelect2CustomCont .select2FormFont {    width: 45px !important;}.tempSubfrmWrapper .namemedium.zfSubformSelect2 .threeType .select2FormFont {    width: 105px !important;}.subFormHorizontal .name.zfSubformSelect2 .tempContDiv.oneType .salutation span {    width: 100%;}.tempSubfrmWrapper .namemedium.zfSubformSelect2 .tempContDiv.oneType .select2FormFont {    width: 50px !important;}.rtlWrapper .namemedium.zfSelect2CustomCont .select2FormCont .select2-selection__rendered {    width: 25px !important;}.rtlWrapper .name.namesmall.zfSelect2CustomCont .oneType .select2FormFont {    width: 25px !important;    float: left;}.rtlWrapper .namelarge.zfSelect2CustomCont .oneType .select2FormFont {    width: 45px !important;}.rtlWrapper .namelarge.zfSelect2CustomCont .oneType .select2FormFont {    width: 45px !important;}.rtlWrapper .namelarge.zfSelect2CustomCont .threeType .select2FormFont {    width: 25px !important;    float: right;}.name.namesmall.zfSelect2CustomCont .oneType .select2FormFont {    width: 22px !important;}.rtlWrapper .leftAlign .zfSubformSelect2 .select2-container .select2-selection--single .select2-selection__rendered {	    width: 55px !important;}.rtlWrapper .leftAlign .zfSubformSelect2 .select2-container .select2-selection--single .select2-selection__rendered {    width: 50px;    float: right;}}@media only screen  and (min-width:481px) and (max-width:549px) {.namelarge.zfSelect2CustomCont .threeType .select2FormFont {    width: 48px !important;}.name.namesmall.zfSelect2CustomCont .select2FormFont {    width: 55px !important;}.leftAlign .name.namesmall.zfSelect2CustomCont .threeType .select2FormFont {    width: 35px !important;}.namemedium.zfSelect2CustomCont .select2FormFont {    width: 30px !important;}.rtlWrapper .rightAlign .namelarge.zfSelect2CustomCont .oneType .select2FormFont {    width: 27px !important;    float: right;}.name.namesmall.zfSelect2CustomCont .twoType .select2FormFont {    width: 20px !important;}.rightAlign .namelarge.zfSelect2CustomCont .oneType .select2FormFont {    width: 37px !important;}.rightAlign .namelarge.zfSelect2CustomCont .select2FormFont {    width: 65px !important;}.namelarge.zfSelect2CustomCont .oneType .select2FormFont {    width: 45px !important;}.leftAlign .namelarge.zfSelect2CustomCont .select2FormFont {    width: 40px !important;}.leftAlign .namelarge.zfSelect2CustomCont .oneType .select2FormFont {    width: 38px !important;}.rightAlign .name.namesmall.zfSelect2CustomCont .select2FormFont {    width: 35px !important;}.rtlWrapper .rightAlign .name.namesmall.zfSelect2CustomCont .select2FormFont {    width: 31px !important;    float: right;}.subFormHorizontal .name.zfSubformSelect2 .tempContDiv.oneType .salutation span {    width: 100%;}.tempSubfrmWrapper .namemedium.zfSubformSelect2 .tempContDiv.oneType .select2FormFont {    width: 50px !important;}.rtlWrapper .namemedium.zfSelect2CustomCont .select2FormCont .select2-selection__rendered {    width: 35px !important;}.rtlWrapper .name.namesmall.zfSelect2CustomCont .oneType .select2FormFont {    width: 35px !important;}.rtlWrapper .namelarge.zfSelect2CustomCont .oneType .select2FormFont {    width: 60px !important;}.rtlWrapper .namelarge.zfSelect2CustomCont .threeType .select2FormFont {    width: 36px !important;}.name.namesmall.zfSelect2CustomCont .oneType .select2FormFont {    width: 35px !important;}}@media only screen  and (min-width:550px) and (max-width:649px) { .name.namesmall.zfSelect2CustomCont .select2FormFont {    width: 65px !important;}.leftAlign .name.namesmall.zfSelect2CustomCont .select2FormFont {    width: 40px !important;}.leftAlign .namelarge.zfSelect2CustomCont .select2FormFont {    width: 22px !important;}.leftAlign .namelarge.zfSelect2CustomCont .oneType .select2FormFont {    width: 46px !important;}.leftAlign .namelarge.zfSelect2CustomCont .threeType .select2FormFont {    width: 32px !important;}.leftAlign .namelarge.zfSelect2CustomCont .select2FormFont {    width: 23px !important;}.namelarge.zfSelect2CustomCont .threeType .select2FormFont {    width: 41px !important;}.name.namesmall.zfSelect2CustomCont .select2FormFont {    width: 80px !important;}.namemedium.zfSelect2CustomCont .threeType .select2FormFont {    width: 35px !important;} .name.namesmall.zfSelect2CustomCont .twoType .select2FormFont {    width: 35px !important;}.rightAlign .namelarge.zfSelect2CustomCont .threeType .select2FormFont {    width: 20px !important;}.rtlWrapper .rightAlign .namelarge.zfSelect2CustomCont .threeType .select2FormFont {    width: 20px !important;}.rightAlign .namelarge.zfSelect2CustomCont .oneType .select2FormFont {    width: 48px !important;}.rightAlign .namelarge.zfSelect2CustomCont .select2FormFont {    width: 25px !important;}.rightAlign .name.namesmall.zfSelect2CustomCont .select2FormFont {    width: 35px !important;}.rtlWrapper .namemedium.zfSelect2CustomCont .select2FormCont .select2-selection__rendered {    width: 45px !important;}.rtlWrapper .namemedium.zfSelect2CustomCont .select2FormFont {    width: 40px !important;}.rtlWrapper .name.namesmall.zfSelect2CustomCont .oneType .select2FormFont {    width: 45px !important;}.rtlWrapper .namelarge.zfSelect2CustomCont .oneType .select2FormFont {    width: 60px !important;}.rtlWrapper .namelarge.zfSelect2CustomCont .threeType .select2FormFont {    width: 40px !important;}.name.namesmall.zfSelect2CustomCont .oneType .select2FormFont {    width: 45px !important;}.leftAlign .name.namesmall.zfSelect2CustomCont .oneType .select2FormFont {    width: 25px !important;}.leftAlign .namemedium.zfSelect2CustomCont .select2FormFont {    width: 40px !important;}.rightAlign .name.namesmall.zfSelect2CustomCont .oneType .select2FormFont {    width: 25px !important;}.rightAlign .namemedium.zfSelect2CustomCont .select2FormFont {    width: 30px !important;}}@media only screen  and (min-width:320px) and (max-width:420px)  {	.rightAlign .namelarge.zfSelect2CustomCont .threeType .select2FormFont {    width: 41px !important;}.rightAlign .name.namesmall.zfSelect2CustomCont .select2FormFont {    width: 22px !important;}.rightAlign .namelarge.zfSelect2CustomCont .select2FormFont {    width: 42px !important;}.tempSubfrmWrapper .namemedium.zfSubformSelect2 .threeType .select2FormFont {    width: 78px !important;}.rightAlign .name.namesmall.zfSelect2CustomCont .oneType .select2FormFont {    width: 25px !important;}.rightAlign .namemedium.zfSelect2CustomCont .select2FormFont {    width: 30px !important;}.tempFrmWrapper.namelarge .threeType .form_selectBox .select2-container--default .select2-selection--single.select2FormCont .select2-selection__rendered .select2FormFont {    width: 25px;}}@media only screen  and (min-width:650px) and (max-width:768px)  { .rightAlign .namelarge.zfSelect2CustomCont .threeType .select2FormFont {    width: 32px !important;}.rightAlign .name.namesmall.zfSelect2CustomCont .select2FormFont {    width: 55px !important;}.rightAlign .namemedium.zfSubformSelect2 .select2FormFont {    width: auto !important;}.name.namesmall.zfSelect2CustomCont .oneType .select2FormFont {    width: 55px !important;}.leftAlign .name.namesmall.zfSelect2CustomCont .oneType .select2FormFont {    width: 35px !important;}.rightAlign .name.namesmall.zfSelect2CustomCont .oneType .select2FormFont {    width: 25px !important;}.rtlWrapper .namemedium.zfSelect2CustomCont .select2FormCont .select2-selection__rendered {    width: 45px !important;}.rtlWrapper .namemedium.zfSelect2CustomCont .select2FormFont {    width: 40px !important;}.rtlWrapper .namemedium.zfSelect2CustomCont .select2FormCont .select2-selection__rendered {    width: 45px !important;}.rtlWrapper .leftAlign .namemedium.zfSelect2CustomCont .select2FormCont .select2-selection__rendered {    width: 35px !important;}.rtlWrapper .tempFrmWrapper.name.zfSelect2CustomCont .threeType .form_selectBox .select2-container--default .select2-selection--single.select2FormCont .select2-selection__rendered .select2FormFont {    padding: 0;}}@media only screen  and (min-width:601px) and (max-width:649px)  { .rtlWrapper .namemedium.zfSelect2CustomCont .select2FormCont .select2-selection__rendered {    width: 35px !important;}.rtlWrapper .namemedium.zfSelect2CustomCont .select2FormFont {    width: 35px !important;}.rtlWrapper .name.namesmall.zfSelect2CustomCont .twoType .select2FormFont {    width: 25px !important;}.rtlWrapper .namelarge.zfSelect2CustomCont .select2FormCont .select2-selection__rendered {    width: 35px !important;}.rtlWrapper  .namelarge.zfSelect2CustomCont .select2FormFont {    width: 42px !important;}}@media only screen  and (min-width:481px) and (max-width:600px)  {  .rtlWrapper .name.namesmall.zfSelect2CustomCont .twoType .select2FormFont {    width: 30px !important;}.rtlWrapper .tempFrmWrapper.name.namesmall.zfSelect2CustomCont .select2-container--default .select2-selection--single .select2-selection__arrow b {    right: 0px;    left: 5%;}.rtlWrapper .namemedium.zfSelect2CustomCont .select2FormFont {    width: 35px !important;}.rtlWrapper .tempFrmWrapper.name.namemedium.zfSelect2CustomCont .select2-container--default .select2-selection--single .select2-selection__arrow b {    right: 0;    left: 10%;}.rtlWrapper .namelarge.zfSelect2CustomCont .select2FormFont {    width: 50px !important;    float: right;}.rtlWrapper .tempFrmWrapper.name.namelarge.zfSelect2CustomCont .select2-container--default .select2-selection--single .select2-selection__arrow b {    right: 0;    left: 10%;}}@media only screen  and (min-width:450px) and (max-width:649px) {	.rtlWrapper .tempFrmWrapper.name.zfSelect2CustomCont .threeType .form_selectBox .select2-container--default .select2-selection--single.select2FormCont .select2-selection__rendered .select2FormFont {    padding-left: 0px;}}@media only screen  and (min-width:3200px) and (max-width:449px) { 	.rtlWrapper .tempSubfrmWrapper .namemedium .threeType .form_selectBox .select2-container--default .select2-selection--single.select2FormCont .select2-selection__rendered .select2FormFont {    width: 70px !important;    float: right;}}@media only screen  and (min-width:380px) and (max-width:480px)  { 	.rtlWrapper .namemedium.zfSelect2CustomCont .select2FormCont .select2-selection__rendered {    width: 25px !important;   }	.rtlWrapper .leftAlign .namemedium.zfSelect2CustomCont .select2FormCont .select2-selection__rendered {    width: 40px !important;   }	   .rtlWrapper .namemedium.zfSelect2CustomCont .select2FormFont {    width: 20px !important;}.rtlWrapper .tempFrmWrapper.name.namemedium.zfSelect2CustomCont .select2-container--default .select2-selection--single .select2-selection__arrow b {	 right: auto;    left: 10%;}}@media only screen  and (min-width:320px) and (max-width:450px)  { .rtlWrapper .zfSubformSelect2 .select2-container .select2-selection--single .select2-selection__rendered {    width: 80px;}.tempSubfrmWrapper .namemedium.zfSubformSelect2 .threeType .select2FormFont {    width: 65px !important;}	.rtlWrapper .tempFrmWrapper.name.namemedium .threeType .form_selectBox .select2-container--default .select2-selection--single.select2FormCont .select2-selection__rendered {    float: right;}.rtlWrapper .namemedium.zfSelect2CustomCont .select2FormCont .select2-selection__rendered {    width: 65px !important;}.rtlWrapper .namemedium.zfSelect2CustomCont .select2FormFont {    width: 40px !important;}.topAlign .tempFrmWrapper.name.namesamll.zfSelect2CustomCont .twoType .form_selectBox .select2-container--default .select2-selection--single.select2FormCont .select2-selection__rendered .select2FormFont {    width: 30px !important;}}@media only screen  and (min-width:500px) and (max-width:768px)  { .rtlWrapper .rightAlign .zfSelect2CustomCont.dropdown.large .select2-container--default .select2-selection--single .select2-selection__rendered {    width: 220px;}.rtlWrapper .rightAlign .zfSelect2CustomCont.dropdown.medium .select2-container--default .select2-selection--single .select2-selection__rendered {    padding-right: 0;}}@media only screen  and (min-width:320px) and (max-width:500px)  {  .rtlWrapper .rightAlign .zfSelect2CustomCont.dropdown.large .select2-container--default .select2-selection--single .select2-selection__rendered {    width: 130px;}.rtlWrapper .rightAlign .zfSelect2CustomCont.dropdown.medium .select2-container--default .select2-selection--single .select2-selection__rendered {    width: 120px;    padding: 0;    float: right;}.rtlWrapper .rightAlign .zfSelect2CustomCont.dropdown.small .select2-container--default .select2-selection--single .select2-selection__rendered {    width: 120px;}.rtlWrapper .tempFrmWrapper.namelarge .threeType .form_selectBox .select2-container--default .select2-selection--single.select2FormCont .select2-selection__rendered .select2FormFont {	float: right;	width: 45px !important;	}.rtlWrapper .tempFrmWrapper.namelarge .threeType .form_selectBox .select2-container--default .select2-selection--single.select2FormCont .select2-selection__rendered  {	padding: 0;	}}@media only screen  and (min-width:700px) and (max-width:768px)  { .rtlWrapper .tempSubfrmWrapper .dropdown.zfSelect2CustomCont.small .form_selectBox .select2-container--default .select2-selection--single.select2FormCont .select2-selection__rendered {    width: 500px;}}@media only screen  and (min-width:450px) and (max-width:690px)  { .topAlign .tempFrmWrapper.name.namesmall.zfSelect2CustomCont .form_selectBox .select2-container--default .select2-selection--single.select2FormCont .select2-selection__rendered .select2FormFont {    width: 25px !important;} }@media only screen  and (min-width:0px) and (max-width:768px)  { .slider .ui-state-default.ui-corner-all.zf-sliderState, .sliderValue.sliderValueLive {	display: none; }}@media only screen  and (min-width:320px) and (max-width:480px)  { .cameraWrapper.zfAudioRecPopup .cameraFooter a.closePopup {    background: #000000;    width: 27px;    height: 27px;    top: -45px;    right: -29px;    cursor: pointer;    position: absolute;}.cameraWrapper.zfAudioRecPopup .cameraFooter svg.icon.delete_icon {    stroke-width: 0;    width: 15px;    height: 15px;}.cameraWrapper.zfAudioRecPopup {	left: 5% !important;	 width: 85% !important;}.zfAudioRecPopup audio {    width: 100%;    height: 55px;}.cameraWrapper.zfAudioRecPopup .cameraFooter {    min-height: 0;    position: relative;    float: none;    width: auto;    position: relative;    right: auto;    top: 0;    text-align: center;    display: inline-flex;    width: 100%;    justify-content: flex-end;}.cameraWrapper.zfVideoRecPopup.zfAudioRecPopup .popUpInner, .cameraWrapper.zfVideoRecPopup.zfAudioRecPopup .popupMainCont {	 height: 100px;    overflow: visible;}.zfAudioRecPopup p.avTimer {    bottom: 22px;}.zfAudioLoading {    top: 50px;}.cameraWrapper.zfAudioRecPopup.zfAudioRecPopupWidth .popUpInner {    height: 143px;    display: inline-block;}.cameraWrapper.zfAudioRecPopup.zfAudioRecPopupWidth .cameraFooter a.closePopup {    top: -98px;}.cameraWrapper.zfAudioRecPopup.zfAudioRecPopupWidth .cameraFooter {    justify-content: center;    top: 15px;}.uploadedCont li {    width: 88%; } .cameraWrapper.zfVideoRecPopup .cameraFooter .reTakeCamera.stopRecordBtn { 	margin-top: -4px; } .cameraWrapper.zfVideoRecPopup .popUpInner { 	width: 100%; } .cameraWrapper.zfVideoRecPopup .popUpInner, .cameraWrapper.zfVideoRecPopup .popupMainCont {    height: 328px;}}@media only screen  and (min-width:481px) and (max-width:780px)  { .cameraWrapper.zfVideoRecPopup.zfAudioRecPopup audio {    height: 48px; }.cameraWrapper.zfVideoRecPopup .popupMainCont {    height: 250px;}.zfAudioRecPopup.zfAudioRecPopupWidth {   left: 10px !important;    position: relative;}/* .cameraWrapper.zfVideoRecPopup .popUpInner, .cameraWrapper.zfVideoRecPopup .popupMainCont {	height: 540px;} */}@media only screen and (min-width:0px) and (max-width:420px) { .threeColumns .tempContDiv .customRadioBtn span, .twoColumns .tempContDiv .customRadioBtn span, .threeColumns .tempContDiv .customCheckBox span, .twoColumns .tempContDiv .customCheckBox span {     width:100% !important;}}@media only screen and (min-width: 0px) and (max-width: 580px) {.ofOuterPopupBg {    width: 88% !important;    margin: 0 auto;  }  .zf_VideoLance .vEfield.zfaudioVidCont {       height: 185px !important;       width: 100% !important;    }}@media only screen and (min-width:0px) and (max-width:430px) { .popUpOuterliveTrans{        width: 88% !important;        margin: 0 auto;    }}@media only screen  and (min-width:250px) and (max-width:320px)  {     .cameraWrapper.zfAudioRecPopup {        left: 5% !important;         width: 85% !important;    }    .cameraWrapper.zfAudioRecPopup .cameraFooter {        min-height: 0;        position: relative;        float: none;        width: auto;        position: relative;        right: auto;        top: 0;        text-align: center;        display: inline-flex;        width: 100%;        justify-content: flex-end;    }    .cameraWrapper.zfAudioRecPopup.zfAudioRecPopupWidth .cameraFooter {        justify-content: center;        top: 15px;    }    .cameraWrapper.zfAudioRecPopup.zfAudioRecPopupWidth .popUpInner {        height: 143px;        display: inline-block;    }    .cameraWrapper.zfVideoRecPopup.zfAudioRecPopup .popUpInner, .cameraWrapper.zfVideoRecPopup.zfAudioRecPopup .popupMainCont {       height: 150px;       overflow: visible;       width: 100%;    }    .zfAudioRecPopup p.avTimer {        bottom: 44px;    }    .zfAudioRecPopup audio {        width: 100%;        height: 55px;    }    .subFormHorizontal li.file_upload .tempContDiv {        min-width: auto !important;    }    .uploadedCont li {        width: 100%;        box-sizing: border-box;        margin-right: 0;        height: auto;        padding-top: 10px;    }    .uploadedCont {        padding: 10px;        padding-bottom: 0;    }    .imageOptions {        box-sizing: border-box;    }        .tempSubfrmWrapper .imageOptionsText {        padding-left: 0;    }    .imageOptionsActCont .uploadIconCont:first-of-type {        margin-left: 0;    }    .tempSubfrmWrapper .uploadedCont .uploadFileTitle {        max-width: 30%;    }}@media only screen  and (min-width:320px) and (max-width:560px)  {      .zfAudioRecPopup audio {        width: 100%;        height: 55px;    }}@media only screen  and (min-width:480px) and (max-width:560px)  {      .zfAudioRecPopup audio {        width: 240px;    }}@media only screen and (min-width:0px) and (max-width:480px) {     .zf_VideoPort .vEfield.zfaudioVidCont.zfvideoType.zfEmbedInstagram {        height: 670px !important;        width: 100% !important; }    .zf_VideoPort .vEfield.zfaudioVidCont.zfvideoType {        width: 100% !important;        height: 380px !important;  }}@media only screen and (min-width:481px) and (max-width:640px) {     .zf_VideoPort .vEfield.zfaudioVidCont.zfvideoType.zfEmbedInstagram {        height: 840px !important;        width: 100% !important; }     .zf_VideoPort .vEfield.zfaudioVidCont.zfvideoType {       width: 100% !important;       height: 720px;  }}@media only screen and (min-width:0px) and (max-width:640px) {     .vEfield.zfaudioVidCont.zfaudioType {        height: 360px !important;        width: 100% !important;  } }@media(max-width: 481px) {    .zdraftBoxes {        flex-flow: column;        align-items: center;    }    .rtlWrapper .zdraftBoxes, .rtl .zdraftBoxes {        flex-direction: column-reverse;    }        .zdraftEntListCont {        left: 20px;        right: 40px;    }    .zdraftSumComtain {        padding: 16px 16px;        box-sizing: border-box;    }    .zdraftClose {        right: -33px;    }    .zdraftBox {        width: 100%;        max-width: 100%;    }    }@media(max-width:580px) {    .zdraftEntries {        padding: 34px;    }    }