/**********************************		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: 0px 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;	}	.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);	}	.pageWrapper.type6 .pageSect span{		width: 33px;		height: 33px;	}	.pageWrapper.pageNavBarTop.type4 em.bdr_lineProgress, .pageWrapper.pageNavBarTop.type4 .bdr_lineDiv,	.pageWrapper.pageNavBarTop.type5 em.bdr_lineProgress, .pageWrapper.pageNavBarTop.type5 .bdr_lineDiv,	.pageWrapper.pageNavBarTop.type6 em.bdr_lineProgress, .pageWrapper.pageNavBarTop.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;	}	.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;	}.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;}