@charset "UTF-8";.zf-of-welcomePageWrapper{  background: #fff;  -ms-box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  height: 100vh;}.zf-of-welcomeHeaderWrapper {  background:#2F404E;  width: 100%;  -ms-box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 2px;  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 2px;  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 2px;  padding: 10px;  font-size: 13px;  height:48px;  position: relative;  z-index: 99;}.zf-of-welcomeHeaderTitle{    color: #fff;    font-size: 16px;    top: 5px;    position: relative;}.zf-of-welcomeHeaderWrapper .splitLine {  width: 1px;  height: 17px;   margin: 0 14px;  margin-top: 7px;  margin-right: 10px;  opacity: 0.2;  background: #ffffff;}.zf-of-Header-Actions .zf-of-ApplyButton {  padding: 5px 10px;  border: 1px solid #24A68A;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  border-radius: 3px;  background: #24A68A;  color: #fff;  font-size: 13px;  cursor: pointer;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;}.zf-of-Header-Actions .dimState, .zf-of-Header-Actions .dimState:hover {    background: #374a59;    border: 1px solid #374a59;    color: #79808a;    cursor: auto;}.zf-of-Header-Actions .zf-of-Close {  cursor: pointer;  padding: 8px 6px;  position: relative;  top: -3px;  color: transparent;}.zf-of-Header-Actions .zf-of-Close svg{  fill:#fff;  width: 18px;  height: 18px;}.zf-small-loader {  font-size: .1em;  text-indent: -9999em;  width: 14px;  height: 14px;  border-radius: 50%;  background: #ffffff;  background: -moz-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);  background: -webkit-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);  background: -o-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);  background: -ms-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);  background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);  position: relative;  -webkit-animation: load .8s infinite linear;  animation: load .8s infinite linear;  -webkit-transform: translateZ(0);  -ms-transform: translateZ(0);  transform: translateZ(0);  margin-right: 5px;  margin-top: 2px;}.zf-small-loader:before {  width: 50%;  height: 50%;  background: #ffffff;  border-radius: 100% 0 0 0;  position: absolute;  top: 0;  left: 0;  content: '';}.zf-small-loader:after {  background: #24A68A;  width: 75%;  height: 75%;  border-radius: 50%;  content: '';  margin: auto;  position: absolute;  top: 0;  left: 0;  bottom: 0;  right: 0;}@-webkit-keyframes load {  0% {    -webkit-transform: rotate(0deg);    transform: rotate(0deg); }  100% {    -webkit-transform: rotate(360deg);    transform: rotate(360deg);  }}@keyframes load {  0% {    -webkit-transform: rotate(0deg);    transform: rotate(0deg);  }  100% {    -webkit-transform: rotate(360deg);    transform: rotate(360deg);  }}.zf-of-welcomeTemplatesWrapper{  position: relative;}.zf-of-welcomePageWrapper.hidden .zf-of-welcomeTemplatesWrapper .togglePgLayout .icon-downArrow{  transform: rotate(0deg);}.zf-of-welcomeTemplatesWrapper .togglePgLayout .icon-downArrow{  font-size: 13px;  transform: rotate(180deg);  display: block;}.zf-of-welcomeTemplatesWrapper .togglePgLayout{  position: absolute;  bottom: -22px;  border: 1px solid #ccc;  border-top: none;  padding: 4px 13px;  box-shadow: 0 1px 3px #ccc;  border-radius:0 0 5px 5px;  cursor: pointer;  z-index: 9;  background: #fff;  left: 0;  right: 0;  margin: auto;  width: 12px;}.zf-of-welcomeTemplatesWrapper .togglePgLayout:hover{  background: #eaf3ed;  color: #3AAA92;  border-color:#3AAA92;  }.zf-of-wlTempContainer{  display: flex;  justify-content: center;  position: relative;  height: 80px;  background: #fbfbfb;  border-bottom: 1px solid #ccc;  align-items: center;}.zf-of-wlTempContainer a{  width: 75px;  border: 1px solid #ccc;  height: 45px;  margin: 0 20px;  border-radius: 6px;  text-align: center;  background: #fff;  display: flex;  align-items: center;  justify-content: space-around;}.zf-of-wlTempContainer svg{  width: 54px;   height: 54px;  fill: #6e7984;}.zf-of-wlTempContainer .select svg{  fill:#3AAA92;}.zf-of-wlTempContainer .select{  background: rgb(201 227 210 / 34%);  border-color:#3AAA92;}.zf-of-welcomeContainer{  height: calc(100% - 130px);  width: 100%;  overflow-y: scroll;  position: relative;}.showChatBar .zf-of-welcomeContainer {    height: calc(100% - 157px);}.zf-of-welcomePageWrapper.hidden .zf-of-welcomeContainer{  height: calc(100% - 50px);} .zf-of-welTempWrap{  width:800px;   margin: 5% auto;}.zf-of-welTempImgWrap{  border: 2px dashed  transparent;   background: transparent;  position: relative;  margin-top: 30px;}.zf-of-welTempImgWrap img{      width: auto;  max-width: 100%;    max-height: 100%;}.zf-of-welTempImgWrap .embedvidImg {  width: 200px;}.logoImgDelete {  position: absolute;    top: 10px;    right: 10px;    background: #d27373;    width: 22px;    height: 22px;    border-radius: 3px;    display: flex;    align-items: center;    justify-content: center;    cursor: pointer;    z-index: 99;}.logoImgDelete svg {    fill: #fff;    width: 13px;    height: 13px;}/*.imgLeft {  text-align: left !important; }.imgRight {  text-align: right !important;}.imgCenter {  text-align: center !important;}.tile {    background-repeat: repeat;}.none {    background-repeat: no-repeat;}.stretch {    background-size: cover;    //background-attachment: fixed; Commented this line. In IOS mobile, this is not supported. Removing this image stretches properly}*/.zf-of-welTempImgWrap .zf-of-ImgActCont{  position: absolute;  right: 0px;  top: -35px;  border: 1px solid transparent;}.zf-of-welTempImgWrap .zf-of-ImgActCont .zf-of-ImgActIconWrap {  padding: 6px;  border-radius: 5px;  position: relative;  color: #222;}.zf-of-welTempImgWrap .zf-of-ImgActCont .zf-of-ImgActIconWrap:first-of-type::before {  content: " ";  width: 1px;  height: 15px;  background: #cfcfcf;  position: absolute;  right: -6px;  top: 8px;}.zf-of-welTempImgWrap .zf-of-ImgActCont .zf-of-ImgActIconWrap:last-of-type {margin-left: 10px;}.zf-of-ImgActIconWrap svg{   width:18px;   height:18px; }.zf-of-ImgActIconWrap icon{  font-size: 18px;}.zf-of-ImgActIconWrap .icon-Trash{  color: #D20007;} .zf-of-ImgActList{    padding-top: 10px;    position: absolute;    top: 29px;    right: 35px;    cursor: default;    text-align: left;  } .zf-of-ImgActList ul{     position: relative;    z-index: 9;    background: #fff;    box-sizing: border-box;    border: 1px solid #e1e1e1;    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.1);    border-radius: 5px;      }.zf-of-ImgActList ul:after, .zf-of-ImgActList ul:before {    bottom: 100%;    left: 100%;    border: solid transparent;    content: " ";    height: 0;    width: 0;    position: absolute;    pointer-events: none;}.zf-of-ImgActList ul:before {    border-color: rgba(194, 225, 245, 0);    border-bottom-color: #fff;    border-width: 9px;    margin-left: -28px;    z-index: 9;}.zf-of-ImgActList ul:after {        border-color: rgba(194, 225, 245, 0);    border-bottom-color: #e1e1e1;    border-width: 10px;    margin-left: -29px;    bottom: 100.2%;}.zf-ImgActList-Btn {  display: flex;  align-items: center;  justify-content: center;  padding: 6px 0;}.zfEmbedUrlInput {  margin-bottom: 8px;  display: block;  color: #000;  font-size: 13px;}.zf-ImgActList-Btn button {  margin-right: 10px;}.zf-ImgActList-Btn button:last-of-type {  margin-right: 0;}.zf-of-ImgActList li{    padding: 20px;    border-bottom: 1px solid #f0efef;  }.zf-of-ImgActList li:last-child{     border-bottom:none;  }.zf-of-ImgActList li label{   margin-bottom:10px;    display: block;}.zfEmbedVideo .zfMatrixType.uplodField {    background: linear-gradient(180deg, #FFEDF3 0%, rgb(217 217 217 / 18%) 100%);}.zfMatrixType.uplodField .zfMatrixListing ul li.select em {    display: block;    background: #A1436A;}.zf-of-ImgActIconWrap:hover .zf-of-ImgActList{   display: block;}.zf-of-ImgActList .zfEmbedSizeInput,.zf-of-ImgActList .zfEmbedContErr span {      width: 190px;    margin-right: 0;}.zfMatrixTypeList .zf-of-welTempImgWrap {  background-color: #fdfeff;    border: 1px dashed #b3bdcc;    border-radius: 5px;    margin-top: 0;    min-height: 257px;    height: 257px;    display: flex;    justify-content: center;    align-items: center;    cursor: pointer;    padding: 10px;    box-sizing: border-box;}.zfMatrixTypeList .zf-of-welTempImgWrap:hover {      border: 1px dashed #7487A3;    background: #f7fdfe;}.zfMatrixTypeList .zf-of-welTempImgWrap.mediauploaded,.zfMatrixTypeList .zf-of-welTempImgWrap.mediauploaded:hover {  background: #fff;  border: 1px dashed #b3bdcc;  cursor:default;}.zf-of-ImgActList .zfEmbedSizeContain {  flex-flow: column;    align-items: start;    margin-top: 24px;}.zf-of-ImgActList .zfEmbedContErr {  margin-bottom: 20px;}.zf-of-ImgActList .zf-of-ImgActIconCont {  display: flex;}.zfMatrixTypeList .zfEmbedSizeInput {    width:228px;}.zfMatrixTypeList .zfEmbedSizeContain {	margin-top: 24px;        align-items: flex-start;}.zfMatrixTypeList .zfEmbedSizeContain .zfEmbedIntro {    margin-top: -3px;    font-size: 12px;}.zfMatrixTypeList .zfEmbedSizeContain input[type="text"] {	height: 40px;}.zfMatrixTypeList .zfEmbedSizeHeight em {	top: 13px;}.embedWidthProp {    background: #f0f4fc;    display: flex;    right: 4px;    top: 4px;    position: absolute;    height: 27px;    overflow: hidden;    border-radius: 3px;    align-items: normal;    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.20);}.zf-of-ImgActList .embedWidthProp {  height: 27px;}.zfMatrixChoiceNewDiv .zfEmbedSizeInput .embedWidthProp {    height: 27px;}.zfEmbedSizeInput .embedWidthProp {    height: 23px;}.embedWidthProp em {    position: relative;    float: left;    padding: 0 8px 0 8px;    top: auto;    right: auto;    cursor: pointer;    line-height: 21px;    border: 1px solid transparent;    border-radius: 3px;    display: flex;    align-items: center;    justify-content: center;}.embedWidthProp em:hover {    color: #444;}.embedWidthProp em.select {    color: #24A68A;    background: #f7fbfa;    border: 1px solid #24A68A;    cursor: auto;}.oneFldImgOverlay {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  background: rgba(0, 0, 0, 0.5);  z-index: 9;  display: none;}.zf-of-ImgActIconCont span{  padding: 5px;  border: 1px solid #ccc;  border-radius: 5px;  margin-right: 10px;  cursor: pointer;}.zf-of-ImgActIconCont .select{  background: rgb(201 227 210 / 34%);  border: 1px solid #3AAA92;}.zf-of-ImgActIconCont svg{     width:21px;     height:21px;    stroke-width: 0.8px;    fill: #333;    stroke: #333;   }  .zf-of-welTempFootWrap input[ui_type="textbox"],  .zf-of-welTempFootWrap  input[ui_type="textbox"]:focus{    border: none !important;    border-bottom: 1px solid #222 !important;    font-size: var(--start-txt-size);    height: 31px;    border-radius: 0px;    background: transparent; }  .zf-of-welTempFootWrap.limitErrMsg p{    margin-top: 10px;  }.zf-of-welTempFootWrap.limitErrMsg a{ border-color:#FF0000 !important;}.zf-of-welTempFootWrap .icon_edit {  position: relative;  top: 0;  margin-left: 5px;  cursor: pointer;}.zf-of-welTempFootWrap{  margin:50px 0;  text-align: center;}.zf-of-welTempFootWrap a{  padding: 10px 20px;  border: 1px solid var(--start-bdr-clr);  border-radius: var(--start-bdr-radius);  background: var(--start-bg-clr);  color: var(--start-txt-clr);  font-size: var(--start-btn-txt-size);  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  cursor: pointer;  display: inline-flex;  position: relative;  align-items: center;}.zf-of-welTempFootWrap a, .zf-of-welTempFootWrap a:hover{  text-decoration: none;}.zf-of-welTempFootWrap a .icon-arrow-rht{  margin-left: 7px;}.zf-of-uploadImgWrapper{  display: block;  text-align: center;}.zf-of-uploadImgWrapper .icon-Drag_and_Drop_Image-01{  width: 170px;  height: 170px;}.zf-of-uploadImgWrapper .icon-ImageUpload{  width: 32px;  height:32px;  fill: #222;}.zf-of-tempWrapper .zf-of-welTempImgWrap{  background-color:#fff;  text-align: center;  border: 1px dashed #666;}.zf-of-tempWrapper .zf-of-uploadImgWrapper{  min-height: 125px;  display: flex;  flex-flow: column;  justify-content: center;   align-items: center;}.zf-of-uploadImgWrapper p{  margin-top:0px;  margin-bottom: 20px;}.zf-of-uploadImgWrapper em{   text-decoration:underline;  color: #3AAA92; }.zf-of-tempWrapper .zf-of-welTempFootWrap a {    background: #24A68A;    color: #fff;    cursor: auto;    padding: 12px 25px;    font-size: var(--start-txt-size);}.zf-of-welTempContainer{   margin:40px 0;  color: #000; }.zf-of-tempWrapper .zf-of-welTempFootWrap b{  margin-right: 10px;}.zf-of-welTempContainer .pdfThemeClrProberty{  padding: 5px;}.zf-of-welTempContainer span.pdfWhiteTheme, .zf-of-welTempContainer .pdfDarkTheme{  margin-left: 5px;}.editButton{  position: relative;}.editButton b{    border-bottom: 1px solid #222;    text-decoration: none;    outline: none;    min-width: 13px;    margin-right: 0 !important;    display: inline-block;  }  .editButton svg.icon{    display: none;  }span.pdfWhiteTheme.active:before, span.pdfDarkTheme.active:before {background-color: transparent;top: 6px;left: 5px;width: 8px;height: 3px;border-style: solid;border-color: #24a68a;border-width: 0 0 2px 2px;border-radius: 0;-o-border-image: none;border-image: none;-webkit-transform: rotate(-45deg) scale(1);transform: rotate(-45deg) scale(1);position: absolute;content: "";}span.pdfDarkTheme {    background: #474E5A;    border-color: #dad5db;}.pdfToolbarContainer.pdfDarkContainer {    background: #474e5a;}.pdfToolbarContainer.pdfDarkContainer .ql-toolbar.ql-snow, .pdfDarkContainer .ql-snow .ql-picker-options {    background: #222;    border-color: #222;}.pdfDarkContainer .ql-snow .ql-picker, .pdfDarkContainer button{    color: #f5f5f5;}.pdfDarkContainer .ql-snow .ql-fill, .pdfDarkContainer .ql-snow .ql-stroke.ql-fill {    fill: #f5f5f5;}.ql-picker-options {    overflow-x: hidden;}.pdfDarkContainer .toolbarContainerList.ql-snow .ql-stroke {    stroke: #f5f5f5;} .pdfDarkContainer.ql-snow.ql-toolbar button:hover .ql-stroke, .pdfDarkContainer.ql-snow .ql-toolbar button:hover .ql-stroke, .pdfDarkContainer.ql-snow.ql-toolbar button:focus .ql-stroke, .pdfDarkContainer.ql-snow .ql-toolbar button:focus .ql-stroke, .pdfDarkContainer.ql-snow.ql-toolbar button.ql-active .ql-stroke, .pdfDarkContainer.ql-snow .ql-toolbar button.ql-active .ql-stroke, .pdfDarkContainer.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .pdfDarkContainer.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .pdfDarkContainer.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .pdfDarkContainer.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .pdfDarkContainer.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, .pdfDarkContainer.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .pdfDarkContainer.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .pdfDarkContainer.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .pdfDarkContainer.ql-snow.ql-toolbar button:hover .ql-stroke-miter, .pdfDarkContainer.ql-snow .ql-toolbar button:hover .ql-stroke-miter, .pdfDarkContainer.ql-snow.ql-toolbar button:focus .ql-stroke-miter, .pdfDarkContainer.ql-snow .ql-toolbar button:focus .ql-stroke-miter, .pdfDarkContainer.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, .pdfDarkContainer.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .pdfDarkContainer.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .pdfDarkContainer.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .pdfDarkContainer.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .pdfDarkContainer.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .pdfDarkContainer.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .pdfDarkContainer.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .pdfDarkContainer.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .pdfDarkContainer.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {    stroke: #22a78a ! important;} .pdfDarkContainer.ql-snow.ql-toolbar button:hover, .pdfDarkContainer.ql-snow .ql-toolbar button:hover, .pdfDarkContainer.ql-snow.ql-toolbar button:focus, .pdfDarkContainer.ql-snow .ql-toolbar button:focus, .pdfDarkContainer.ql-snow.ql-toolbar button.ql-active, .pdfDarkContainer.ql-snow .ql-toolbar button.ql-active, .pdfDarkContainer.ql-snow.ql-toolbar .ql-picker-label:hover, .pdfDarkContainer.ql-snow .ql-toolbar .ql-picker-label:hover, .pdfDarkContainer.ql-snow.ql-toolbar .ql-picker-label.ql-active, .pdfDarkContainer.ql-snow .ql-toolbar .ql-picker-label.ql-active, .pdfDarkContainer.ql-snow.ql-toolbar .ql-picker-item:hover, .pdfDarkContainer.ql-snow .ql-toolbar .ql-picker-item:hover, .pdfDarkContainer.ql-snow.ql-toolbar .ql-picker-item.ql-selected, .pdfDarkContainer.ql-snow .ql-toolbar .ql-picker-item.ql-selected {    color: #22a78a !important;}.pdfToolbarContainer .limitErrMsg { position: relative; top: 25px;}.rtl .zf-of-welTempFootWrap a .icon-arrow-rht{transform:rotate(-180deg);margin-left:0;margin-right:7px;}.rtl .imgLeft{text-align:right !important;}.toolBarError .pdfToolbarContainer{   border-color:#ff0000 ;}.toolBarError .limitErrMsg{  font-size: 13px;}.zf-of-welTempContainer .pdfToolbarContainer .ql-container{  padding-right: 15px;}/*.zf-of-welTempFootWrap .icon-arrow-rht{    top: 50%;    transform: translateY(-50%);    right: 10px;    position: absolute;}*/.zf-of-welcomeHeaderWrapper .themePreviewIcon {    padding: 6px 8px;    margin: 0 12px 0 0;    background: #69738778;    border: none;    width: 16px;    height: 16px;}.zf-of-welcomeHeaderWrapper .themePreviewIcon svg {    position: absolute;    width: 18px;    height: 18px;    fill: #fff;    stroke: #fff;  }.zf-of-welcomeHeaderWrapper .themePreviewIcon:before {  display: none;}/*.zf-of-welTempFootWrap .icon-arrow-rht:before{  font-size: var(--start-btn-txt-size);}*/.zfaudioVidCont {    display: flex;    max-width: 100%;}.zfaudioVidCont iframe {    max-width: 100% !important;    width: 100%;}.zf-of-welTempWrap .imgLeft .zfaudioVidCont {  margin-right: auto;}.zf-of-welTempWrap .imgRight .zfaudioVidCont {  margin-left: auto;}.zf-of-welTempWrap .imgCenter .zfaudioVidCont {  margin-left: auto;  margin-right: auto;}.zcardLiveAudVidWrap iframe{    width: 100%;    height: 100%;}.zcardLiveAudVidWrap.imgLeft {  margin-right: auto;}.zcardLiveAudVidWrap.imgRight {  margin-left: auto;}.zcardLiveAudVidWrap.imgCenter {  margin-left: auto;  margin-right: auto;}.welcomeImgUploadingDim {    background: #e9f3f1 !important;    border: 1px dashed #63A093 !important;}[contenteditable] {  -webkit-user-select: text;  user-select: text;}.of-welTempBgApplied .zf-of-welTempImgWrap {    border-color: #00000030;    background: transparent;}.of-welTempBgApplied .pdfToolbarContainer {    background: transparent;    border-color: #00000030;}.welcomePageBg {    opacity: 1;    background-color: #fff;    position: fixed;    width: 100%;    height: 100%;}.type1 {--start-txt-size: clamp(18px,0.25vw + 17px,19px);}.type2 {--start-txt-size: clamp(19px,0.5vw + 17px,21px);}.type3 {--start-txt-size: clamp(20px,1.25vw + 15px,25px);}.type4 {--start-txt-size: clamp(21px,1.75vw + 14px,28px);}.type5 {--start-txt-size: clamp(22px,2.25vw + 13px,31px);}.wpformLayoutBanner {  width: 40%;  height: 100%;  position: fixed;  background:rgb(var(--banner-bg-clr));  opacity: var(--banner-bg-opacity);}.wpcardFormWrapper {    width: 100%;    height: 100vh;}.wpRightBanner .wpformLayoutBanner{  width: 40%;  right: 0;  z-index: 1;}.wpRightBanner .wpcardFormWrapper {    margin-right: 40%;    width: 60%;    margin-left: 0;}.wpLeftBanner .wpcardFormWrapper {    margin-left: 40%;    width: 60%;    margin-right: 0;}.imgLeft {    background-position: top left;    text-align: left !important; }.imgRight {    background-position: top right;    text-align: right !important;}.imgCenter {    background-position: top center;    text-align: center !important;}.tile {    background-repeat: repeat;}.none {    background-repeat: no-repeat;}.stretch {    background-size: cover;    }.wpLayoutBanner .welcomePageBg{  width: 60%;}.wpLayoutBanner .wpcardFormWrapper {    width: 60%;}.zf-of-ImgActIconCont.welcomePgEmbed_Div {    display: block;    text-align: left;    margin-bottom: 20px;    margin-top: 20px;}.zf-of-ImgActIconCont.welcomePgEmbed_Div span {    display: inline-flex;    width: 37%;    padding: 10px;    margin: 0;    border-width: 1px 0 1px 1px;    border-color: #d8d8d8;    flex-flow: column;}.zf-of-ImgActIconCont.welcomePgEmbed_Div .ratioWidthProp {  display: flex;}.zf-of-ImgActIconCont.welcomePgEmbed_Div .ratioWidthProp span .icon-Landscape, .zf-of-ImgActIconCont.welcomePgEmbed_Div .ratioWidthProp span .icon-Portrait {  margin-right: 0;  margin-bottom: 5px;}.zf-of-ImgActIconCont.welcomePgEmbed_Div span.lastBox {    border-width: 1px;}.embedFieldOrientation {    margin-top: 24px;}.zfEmbedVideo .zfMatrixTypeList .embedFieldOrientation span {    display: inline-flex;    overflow: visible;    max-height: revert;    line-height: revert;    min-width: 23%;    width: auto;    margin-top: 0;    justify-content: center;    padding: 6px 10px;}.zf-of-ImgActList .zfEmbedSizeContain .zfEmbedSize {    margin-bottom: 24px;}.zf-ImgActList-Btn button.btnCurve.blue {    background: rgba(var(--primary-green));    color: rgba(var(--white-bg));    border: 1px solid rgba(var(--primary-green), var(--opacity-2));    border-radius: 50px;    padding: 10px 24px;}.zf-ImgActList-Btn button.btnCurve.blue:hover {    box-shadow: 0px 6px 45px 0px rgba(0, 0, 0, 0.18) inset;    background: rgba(var(--primary-green));}.zf-ImgActList-Btn button.btnCurve.lightGray {    border-radius: 50px;    padding: 10px 24px;    background: rgba(var(--white-bg));    border: 1px solid rgba(var(--button-bdr-clr));}.zf-ImgActList-Btn button.btnCurve.lightGray:hover {    background: rgba(var(--hover-clr1), var(--opacity-5));    border: 1px solid rgba(var(--primary-green), var(--opacity-2));}.zfEmbedVideo .ofUploadImageCont .pContainer {    padding: 0;}.zfEmbedVideo .ofUploadImageCont .zfMatrixTypeList {        padding: 0 30px 20px 30px;}.zfEmbedVideo .ofUploadImageCont .zfMatrixType .pHeader, .zfEmbedVideo .zfMatrixChoiceNewDiv.ofUploadImageCont .pHeader {    border-bottom: 0px;}.zfEmbedVideo .ofUploadImageCont  .pHeader h4 {    text-align: center;    font-size: 18px;    margin-top: 12px}.zfEmbedVideo .zfMatrixChoiceNewDiv.ofUploadImageCont .zfMatrixTypeList h4 {    text-align: left;} .zfEmbedVideo .zfMatrixChoiceNewDiv.ofUploadImageCont .pHeader {        padding: 15px 0px;        border-bottom: 0px;}.zfEmbedVideo .pWrapper.ofUploadImageCont .popNewFooter {        border-top: 1px solid #e8eaec;        padding: 20px 32px;}