.zfImageSliderParentDiv ::selection {    background: transparent;}.zfImageSliderParentDiv {    display: flex;    width: 100%;    height: 450px;    flex-wrap: nowrap;    flex-direction: column;}.zfImageSliderContArea {    width: 100%;    display: flex;    flex: 1;    border-radius: 5px;    overflow: hidden;}.zfImageSliderImgArea, .zfImageSliderContentArea {    width: 50%;    flex: 1;}.zfImageSliderImgArea {    display: flex;    align-items: center;	justify-content: center;    position: relative;}.zfImageSliderContentArea {    display: flex;    align-items: center;    justify-content: center;    flex-direction: column;    grid-gap: 15px;    display: none;}.mainImgSlide {    width: 100%;    height: 100%;}.imageSliderThumbnail {    margin: 16px 0 0;    border-radius: 5px;        display: flex;    overflow: hidden;    overflow-x: auto;}.imageSliderThumbnailInside {    display: flex;    margin-left: auto;    margin-right: auto;    grid-gap: 0 16px;}.thumbnailRight .imageSliderThumbnailInside {    display: flex;    flex-direction: column;    grid-gap: 16px 0;}.zfImageSliderParentDiv.thumbnailRight {    display: flex;    flex-direction: row;	overflow: hidden;}.thumbnailRight .imageSliderThumbnail {    height: 100%;    margin: 0 0 0 16px;    flex-direction: column;    grid-gap: 18px 0;    align-items: center;    overflow: hidden;    overflow-y: auto;}.rtl .thumbnailRight .imageSliderThumbnail {    margin: 0 16px 0 0px;}.thumbnailRight .imageSliderImg {    width: 100px;    height: 75.5px;}.thumbnailRight .imageSliderImg img {       width: auto;    max-height: 100%;    max-width: 100% !important;}.slideListOptions {    height: 100%;}.zfImageSliderImgArea img {    width: auto;    max-width: 100% !important;	height: 100%;    }.zfImageSliderContentArea h2 {    font-size: 18px;    font-weight: 500;}.zfImageSliderContentArea p {    line-height: 150%;    font-size: 13px;    text-align: center;    padding: 0 16px;}.imageSliderImg {    border-radius: 8px;    position: relative;    overflow: hidden;    display: flex;    align-items: center;    justify-content: center;    margin-bottom: 25px;    float: left;    width: 122.7px;    margin: 0 0 0 0px;    height: 90px;    flex-shrink: 0;	padding: 2px;	border: 1px solid transparent;	box-sizing: border-box;    cursor: pointer;}.imageSliderImg.selected {    border-color: 1px solid var(--label-txt-clr);}.imageSliderImg:after {    width: 98%;    height: 98%;    position: absolute;    content: "";    border: 1px solid var(--label-txt-clr);    top: 0;    left: 0;    opacity: 0.2;    border-radius: 8px;}.imageSliderImg.selected:after {    display: none;}.imageSliderImg img {	width: auto;    max-width: 100% !important;    max-height: 100%;}.zfImageSliderParentDiv.thumbnailLeft {    flex-direction: row-reverse;}.zfImageSliderParentDiv.thumbnailLeft .imageSliderThumbnail {    margin-right: 16px;    margin-left: 0;    overflow: visible;}.zfImageSliderParentDiv.thumbnailLeft .imageSliderThumbnail .imageSliderImg {	overflow: hidden;	position: relative;}.zfImgSliderLft, .zfImgSliderRht {    position: absolute;    width: 34px;    height: 34px;    background: rgb(var(--sliderNavigation-bgclr));    border-radius: 50px;    left: 16px;    cursor: pointer;    top: 50%;	z-index: 1;    transform: translateY(-50%);	display: flex;    align-items: center;    justify-content: center;}.zfImgSliderLft:after, .zfImgSliderRht:after{    content: "";    position: absolute;    width: 100%;    height: 100%;    border-radius: 50px;    box-shadow: 0px 0px 3px 1px var(--label-txt-clr);    opacity: 0.3;}.zfImgSliderRht {    left: auto;    right: 16px;}.zfImgSliderRht svg, .zfImgSliderLft svg {    width: 26px;    height: 26px;    fill: rgb(var(--sliderNavigation-txtlr));} .rtl .zfImgSliderLft {    right: 16px;    left: 0;}.rtl .zfImgSliderRht {    right: auto;    left: 16px;}.rtl .zfImgSliderRht svg {    transform: rotate(180deg);    position: relative;    right: 1px;}.rtl .zfImgSliderLft svg {    transform: rotate(180deg);    position: relative;    left: 1px;}.zfImgSliderPagination {    display: flex;    width: 100%;    height: auto;    margin: 20px 0 8px;    border-radius: 5px;    grid-gap: 0 8px;    justify-content: center;    align-items: center;}.zfImgSliderPagination span {    width: 14px;    height: 14px;    background: var(--label-txt-clr);    border-radius: 50px;    transition: 0.2s linear;    transform: scale(1);    cursor: pointer;    opacity: 0.2;}.zfImgSliderPagination span.selected {	transform: scale(1.20);	background: var(--label-txt-clr);	opacity: 1;}.sliderFourModel .imageSliderThumbnail {    display: none;}.sliderFourModel .slideListOptions {    display: flex;}.singleImgSliderCont .zfImgSliderLft, .singleImgSliderCont .zfImgSliderRht, .singleImgSliderCont .zfImgSliderPagination,.singleImgSliderCont .imageSliderThumbnail {    display: none;}.zfSlider .ui-widget-content {    background-color: rgba(var(--input-bg-clr), var(--input-bg-opacity));    border: 1px solid rgb(var(--input-bdr-clr));    -webkit-border-radius: 32px !important;    -moz-border-radius: 32px !important;    border-radius: 32px !important;    opacity: 1;}.zfSlider .ui-state-default, .zfSlider .ui-widget-content .ui-state-default, .zfSlider .ui-widget-header .ui-state-default {   background: var(--value-txt-clr) !important;    cursor: pointer !important;    height: 14px;    width: 14px;    position: absolute;    top: -7px;    z-index: 4;    margin-left: -10px;    -webkit-border-radius: 30px !important;    -moz-border-radius: 30px !important;    border-radius: 30px !important;    border: 4px solid var(--value-txt-clr) !important;    text-decoration: none;}.ui-corner-all {    -webkit-border-radius: 2px;    -moz-border-radius: 2px;    border-radius: 2px;}.zfSlider .slideActCont {    background: rgba(var(--input-bg-clr), var(--input-bg-opacity));    color: var(--value-txt-clr);    padding: 5px 5px;    display: inline-block;    position: relative;    top: -50px;    min-width: 30px;    left: -14px;    text-align: center;    font-size: var(--slider-range-txt-size);    text-decoration: none;    -webkit-border-radius: 3px;    -moz-border-radius: 3px;    border-radius: 3px;    border: 1px solid var(--value-txt-clr) !important;    max-width: 200px;    word-break: normal;}.ofSubformWrapper .zfSlider .slideActCont {    font-size: var(--sf-slider-range-txt-size);}.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {    color: var(--value-txt-clr) !important;}.zfSlider .ui-slider-horizontal .ui-slider-range-min {    left: -1px;}.zfSlider .ui-slider .ui-slider-range {    background-color: var(--value-txt-clr);    border: 1px solid var(--value-txt-clr);    -webkit-border-radius: 30px;    -moz-border-radius: 30px;    border-radius: 30px;    top: -1px;}.zfSlider .sliderValueCont {    padding: 0;    font-size: var(--instruction-txt-size);    margin-top: 3px;}.ofSubformWrapper .zfSlider .sliderValueCont {    padding: 0;    font-size: var(--sf-instruction-txt-size);}.zfSlider .sliderValue {    text-align: left;    color: var(--value-txt-clr);}.zfSlider .sliderValue em {    display: block;}.zfSlider .sliderValue em {    font-size: var(--instruction-txt-size);    color: var(--value-txt-clr);    font-style: italic;    font-weight: 400;}.ofSubformWrapper .zfSlider .sliderValue em {    font-size: var(--sf-instruction-txt-size);}.zfSlider .rt {    text-align: right;}.zfSlider {    margin-top: 45px;}.slideActCont:before {    content: "";    width: 0px;    height: 0px;    border-left: 4px solid transparent;    border-right: 4px solid transparent;    border-top: 6px solid var(--value-txt-clr);    position: absolute;    bottom: -6px;    left: 0;    right: 0;    margin: 0 auto;}.zfSlider .ui-state-default.zf-sliderState {    width: 14px !important;    height: 14px !important;    top: -4px !important;     background: var(--value-txt-clr) !important;    cursor: pointer !important;    position: absolute;    z-index: 3;    margin-left: -9px;    -webkit-border-radius: 30px !important;    -moz-border-radius: 30px !important;    border-radius: 30px !important;    border: 1px solid var(--value-txt-clr) !important;    -webkit-box-shadow: 0 0 2px #9f9f9f;    -moz-box-shadow: 0 0 2px #9F9F9F;    box-shadow: 0 0 2px #9f9f9f;    text-decoration: none;}.sliderValue.sliderValueLive {    top: 15px;    position: relative;    text-align: center;    font-size: 11px;    font-weight: normal;    white-space: nowrap;    color: var(--value-txt-clr);}.zfSlider .sliderValue.sliderValueLive em {    display: block;    font-size: 11px;}.zfSlider a.ui-slider-handle {    text-decoration: none;}.zfRating .ratingWrapper svg {    fill: rgba(var(--input-rating-bg-clr), var(--input-rating-bg-opacity));    width: 57px;    height: 57px;    stroke: rgb(var(--input-rating-bdr-clr));    -webkit-transition: fill 0.3s, stroke 0.3s;    -moz-transition: fill 0.3s, stroke 0.3s;    -ms-transition: fill 0.3s, stroke 0.3s;    transition: fill 0.3s, stroke 0.3s;    position: inherit;    opacity: 9;    margin-bottom: 20px;}.zfRating .star .ON svg {    fill: var(--value-txt-clr);    stroke: rgb(var(--input-rating-bdr-clr));}.zfRating .light .ON svg {    fill: var(--value-txt-clr);    stroke: rgb(var(--input-rating-bdr-clr));}.zfRating .shield .ON svg {    fill: var(--value-txt-clr);    stroke: rgb(var(--input-rating-bdr-clr));}.zfRating .heart .ON svg {    fill: var(--value-txt-clr);    stroke: rgb(var(--input-rating-bdr-clr));}.zfRating .flag .ON svg {    fill: var(--value-txt-clr);    stroke: rgb(var(--input-rating-bdr-clr));}.zfRating .bulb .ON svg {    fill: var(--value-txt-clr);    stroke: rgb(var(--input-rating-bdr-clr));}.zfRating .ratingWrapper a {    margin-right: 15px;    display: inline-block;}.zfRating .ratingWrapper a:last-child {    margin-right: 0px;}.rtl .zfRating .ratingWrapper a:first-child {    margin-right: 0;}.zfRating .ratingWrapper a:hover {    text-decoration: none;}.zfRating .thumbsUp .ON svg {    fill: var(--value-txt-clr);    stroke: rgb(var(--input-rating-bdr-clr));}.zfRating .fire .ON svg {    fill: var(--value-txt-clr);    stroke: rgb(var(--input-rating-bdr-clr));}.zfRating .blood .ON svg {    fill: var(--value-txt-clr);    stroke: rgb(var(--input-rating-bdr-clr));}.zfRating .crown .ON svg {    fill: var(--value-txt-clr);    stroke: rgb(var(--input-rating-bdr-clr));}.zfRating .leaf .ON svg {    fill: var(--value-txt-clr);    stroke: rgb(var(--input-rating-bdr-clr));}.zfRating .book .ON svg {    fill: var(--value-txt-clr);    stroke: rgb(var(--input-rating-bdr-clr));}.zfRating .trophy .ON svg {    fill: var(--value-txt-clr);    stroke: rgb(var(--input-rating-bdr-clr));}.zfRating .useravatar .ON svg {    fill: var(--value-txt-clr);    stroke: rgb(var(--input-rating-bdr-clr));}.zfRating .gift .ON svg {    fill: var(--value-txt-clr);    stroke: rgb(var(--input-rating-bdr-clr));}.zfRating .christmas .ON svg {    fill: var(--value-txt-clr);    stroke: rgb(var(--input-rating-bdr-clr));}.zfRating .daylight .ON svg {    fill: var(--value-txt-clr);    stroke: rgb(var(--input-rating-bdr-clr));}.zfRating .chef .ON svg {    fill: var(--value-txt-clr);    stroke: rgb(var(--input-rating-bdr-clr));}.zfRating .pizza .ON svg {    fill: var(--value-txt-clr);    stroke: rgb(var(--input-rating-bdr-clr));}.zfRating .diamond .ON svg {    fill: var(--value-txt-clr);    stroke: rgb(var(--input-rating-bdr-clr));}.zfRating .shopping .ON svg {    fill: var(--value-txt-clr);    stroke: rgb(var(--input-rating-bdr-clr));}.zfRating .pumpkin .ON svg {    fill: var(--value-txt-clr);    stroke: rgb(var(--input-rating-bdr-clr));}.zfRating .cloud .ON svg {    fill: var(--value-txt-clr);    stroke: rgb(var(--input-rating-bdr-clr));}.zfRating .rain .ON svg {    fill: var(--value-txt-clr);    stroke: rgb(var(--input-rating-bdr-clr));}.zfRating .wine .ON svg {    fill: var(--value-txt-clr);    stroke: rgb(var(--input-rating-bdr-clr));}.zfRating .van .ON svg {    fill: var(--value-txt-clr);    stroke: rgb(var(--input-rating-bdr-clr));}.zfRating .van svg {    stroke-width: 0.5px;    width: 60px !important;    height: 60px !important;}.zfRating .pizza svg {    stroke-width: 0.4px;}.zfRating .applause .ON svg {	fill: var(--value-txt-clr);	stroke: rgb(var(--input-rating-bdr-clr));}.zfRating .toddler .ON svg {	fill: var(--value-txt-clr);    stroke: rgb(var(--input-rating-bdr-clr));}.zfRating .football .ON svg {	fill: var(--value-txt-clr);    stroke: rgb(var(--input-rating-bdr-clr));}.zfRating .notebook .ON svg {	fill: var(--value-txt-clr);    stroke: rgb(var(--input-rating-bdr-clr));}.zfRating .happyface .ON svg {	fill: var(--value-txt-clr);    stroke: rgb(var(--input-rating-bdr-clr));}.zfRating .soccer .ON svg {	fill: var(--value-txt-clr);    stroke: rgb(var(--input-rating-bdr-clr));}.zfRating .excellent .ON svg {	fill: var(--value-txt-clr);    stroke: rgb(var(--input-rating-bdr-clr));}.medium .zfRating .ratingWrapper svg {    width: 67px;    height: 67px;}.large .zfRating .ratingWrapper svg {    width: 77px;    height: 77px;}.ratingWrapper.numericbox {    display: table; 	table-layout: fixed;    border-collapse:separate;	width: 100%;    box-sizing: border-box;}.zfRating .numericbox a {    display: table-cell;    width:10%;    height: 55px;    position: relative;    margin-right: 0;	white-space: nowrap;	border: 1px solid rgba(var(--input-rating-bdr-clr));	border-right: none;	box-sizing: border-box;	overflow: hidden;}.zfRating .numericbox a:last-of-type {	border-radius: 0px 4px 4px 0;}.zfRating .numericbox a:first-of-type {	border-radius: 4px 0 0 4px;}.zfRating .numericbox a:last-of-type  {	border-right: 1px solid rgba(var(--input-rating-bdr-clr));}.rtl .zfRating .numericbox a:first-of-type{	border-right: 1px solid rgba(var(--input-rating-bdr-clr));	border-radius: 0 4px 4px 0;}.rtl .zfRating .numericbox a:last-of-type{	border-right:none;	border-radius: 4px 0 0 4px;}.zfRating .numericbox a:last-of-type{	border-right: 1px solid rgba(var(--input-rating-bdr-clr)) !important;}.zfRating .numericbox a.ON .liveNumericType {	color: rgba(var(--input-rating-sel-txt-clr));	background-color: var(--value-txt-clr);}.zfRating .numericbox a.ON:focus{	border-right: none;}.liveNumericType {    position: relative;    height: 100%;    display: flex;    align-items: center;    justify-content: center;    color: rgba(var(--input-rating-bdr-clr));    font-size: var(--value-txt-size);    white-space: nowrap;    transform: scale(1);    transition: 0.1s ease-in-out;}.zfRating .numericbox a:hover .liveNumericType {	transform: scale(1.12);}.zfRating .numericbox a.ON.selected:hover  .liveNumericType, .zfRating .numericboxsep a.ON.selected:hover, .zfRating .numericcircle a.ON.selected:hover {    transform:scale(1)}.autoNext .zfRating .ratingWrapper.numericbox a.selected {    animation-name: none;    animation-duration: initial;    animation-iteration-count: initial;    animation-timing-function: initial;}.zfRating .ratingWrapper.numericbox a.selected .liveNumericType {    transform: scale(1.12);}.zfRating .ratingWrapper.numericbox a.ON.selected .liveNumericType {    transform: scale(1);}.ratingWrapper.numericboxsep a, .ratingWrapper.numericcircle a {    width: 55px;    height: 55px;    border: 1px solid rgba(var(--input-rating-bdr-clr));    border-radius: 4px;	box-sizing: border-box;	margin-bottom: 10px;	overflow: hidden;    transform: scale(1);    transition: 0.2s ease-in-out;}.ratingWrapper.numericcircle a {	border: 1px solid rgba(var(--input-rating-bdr-clr));	border-radius: 30px;}.zfRating .numericboxsep a.ON:focus{	border: 1px solid rgba(var(--input-rating-bdr-clr));	background-color: var(--value-txt-size);}.zfRating .numericboxsep a:hover {	transform: scale(1.12);} .zfRating .numericcircle a:hover {	transform: scale(1.12); } .zfRating .numericboxsep a.ON .liveNumericType {	color: rgba(var(--input-rating-sel-txt-clr));	background-color: var(--value-txt-clr);}.zfRating .numericcircle a.ON .liveNumericType {	color: rgba(var(--input-rating-sel-txt-clr));	background-color: var(--value-txt-clr);}.type1 .zfRating .ratingWrapper svg{    width:48px;    height:48px;}.type2 .zfRating .ratingWrapper svg{    width:50px;    height:50px;}.type3 .zfRating .ratingWrapper svg{    width:51px;    height:51px;}.type4 .zfRating .ratingWrapper svg{    width:53px;    height:53px;}.type5 .zfRating .ratingWrapper svg{    width:55px;    height:55px;}.rtl .zfRating .ratingWrapper a{    margin-left: 15px;    margin-right: 0;}.customCheckBox .checker {    display: none;}.customCheckBox .cusChoiceSpan {    list-style: none;    display: inline-block !important;    position: relative;}.customCheckBox .cusChoiceLabel, .customRadio .cusChoiceLabel {    cursor: pointer;    margin: 0 !important;    position: relative;    padding: 10px 0;    display: flex;    align-items: center;}.customCheckBox input[type="checkbox"] + .cusChoiceLabel:before {    content: '';    display: inline-block;    width: 1em;    height: 1em;    vertical-align: -0.25em;    border-radius: 0.1em;    border: 1px solid var(--value-txt-clr);    -webkit-transition: 0.5s ease all;    -moz-transition: 0.5s ease all;    -o-transition: 0.5s ease all;    -ms-transition: 0.5s ease all;    transition: 0.5s ease all;    float: left;    margin-top: 0.17em;}.customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {    display: inline-block;    -webkit-transform: rotate(45deg);    -moz-transform: rotate(45deg);    -o-transform: rotate(45deg);    -ms-transform: rotate(45deg);    transform: rotate(45deg);    height: 0.5em;    width: 0.2em;    border-bottom: 1px solid var(--value-txt-clr);    border-right: 1px solid var(--value-txt-clr);    content: "";    position: absolute;    left: 0.47em;    -webkit-transition: 0.5s ease all;    -moz-transition: 0.5s ease all;    -o-transition: 0.5s ease all;    -ms-transition: 0.5s ease all;    transition: 0.5s ease all;    top: 0.38em;    ;}.customCheckBox input[type="checkbox"]:checked, .customCheckBox input[type="checkbox"]:not(:checked) {    position: absolute;    opacity: 0;}.customCheckBox .cusChoiceEm {    display: table-cell;    padding-left: 30px;    color: var(--value-txt-clr);    font-size: var(--value-txt-size);}.ofSubformWrapper .customCheckBox .cusChoiceEm {    font-size: var(--sf-value-txt-size);}.zfDecisionbox .customCheckBox .cusChoiceEm {    color: var(--label-txt-clr);}.customCheckBox input[type="checkbox"] + .cusChoiceLabel:before {    width: 18px;    height: 18px;    border-radius: 2px;    border-width: 1.5px;    margin: 0 0 0 0;    background: transparent;    position: absolute;}.customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {    height: 8px;    width: 3px;    margin: 0;    top: auto;    left: 8px;    border-bottom-width: 2px;    border-right-width: 2px;}.customCheckBox .twoColumns span {    width: 48%;    margin: 0px 4% 0px 0px;    float: left;    border-radius: 5px;    vertical-align: top;    position: relative;    border: 1px solid rgba(var(--elements-clr));}.customCheckBox .twoColumns span:nth-child(even) {    margin-right: 0;}.customCheckBox .twoColumns span:nth-child(1) {    margin-top: 0;}.customCheckBox .twoColumns span:nth-child(2) {    margin-top: 0;}.customCheckBox span.extraWrapper{    border: none;    background:transparent;    transition: margin-top .20s linear 0s;    width: 100%;}.customCheckBox .threeColumns span {    width: 30.6%;    margin: 0 4% 20px 0px;    float: left;}.customCheckBox .threeColumns span:nth-child(3n+0) {    margin-right: 0;    margin-top: 0;}.customCheckBox .sideBySide span {    width: auto;    margin: 0 4% 20px 0px;    float: left;}.fieldtypeText.customCheckBox span {    padding: 3px 18px;    display: block;    border: 1px solid rgba(var(--elements-clr));    border-radius: var(--input-radius);    margin-bottom: 20px;} .fieldtypeText.customCheckBox span{    transform: translate3d(0, 0, 0);    -webkit-transition: transform .25s cubic-bezier(0.33, 0.04, 0.63, 0.93);    -o-transition: transform .25s cubic-bezier(0.33, 0.04, 0.63, 0.93);    -webkit-transition: -webkit-transform .25s cubic-bezier(0.33, 0.04, 0.63, 0.93);    transition: -webkit-transform .25s cubic-bezier(0.33, 0.04, 0.63, 0.93);    -o-transition: -o-transform .25s cubic-bezier(0.33, 0.04, 0.63, 0.93);    border: 1px solid rgba(var(--input-bdr-clr), var(--input-bdr-opacity));    background: rgba(var(--input-bg-clr), var(--input-bg-opacity));    border-width: var(--input-width);    transition: 0.5s;}.fieldtypeText.customCheckBox .selectedChoice {        border: 1px solid rgb(var(--input-bdr-clr)) !important;}.fieldtypeText.customCheckBox span:hover {    -webkit-transform: scale3d(1.02, 1.02, 1) translate3d(0, 0, 0) perspective(400px);    transform: scale3d(1.02, 1.02, 1) translate3d(0, 0, 0) perspective(400px);    z-index: 4;}.fieldtypeText.customCheckBox span.selected {    background-color: var(--elements-highlight-clr);    -webkit-transform: scale3d(1.04, 1.04, 1) translate3d(0, 0, 0) perspective(500px);    transform: scale3d(1.04, 1.04, 1) translate3d(0, 0, 0) perspective(500px);    border: 1px solid var(--value-txt-clr);} .fieldDisabled .customCheckBox .cusChoiceLabel {    opacity: 0.5;    cursor: not-allowed !important;    transform:  none !important;}.fieldDisabled .customCheckBox input[type="checkbox"] + .cusChoiceLabel:before{    background: rgba(190,190,190, .5);}.fieldDisabled .customCheckBox .cusChoiceLabel{    opacity: .9 !important;}.fieldDisabled .fieldtypeText.customCheckBox span.selectedChoice{    transform: scale(1) !important;}.fieldDisabled .fieldtypeText.customCheckBox span:hover{    transform: scale(1) !important;}.fieldDisabled .customCheckBox .twoColumns span {    opacity: 0.5;}.rtl .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {    right: 8px;}.rtl .customCheckBox .oneColumns span {    width: 100%;}.rtl .customCheckBox .twoColumns span:nth-child(even) {    margin-left: 0;}.rtl .customCheckBox .threeColumns span:nth-child(even) {    margin-right: 0;}.rtl .customCheckBox .threeColumns span:nth-child(3n+0) {    margin-left: 0;    margin-top: 0;}.rtl .customCheckBox .twoColumns span, .rtl .customCheckBox .sideBySide span, .rtl .customCheckBox .oneColumns span, .rtl .customCheckBox .threeColumns span {    margin: 0px 0% 20px 4%;    float: right;}.matrixTablewrap {    overflow-x: hidden;    padding-bottom: 15px !important;}.matrixScroll {    overflow-x: auto;    width: 65%;} /*    Windows-Chrome browser affects the Swiper's behaviour by occupying some extra space in the browser viewport.     So hiding it globally and enabling it locally by cusyomizing the scrollabr's color and width/height wherever a scrollbar is neccessary, like Matrix answers, Select2 options list and Phone field's country list.    In other browsers like Firefox and Safari the scroll behaviour is different. It won't occupy extra space in viewport and so it doesn't affect the Swiper's behaviour.     So handling the scrollbars only for Chrome(-webkit) based browsers.  */.select2-results__options::-webkit-scrollbar {    display: block !important;    width: 5px;    height: 0px;}.select2-results__options::-webkit-scrollbar-thumb {    background-color: #A9A9A9;     border-radius: 50px;}.select2-results__options::-webkit-scrollbar-track {    background-color: transparent;    border-radius: 50px;}.matrixScroll::-webkit-scrollbar {    display: block !important;    height: 5px;    width: 0px;}.matrixScroll::-webkit-scrollbar-thumb {    background-color: #A9A9A9;     border-radius: 50px;}.matrixScroll::-webkit-scrollbar-track {    background-color: transparent;    border-radius: 50px;}.matrixTablewrap.matrixScroll.matrixQueDivWrap {    width: 35%;    float: left;    display: flex;    overflow: hidden;}.rtl .matrixTablewrap.matrixScroll.matrixQueDivWrap {    float: right;}.matrixTablewrap tbody th {    font-weight: normal;    text-align: left;    min-width: 100px;    color: var(--label-txt-clr);    font-size: var(--matrix-qs-txt-size);}.ofSubformWrapper .matrixTablewrap tbody th {    font-size: var(--sf-value-txt-size);}.matrixTablewrap table th, .matrixTablewrap table td {    padding: 12px 10px;    text-align: center;    font-size: var(--matrix-ans-txt-size);}.matrixTablewrap table th {    min-width: 72px;    color: var(--label-txt-clr);    font-weight: normal;    word-break: normal;}.matrixTablewrap.matrixFieldWidth table th {    min-width: 170px;}.matrixTablewrap table td {    border-radius: 0px;}.matrixTablewrap.matrixQueDivWrap table th {    min-width: 100%;    display: table-cell;    word-break: break-word;    box-sizing: border-box;}.matrixTablewrap .customRadio input[type="radio"]:checked + label:after{    left: inherit;}.fieldtypeText .customRadio .cusChoiceLabel {    display: inline-block !important;}.matrixTablewrap .customCheckBox input[type="radio"]:checked + label:after, .matrixTablewrap .customCheckBox input[type="radio"]:not(:checked) + label:after {    top: -11px;}.matrixTablewrap .customCheckBox input[type="radio"]:checked + label:before, .matrixTablewrap .customCheckBox input[type="radio"]:not(:checked) + label:before {    top: -15px;}.matrixTablewrap input[ui_type="textbox"] {    padding: 12px 10px;    overflow: hidden;    text-overflow: ellipsis;    padding-right: 35px;}.rtl .matrixTablewrap input[ui_type="textbox"] {    padding-right: 10px;    padding-left: 40px;}.MatrixLabelTxt {    width: 100%;    min-width: 100px !important;}.errorMatrixInput {    border-style: solid !important;    border-width: var(--input-width) !important;    border-color: var(--error-bg-clr) !important;} .matrixSlCont em.inputClearDiv .delete_icon {    left: 0;}.rtl .matrixSlCont em.inputClearDiv .delete_icon {    right: 0;}.matrixCustomColWidth{    width: auto;}.matrixCustomWidth .MatrixLabelTxt {    min-width: auto !important; }.matrixCustomWidth .matrixTablewrap table th, .matrixCustomWidth .matrixTablewrap table td {    box-sizing: border-box;    word-break: break-word;}.matrixCustomWidth .matrixTablewrap .customDropDown .form_sBox .select2-container--default .select2-selection--single.select2FormCont .select2-selection__rendered .select2FormFont{    width: auto;}.matrixTablewrap .customDropDown .form_sBox .select2-container--default .select2-selection--single.select2FormCont .select2-selection__rendered .select2FormFont {    overflow: hidden;    text-overflow: ellipsis;    padding-right: 10px;    width: 106px;    text-align: left;}.matrixCustomColWidth.matrixAnsDivWrap table{    width: auto;}.matrixTablewrap.matrixScroll.matrixQueDivWrap{    flex-direction: column;}.matrixStyle3 .ansDiv {    background: rgba(var(--matrix-bg-clr), var(--matrix-bg-opacity));}.matrixStyle4 .qsDiv{    background: rgba(var(--matrix-bg-clr), var(--matrix-bg-opacity));}.matrixStyle5 .qsDiv, .matrixStyle5 .ansDiv{    background: rgba(var(--matrix-bg-clr), var(--matrix-bg-opacity));}.matrixStyle6 .ansDiv tr:nth-child(odd), .matrixStyle6 .contentDiv tr:nth-child(even),  .matrixStyle6 .qsDiv tr:nth-child(even){    background: rgba(var(--matrix-bg-clr), var(--matrix-bg-opacity));}.matrixStyle7 .ansDiv tr th:nth-child(odd), .matrixStyle7 .contentDiv tr td:nth-child(odd),  .matrixStyle7 .qsDiv tr th{    background: rgba(var(--matrix-bg-clr), var(--matrix-bg-opacity));}.mxCustomStyle .ofMatrixDiv .matrixTablewrap input[ui_type="textbox"] {    border: none;    background: transparent;}.mxCustomStyle .ofMatrixDiv .contentDiv .select2-container--default .select2-selection--single{    border: none;    border-width: 0;    background: transparent;}.mxCustomStyle .ofMatrixDiv table tr th{    border: 0.7px solid var(--label-txt-clr);    border-top: 0px}.mxCustomStyle .ofMatrixDiv .contentDiv tr td{    border: 0.7px solid var(--label-txt-clr);    border-left: none;    border-top: 0px}.mxCustomStyle .ofMatrixDiv .contentDiv{    background:rgba(var(--input-bg-clr), var(--input-bg-opacity));}.mxCustomStyle .ofMatrixDiv .matrixTablewrap table .ansDiv tr th {  border-top: 0.7px solid var(--label-txt-clr);}.mxCustomStyle .ofMatrixDiv .matrixTablewrap input[ui_type="textbox"] {    padding: 1px 25px 1px 12px;    height: 50px;}.mxCustomStyle .ofMatrixDiv .matrixSlCont em.inputClearDiv .delete_icon{    width: 11px;    height: 11px;}.mxCustomStyle .ofMatrixDiv em.inputClearDiv svg, .mxCustomStyle .ofMatrixDiv .oneFldDrpDwnSel2 em.inputClearDiv svg{    width: 11px;    height: 11px;}.mxCustomStyle .ofMatrixDiv input[ui_type="textbox"]~em.inputClearDiv{    right: 12px;}.mxCustomStyle .ofMatrixDiv .customDropDown .select2-container--default .select2-selection--single .select2-selection__arrow b{    border-width: 0 1.5px 1.5px 0 !important;}.mxCustomStyle .ofMatrixDiv .ansDiv tr th{    border-left: none;}.matrixTablewrap.matrixQueDivWrap table th{    text-align: left;}.pageWrapper.type1 .mxCustomStyle .ofMatrixDiv .matrixTablewrap .customRadio input[type="radio"] + label:before, .pageWrapper.type2 .mxCustomStyle .ofMatrixDiv .matrixTablewrap .customRadio input[type="radio"] + label:before{    width: 18px;    height: 18px;}.pageWrapper.type1 .mxCustomStyle .ofMatrixDiv .matrixTablewrap .customRadio input[type="radio"]:checked + label:after, .pageWrapper.type2 .mxCustomStyle .ofMatrixDiv .matrixTablewrap .customRadio input[type="radio"]:checked + label:after {    width: 10px;    height: 10px;}.pageWrapper.type1 .mxCustomStyle .ofMatrixDiv .matrixTablewrap .customCheckBox input[type="checkbox"] + .cusChoiceLabel:before, .pageWrapper.type2 .mxCustomStyle .ofMatrixDiv .matrixTablewrap .customCheckBox input[type="checkbox"] + .cusChoiceLabel:before{    width: 16px;    height: 16px;}.mxCustomStyle .ofMatrixDiv td.contentSpacing{    padding: 0;}.mxCustomStyle .ofMatrixDiv th.headerSpacing{    padding: 12px;}.mxCustomStyle .ofMatrixDiv .mxCornerCell tr th{    background: transparent;    border-left: none;    border-top: none;}.mxCustomStyle .ofMatrixDiv .errorMatrixInput {    border-width: 0px !important;    outline: 1px solid var(--error-bg-clr);    outline-offset: -0.7px;}.mxCustomStyle .ofMatrixDiv .contentDiv tr td:hover input[ui_type="textbox"] {    box-shadow: 0px 15px 5px -16px var(--value-txt-clr);    height: 35px;    box-sizing: border-box;}.mxCustomStyle .ofMatrixDiv .matrixInnerWrap {    padding-right: 2px;    display: table;    width: 100%;    box-sizing: border-box;}.matrixTablewrap .customCheckBox .cusChoiceLabel, .matrixTablewrap .customRadio .cusChoiceLabel {    display: flex !important;    justify-content: center;    align-items: center;}.matrixTablewrap .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {    top: inherit;    left: auto;}.matrixTablewrap .customRadio input[type="radio"] + label:before {    left: inherit;}.matrixTablewrap .customRadio input[type="radio"]:not(:checked) + label:after {    top: 15px;    left: inherit;}.matrixTablewrap .customRadio input[type="radio"]:not(:checked) + label, .matrixTablewrap .customRadio input[type="radio"]:checked + label {    padding: 10px 0;}.ofMatrixDiv .zfErrorParentDiv .zfErrorDiv{    margin-top: -35px;}.ofMatrixDiv .fieldContainer{    margin-bottom: 0 !important;}.fieldDisabled .matrixTablewrap .customRadio input[type="radio"]:not(:checked) + label:before {    opacity: 0.9;    cursor: not-allowed;    background: rgba(190,190,190, .5);}.rtl.mxCustomStyle .ofMatrixDiv .mxCornerCell tr th {    border-right: none;    border-left: 0.7px solid var(--label-txt-clr);}.rtl.mxCustomStyle .ofMatrixDiv .matrixInnerWrap {    padding-left: 2px;    padding-right: 0;}.rtl.mxCustomStyle .ofMatrixDiv .contentDiv tr td {    border-left: 0.7px solid var(--label-txt-clr);    border-right: none;}.rtl.mxCustomStyle .ofMatrixDiv .ansDiv tr th {    border-right: none;    border-left: 0.7px solid var(--label-txt-clr);}.rtl .matrixTablewrap.matrixQueDivWrap table th{    text-align: right;}.rtl.mxCustomStyle .matrixTablewrap input[ui_type="textbox"] {    padding: 1px 12px 1px 40px !important;}.rtl.mxCustomStyle .ofMatrixDiv input[ui_type="textbox"]~em.inputClearDiv {    right: auto;}.rtl .matrixTablewrap .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {    right: auto;    left: auto;}.rtl .matrixfreeze{    left: auto;    right: -1px;}.fieldtypeText .matrixTablewrap .customRadio .cusChoiceLabel, .fieldtypeText .matrixTablewrap .customCheckBox .cusChoiceLabel {    transform: translate3d(0, 0, 0);    -webkit-transition: transform .25s cubic-bezier(0.33, 0.04, 0.63, 0.93);    -o-transition: transform .25s cubic-bezier(0.33, 0.04, 0.63, 0.93);    -webkit-transition: -webkit-transform .25s cubic-bezier(0.33, 0.04, 0.63, 0.93);    transition: -webkit-transform .25s cubic-bezier(0.33, 0.04, 0.63, 0.93);    -o-transition: -o-transform .25s cubic-bezier(0.33, 0.04, 0.63, 0.93);    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);}.fieldtypeText.fieldClearDiv input[ui_type="textbox"]~em.inputClearDiv {    top: 13px;}.fieldtypeText .matrixTablewrap .customRadio .cusChoiceLabel:hover,.fieldtypeText .matrixTablewrap .customCheckBox .cusChoiceLabel:hover {    -webkit-transform: scale3d(1.02, 1.02, 1) translate3d(0, 0, 0) perspective(500px);    transform: scale3d(1.2, 1.2, 1) translate3d(0, 0, 0) perspective(500px);    z-index: 4;}.fieldDisabled .fieldtypeText .matrixTablewrap .customRadio .cusChoiceLabel:hover{    transform:none !important;}.matrixFullWidthDiv .matrixTablewrap.matrixScroll.matrixQueDivWrap {    width: 150px;    transition: width .35s linear 0s;}.matrixFullWidthDiv .matrixScroll {    width: calc(90% - 150px);    transition: width .35s linear 0s;} .zfLabelDiv .matrixExpandDiv {    float: right;    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);}.zfLabelDiv .matrixExpandDiv: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);}.rtl .zfLabelDiv .matrixExpandDiv {    position: absolute;    right: auto;    left: 0;}.matrixExpandDiv svg {    width: 24px;    height: 24px;    cursor: pointer;    border: 1px solid var(--label-txt-clr);    padding: 3px;    box-sizing: border-box;    stroke-width: 0.3px;    stroke: var(--label-txt-clr);    border-radius: 5px;    fill: var(--label-txt-clr);}.icon-Collapse-01 {    display: none;}.matrixFullWidthDiv .icon-Expand {    display: none;}.matrixFullWidthDiv .icon-Collapse-01 {    display: block;}.matrixTablewrap table {    position: relative;    border-spacing: 0;}.matrixTablewrap .matrixSlCont.ofIconCont input[ui_type="textbox"] {    padding-left: 43px;        padding-right: 40px;}.matrixTablewrap .customDropDown .select2-container--default .select2-selection--single .select2-selection__rendered {    text-align: left;    padding-right: 30px;}.rtl .matrixTablewrap .form_sBox .select2-container--default .select2-selection--single.select2FormCont .select2-selection__rendered .select2FormFont {    text-align: right;    padding-right: 15px;}.rtl .matrixTablewrap .select2-container--default .select2-selection--single .select2-selection__rendered {    width: auto;    padding-right: 0px !important;}.rtl .matrixTablewrap .customRadio input[type="radio"] + label:before {    left: inherit;    right: inherit;    float: right;}.rtl .matrixTablewrap .customRadio input[type="radio"]:not(:checked) + label:after {    top: inherit;    left: inherit;}.rtl .matrixTablewrap .customRadio input[type="radio"]:checked + label:after, .rtl .matrixTablewrap .customRadio input[type="radio"]:not(:checked) + label:after {    right: inherit;    left: auto;}.rtl .matrixTablewrap .customRadio input[type="radio"]:checked, .rtl .matrixTablewrap .customRadio input[type="radio"]:not(:checked) {    right: inherit;}.zfAudioVidLi.zfaudioAlignLeft .fieldlabel,.zfAudioVidLi.zfaudioAlignLeft .zfInstruction {    text-align: left;}.zfAudioVidLi.zfaudioAlignCenter .fieldlabel,.zfAudioVidLi.zfaudioAlignCenter .zfInstruction {    text-align: center;}.zfAudioVidLi.zfaudioAlignRight .fieldlabel,.zfAudioVidLi.zfaudioAlignRight .zfInstruction {    text-align: right;}.rtl .zfAudioVidLi.zfaudioAlignLeft .fieldlabel,.rtl .zfAudioVidLi.zfaudioAlignLeft .zfInstruction  {    float: none;    text-align: right;}.rtl .zfAudioVidLi.zfaudioAlignCenter .fieldlabel,.rtl .zfAudioVidLi.zfaudioAlignCenter .zfInstruction {    text-align: center;}.rtl .zfAudioVidLi.zfaudioAlignRight .fieldlabel,.rtl .zfAudioVidLi.zfaudioAlignRight .zfInstruction {    text-align: right;}.zfaudioVidCont {    display: flex;    max-width: 100%;    overflow-y: auto;}.zfaudioVidCont iframe {    max-width: 100% !important;    width:100%;}.zfIframeDiv {        display: flex;        width: 100%;    }    .pdfImageEntCont {		width: 600px;		height: 400px;		overflow-y: auto;		border: 1px solid rgba(var(--input-bdr-clr), var(--input-bdr-opacity));		border-radius: 4px;		box-sizing: border-box;	}	.pdfImageCont {		width: 100%;		background: rgba(var(--input-bg-clr), var(--input-bg-opacity));		border: 1px solid rgba(var(--input-bdr-clr), var(--input-bdr-opacity));		border-radius: 4px;		box-sizing: border-box;	}	.pdfImageEmbed canvas {        direction: ltr;    }    .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;    }.fieldModel_2 .zfaudioVidCont iframe {    border-radius: 8px;}.fieldModel_3 .zfaudioVidCont iframe {    border-radius: 16px;}.embedLoadingWrap {	width: 100%;	padding: 20px;	box-sizing: border-box;}.embedLoadingCont {	margin-bottom: 40px;}.embedLoadingCont:last-of-type {	margin-bottom: 0;}.embedLoading {    width: 100%;    height: 10px;    margin-bottom: 15px;    border-radius: 5px;    position: relative;    overflow: hidden;}.embedLoading:last-of-type {    margin-bottom: 0;}.elsmall {	width: 100px;	height: 16px;    max-width: 80%;}.embedLoading:before {    position: absolute;    content: "";    width: 100%;    height: 100%;    background: var(--value-txt-clr);    opacity: 0.1;}.embedLoading::after {    content: "";    position: absolute;    z-index: 9;    top: 0;    right: 0;    bottom: 0;    left: 0;}.embedLoading::after {    animation: embedLoadingDiv 1.2s linear 0.5s infinite normal none running;    background-image: linear-gradient(-90deg, transparent, var(--value-txt-clr) 50%, var(--value-txt-clr) 70%, transparent);    opacity: 0.1;}@keyframes embedLoadingDiv {    0% {        transform: translate(-100%) skew(155deg);    }    100% {        transform: translate(100%) skew(155deg);    }}