/* btn Style 1 Variables */
.navFootBtnList .btnTypeStyle1.zf-next {
	border: 1px solid rgba(var(--nextbtn1-active-bdr-clr));
	color: rgba(var(--nextbtn1-active-text-clr));
	background: rgba(var(--nextbtn1-active-bg-clr));
}
.navFootBtnList .btnTypeStyle1.zf-next:hover {
  border-color: rgba(var(--nextbtn1-hover-bdr-clr));
}
.navFootBtnList .btnTypeStyle1.zf-next em {
	color: rgba(var(--nextbtn1-active-text-clr));
}
.navFootBtnList .btnTypeStyle1.zf-next:hover em {
	color: rgba(var(--nextbtn1-hover-text-clr));
}
.navFootBtnList .btnTypeStyle1.zf-next:after {
	background-color: rgba(var(--nextbtn1-hover-bg-clr));
}
/* btn Style 1 Variables End*/

/* btn Style 2 Variables */
.navFootBtnList .btnTypeStyle2.zf-next {
  background: rgba(var(--nextbtn2-active-bg-clr));
  color: rgba(var(--nextbtn2-active-text-clr));
  border: 3px solid rgba(var(--nextbtn2-active-bdr-clr));
  box-shadow: 0.1em 0.1em rgba(var(--nextbtn2-active-bdr-clr));
}
.navFootBtnList .btnTypeStyle2.zf-next:hover {
  box-shadow: 0.25em 0.25em rgba(var(--nextbtn2-active-bdr-clr));
}
/* btn Style 2 Variables End*/

/* btn Style 3 Variables*/
.navFootBtnList .btnTypeStyle3.zf-next {
   background: rgba(var(--nextbtn3-active-bg-clr));
   border: 1px solid rgba(var(--nextbtn3-active-bdr-clr));
}
.navFootBtnList .btnTypeStyle3.zf-next em {
   color: rgba(var(--nextbtn3-active-text-clr));
}
.navFootBtnList .btnTypeStyle3.zf-next::after {
   background: rgba(var(--nextbtn3-hover-bg-clr));
}
.navFootBtnList .btnTypeStyle3.zf-next::before {
   background: rgba(var(--nextbtn3-hover-bg-clr));
}
/* btn Style 3 Variables end*/

/* btn Style 4 Variables*/
.navFootBtnList .btnTypeStyle4.zf-next::before, .navFootBtnList .btnTypeStyle4.zf-next::after {
    border-left: 1px solid rgba(var(--nextbtn4-active-bdr-clr));
    border-top: 1px solid rgba(var(--nextbtn4-active-bdr-clr));
}
.navFootBtnList .btnTypeStyle4.zf-next::after {
    border-left: none !important;
    border-right: 1px solid rgba(var(--nextbtn4-active-bdr-clr));
    border-bottom: 1px solid rgba(var(--nextbtn4-active-bdr-clr));
    border-top: none !important;
}
.navFootBtnList .btnTypeStyle4.zf-next em {
    color: rgba(var(--nextbtn4-active-text-clr));
    background-color: rgba(var(--nextbtn4-active-bg-clr));
}
/* btn Style 4 Variables end*/

/* btn Style 5 Variables */
.navFootBtnList .btnTypeStyle5.zf-next {
  /* background-color: rgba(var(--submitbtn5-active-bg-clr)); */
  color: rgba(var(--nextbtn5-active-text-clr));
  -webkit-mask-image: -webkit-radial-gradient(rgba(var(--nextbtn5-active-bg-clr)), rgba(var(--nextbtn5-active-text-clr)));
}
.navFootBtnList .btnTypeStyle5.zf-next:after {
  background: rgba(var(--nextbtn5-active-bg-clr));
}
/* btn Style 5 Variables End*/


/* btn Style 6 Variables */
.navFootBtnList .btnTypeStyle6.zf-next {
  background: rgba(var(--nextbtn6-active-bg-clr));
  color: rgba(var(--nextbtn6-active-text-clr));
}

.navFootBtnList .btnTypeStyle6.zf-next::before {
  border: 1px solid rgba(var(--nextbtn6-active-bdr-clr));
}
/* btn Style 6 Variables End */

/* btn Style 7 Variables */
.navFootBtnList .btnTypeStyle7.zf-next {
    color: rgba(var(--nextbtn7-active-text-clr));
    background: rgba(var(--nextbtn7-active-bg-clr));
    box-shadow: 0 8px 0 rgba(var(--nextbtn7-shadow-clr));
}

.navFootBtnList .btnTypeStyle7.zf-next:active {
  box-shadow: 0 0 0 rgba(var(--nextbtn7-shadow-clr));
}
/* btn Style 7 Variables End */

/* btn Style 8 Variables */
.navFootBtnList .btnTypeStyle8.zf-next {
    color: rgba(var(--nextbtn8-active-text-clr));
    background-color: rgba(var(--nextbtn8-active-bg-clr));
    border: 1px solid rgba(var(--nextbtn8-active-bdr-clr));
}
.navFootBtnList .btnTypeStyle8.zf-next::before {
  background-image: radial-gradient(circle, rgba(var(--nextbtn8-active-bg-clr)) 20%, transparent 20%),
    radial-gradient(circle, transparent 10%, rgba(var(--nextbtn8-active-bg-clr)) 20%, transparent 20%),
    radial-gradient(circle, transparent 10%, rgba(var(--nextbtn8-active-bdr-clr)) 20%, transparent 20%),
    radial-gradient(circle, rgba(var(--nextbtn8-active-bg-clr)) 20%, transparent 20%),
    radial-gradient(circle, transparent 10%, rgba(var(--nextbtn8-active-bg-clr)) 20%, transparent 20%),
    radial-gradient(circle, rgba(var(--nextbtn8-active-bg-clr)) 20%, transparent 20%),
    radial-gradient(circle, transparent 10%, rgba(var(--nextbtn8-active-bg-clr)) 20%, transparent 20%),
    radial-gradient(circle, rgba(var(--nextbtn8-active-bg-clr)) 20%, transparent 20%),
    radial-gradient(circle, transparent 10%, rgba(var(--nextbtn8-active-bg-clr)) 20%, transparent 20%),
    /*  */
      radial-gradient(circle, transparent 10%, rgba(var(--nextbtn8-active-bg-clr)) 20%, transparent 20%),
    radial-gradient(circle, rgba(var(--nextbtn8-active-bg-clr)) 20%, transparent 20%),
    radial-gradient(circle, transparent 10%, rgba(var(--nextbtn8-active-bdr-clr)) 20%, transparent 20%),
    radial-gradient(circle, rgba(var(--nextbtn8-active-bg-clr)) 20%, transparent 20%),
    radial-gradient(circle, transparent 10%, rgba(var(--nextbtn8-active-bg-clr)) 20%, transparent 20%),
    radial-gradient(circle, rgba(var(--nextbtn8-active-bg-clr)) 20%, transparent 20%),
    radial-gradient(circle, transparent 10%, rgba(var(--nextbtn8-active-bdr-clr))  20%, transparent 20%);
}
/* btn Style 8 Variables End */

/* btn Style 9 Variables */

.navFootBtnList .btnTypeStyle9.zf-next {
    color: rgba(var(--nextbtn9-active-text-clr));
    background: rgba(var(--nextbtn9-active-bg-clr));
    border: 2px solid rgba(var(--nextbtn9-active-bdr-clr));
}

.navFootBtnList .btnTypeStyle9.zf-next::before {
  background: rgba(var(--nextbtn9-active-bg-clr));
  box-shadow: 0 0 0 2px rgba(var(--nextbtn9-active-bdr-clr)), 0 -0.55em 0 0 rgba(var(--nextbtn9-active-bdr-clr));
}

.navFootBtnList .btnTypeStyle9.zf-next:hover::before {
   box-shadow: 0 0 0 2px rgba(var(--nextbtn9-active-bdr-clr)), 0 -0.55em 0 0 rgba(var(--nextbtn9-active-bdr-clr));
}


.navFootBtnList .btnTypeStyle9.zf-next:active::before {
 box-shadow: 0 0 0 2px rgba(var(--nextbtn9-active-bdr-clr)), 0 0 rgba(var(--nextbtn9-active-bdr-clr));
}
/* btn Style 9 Variables End */


/* btn Style 10 Variables */
.navFootBtnList .btnTypeStyle10.zf-next {
  border: .3px solid rgba(var(--nextbtn10-active-bdr-clr));
  color: rgba(var(--nextbtn10-active-text-clr));
}
.navFootBtnList .btnTypeStyle10.zf-next::after, .navFootBtnList .btnTypeStyle10.zf-next::before {
  background-color: rgba(var(--nextbtn10-hover-bg-clr));
}
.navFootBtnList .btnTypeStyle10.zf-next:hover em{
 color: rgba(var(--nextbtn10-hover-text-clr));
}
/* btn Style 10 Variables End */


/* btn Style 11 Variables */
.navFootBtnList .btnTypeStyle11.zf-next {
  background-color: rgba(var(--nextbtn11-active-bg-clr));
  color: rgba(var(--nextbtn11-active-text-clr));
}

.navFootBtnList .btnTypeStyle11.zf-next:before {
  background: rgba(var(--nextbtn11-hover-bg-clr));
}
.navFootBtnList .btnTypeStyle11.zf-next:hover em{
  color: rgba(var(--nextbtn11-hover-text-clr));
}
/* btn Style 11 Variables end */

/* btn Style 12 Variables */
.navFootBtnList .btnTypeStyle12.zf-next {
  color: rgba(var(--nextbtn12-active-text-clr));
  background: rgba(var(--nextbtn12-active-bg-clr));
}

.navFootBtnList .btnTypeStyle12.zf-next::before {
  background-color: rgba(var(--nextbtn12-hover-bg-clr));
}

.navFootBtnList .btnTypeStyle12.zf-next:hover {
  color: rgba(var(--nextbtn12-hover-text-clr));
}
/* btn Style 12 Variables end*/


/* btn Style 13 Variables*/
.navFootBtnList .btnTypeStyle13.zf-next{
  border: 1px solid rgba(var(--nextbtn13-active-bdr-clr));
  color: rgba(var(--nextbtn13-active-text-clr));
}

.navFootBtnList .btnTypeStyle13.zf-next:hover {
  background: rgba(var(--nextbtn13-hover-bg-clr));
  color: rgba(var(--nextbtn13-hover-text-clr));
}

/* btn Style 13 Variables end*/

/* btn Style 14 Variables*/
.navFootBtnList .btnTypeStyle14.zf-next {
  background: rgba(var(--nextbtn14-active-bg-clr));
  border: 2px solid rgba(var(--nextbtn14-active-bdr-clr));
  color: rgba(var(--nextbtn14-active-text-clr));
}

.navFootBtnList .btnTypeStyle14.zf-next:before {
  background-color: rgba(var(--nextbtn14-hover-bg-clr));
}

.navFootBtnList .btnTypeStyle14.zf-next:hover, .navFootBtnList .btnTypeStyle14.zf-next:focus {
   color: rgba(var(--nextbtn14-hover-text-clr));
}
/* btn Style 14 Variables End*/


/* btn Style 15 Variables*/
.navFootBtnList .btnTypeStyle15.zf-next {
    border: 3px solid rgba(var(--nextbtn15-active-bdr-clr));
    background: rgba(var(--nextbtn15-active-bg-clr));
    color: rgba(var(--nextbtn15-active-text-clr));
}
.navFootBtnList .btnTypeStyle15.zf-next:hover {
   color: rgba(var(--nextbtn15-hover-text-clr));
}

.navFootBtnList .btnTypeStyle15.zf-next:hover::after,
.navFootBtnList .btnTypeStyle15.zf-next:hover::before {
  border-color: rgba(var(--nextbtn15-hover-bdr-clr));
}
/* btn Style 15 Variables End*/

/* btn Style 16 Variables*/
.navFootBtnList .btnTypeStyle16.zf-next {
    color: rgba(var(--nextbtn16-active-text-clr));
}
.navFootBtnList .btnTypeStyle16.zf-next::before {
    background: rgba(var(--nextbtn16-active-bg-clr));
}
.navFootBtnList .btnTypeStyle16.zf-next:hover::before {
    background: rgba(var(--nextbtn16-active-bg-clr));
}
/* btn Style 16 Variables End*/

/* btn Style 17 Variables*/

.navFootBtnList .btnTypeStyle17.zf-next {
    color: rgba(var(--nextbtn17-active-text-clr));
}
.navFootBtnList .btnTypeStyle17.zf-next:after {
  background-color: rgba(var(--nextbtn17-active-bg-clr));
}
.navFootBtnList .btnTypeStyle17.zf-next:before {
  background-color: rgba(var(--nextbtn17-hover-bg-clr));
}
.navFootBtnList .btnTypeStyle17.zf-next:hover {
  color: rgba(var(--nextbtn17-active-text-clr));;
}
/* btn Style 17 Variables end*/

/* btn Style 18 Variables*/
.navFootBtnList .btnTypeStyle18.zf-next::before {
    background: rgba(var(--nextbtn18-active-bg-clr));
}
.navFootBtnList .btnTypeStyle18.zf-next::after {
    border: 1px solid rgba(var(--nextbtn18-active-bdr-clr));
}
.navFootBtnList .btnTypeStyle18.zf-next em {
    color: rgba(var(--nextbtn18-active-text-clr));
}
/* btn Style 18 Variables end*/

/* btn Style 19 Variables */
.navFootBtnList .btnTypeStyle19.zf-next {
    color: rgba(var(--nextbtn19-active-text-clr));
    border: 2px solid rgba(var(--nextbtn19-active-bdr-clr));
}
.navFootBtnList .btnTypeStyle19.zf-next:hover {
   color: rgba(var(--nextbtn19-hover-text-clr));
}
.navFootBtnList .btnTypeStyle19.zf-next:after {
    background: rgba(var(--nextbtn19-hover-bg-clr));
}
/* btn Style 19 Variables end*/

/* btn Style 20 Variables */
.navFootBtnList .btnTypeStyle20.zf-next {
    color: rgba(var(--nextbtn20-active-text-clr));
    border: 2px solid rgba(var(--nextbtn20-active-bdr-clr));
}
.navFootBtnList .btnTypeStyle20.zf-next:after {
    background: rgba(var(--nextbtn20-hover-bg-clr));
}
.navFootBtnList .btnTypeStyle20.zf-next:hover {
    color: rgba(var(--nextbtn20-hover-text-clr));
}
/* btn Style 20 Variables End */


/* btn Style 21 Variables */
.navFootBtnList .btnTypeStyle21.zf-next {
    color: rgba(var(--nextbtn21-active-text-clr));
    border: 2px solid rgba(var(--nextbtn21-active-bdr-clr));
}
.navFootBtnList .btnTypeStyle21.zf-next:after {
    background: rgba(var(--nextbtn21-hover-bg-clr));
}
.navFootBtnList .btnTypeStyle21.zf-next:hover {
    color: rgba(var(--nextbtn21-hover-text-clr));
}
/* btn Style 21 Variables End */

/* btn Style 22 Variables */
.navFootBtnList .btnTypeStyle22.zf-next {
    color: rgba(var(--nextbtn22-active-text-clr));
    border: 2px solid rgba(var(--nextbtn22-active-bdr-clr));
}
.navFootBtnList .btnTypeStyle22.zf-next:after {
    background: rgba(var(--nextbtn22-hover-bg-clr));
}
.navFootBtnList .btnTypeStyle22.zf-next:hover {
    color: rgba(var(--nextbtn22-hover-text-clr));
}
/* btn Style 22 Variables End*/

/* btn Style 23 Variables */
.navFootBtnList .btnTypeStyle23.zf-next {
    color: rgba(var(--nextbtn23-active-text-clr));
    border: 2px solid rgba(var(--nextbtn23-active-bdr-clr));
}
.navFootBtnList .btnTypeStyle23.zf-next:after {
    border: 3px solid rgba(var(--nextbtn23-active-bdr-clr));
}
.navFootBtnList .btnTypeStyle23.zf-next:hover em {
      color: rgba(var(--nextbtn23-hover-text-clr));
}
/* btn Style 23 Variables End*/

/* btn Style 24 Variables */
.navFootBtnList .btnTypeStyle24.zf-next {
    color: rgba(var(--nextbtn24-active-text-clr));
    border: 2px solid rgba(var(--nextbtn24-active-bdr-clr));
}
.navFootBtnList .btnTypeStyle24.zf-next:after {
    border: 3px solid rgba(var(--nextbtn24-active-bdr-clr));
}
.navFootBtnList .btnTypeStyle24.zf-next:hover em{
      color: rgba(var(--nextbtn24-hover-text-clr));
}
/* btn Style 24 Variables End*/

/* btn Style 25 Variables */
.navFootBtnList .btnTypeStyle25.zf-next {
    color: rgba(var(--nextbtn25-active-text-clr));
    border: 2px solid rgba(var(--nextbtn25-active-bdr-clr));
}
.navFootBtnList .btnTypeStyle25.zf-next:after {
    border: 3px solid rgba(var(--nextbtn25-active-bdr-clr));
}
.navFootBtnList .btnTypeStyle25.zf-next:hover em{
      color: rgba(var(--nextbtn25-hover-text-clr));
}
/* btn Style 25 Variables End*/

/* btn Style 26 Variables */
.navFootBtnList .btnTypeStyle26.zf-next {
    color: rgba(var(--nextbtn26-active-text-clr));
    border: 2px solid rgba(var(--nextbtn26-active-bdr-clr));
}
.navFootBtnList .btnTypeStyle26.zf-next:after {
    border: 3px solid rgba(var(--nextbtn26-active-bdr-clr));
}
.navFootBtnList .btnTypeStyle26.zf-next:hover em{
      color: rgba(var(--nextbtn26-hover-text-clr));
}
/* btn Style 26 Variables End*/

/* btn Style 27 Variables */
.navFootBtnList .btnTypeStyle27.zf-next {
    color: rgba(var(--nextbtn27-active-text-clr));
    border: 2px solid rgba(var(--nextbtn27-active-bdr-clr));
}
.navFootBtnList .btnTypeStyle27.zf-next:before {
    color: rgba(var(--nextbtn27-hover-text-clr));
    background: rgba(var(--nextbtn27-hover-bg-clr));
}
.navFootBtnList .btnTypeStyle27.zf-next:hover {
    color: rgba(var(--nextbtn27-hover-text-clr));
}
/* btn Style 27 Variables End*/

/* btn Style 28 Variables */
.navFootBtnList .btnTypeStyle28.zf-next {
    color: rgba(var(--nextbtn28-active-text-clr));
    border: 2px solid rgba(var(--nextbtn28-active-bdr-clr));
}
.navFootBtnList .btnTypeStyle28.zf-next:before {
    color: rgba(var(--nextbtn28-hover-text-clr));
    background: rgba(var(--nextbtn28-hover-bg-clr));
}
.navFootBtnList .btnTypeStyle28.zf-next:hover {
    color: rgba(var(--nextbtn28-hover-text-clr));
}
/* btn Style 28 Variables End*/

/* btn Style 29 Variables */
.navFootBtnList .btnTypeStyle29.zf-next {
    color: rgba(var(--nextbtn29-active-text-clr));
    border: 2px solid rgba(var(--nextbtn29-active-bdr-clr));
}
.navFootBtnList .btnTypeStyle29.zf-next:before {
    color: rgba(var(--nextbtn29-hover-text-clr));
    background: rgba(var(--nextbtn29-hover-bg-clr));
}
.navFootBtnList .btnTypeStyle29.zf-next:hover {
    color: rgba(var(--nextbtn29-hover-text-clr));
}
/* btn Style 29 Variables End*/

/* btn Style 30 Variables */
.navFootBtnList .btnTypeStyle30.zf-next {
    color: rgba(var(--nextbtn30-active-text-clr));
    border: 2px solid rgba(var(--nextbtn30-active-bdr-clr));
}
.navFootBtnList .btnTypeStyle30.zf-next:before {
    color: rgba(var(--nextbtn30-hover-text-clr));
    background: rgba(var(--nextbtn30-hover-bg-clr));
}
.navFootBtnList .btnTypeStyle30.zf-next:hover {
    color: rgba(var(--nextbtn30-hover-text-clr));
}
/* btn Style 30 Variables End*/

/* btn Style 31 Variables */
.navFootBtnList .btnTypeStyle31.zf-next {
    background-color: rgba(var(--nextbtn31-active-bg-clr));
    color: rgba(var(--nextbtn31-active-text-clr));
    border: 2px solid rgba(var(--nextbtn31-active-bdr-clr));
}
.navFootBtnList .btnTypeStyle31.zf-next:after {
    background-image: repeating-linear-gradient(45deg, rgba(var(--nextbtn31-active-bdr-clr)), rgba(var(--nextbtn31-active-bdr-clr)) 1px, transparent 2px, transparent 5px);
    border-top: 1px solid rgba(var(--nextbtn31-active-bdr-clr));
}
.navFootBtnList .btnTypeStyle31.zf-next:hover {
    background-color: rgba(var(--nextbtn31-hover-bg-clr));
    color: rgba(var(--nextbtn31-hover-text-clr));
    border-color: rgba(var(--nextbtn31-hover-bdr-clr));
}
.navFootBtnList .btnTypeStyle31.zf-next:hover:after {
    background-image: repeating-linear-gradient(45deg, rgba(var(--nextbtn31-hover-text-clr)), rgba(var(--nextbtn31-hover-text-clr)) 1px, transparent 2px, transparent 5px);
    border-top: 1px solid rgba(var(--nextbtn31-hover-bdr-clr));
}
@keyframes modelType31 {
0% {
    background-position: 0% 0;
}

100% {
    background-position: 100% 0;
}
}

/* btn Style 31 Variables End */



/* Default Shape CSS */
.zf-next.btnType1 {
  --next-btn-radius: 0px;  
  /* --submit-btn-radius: 0px;
  --save-btn-radius: 0px;
  --review-btn-radius: 0px;
  --back-btn-radius: 0px; */
}

.zf-next.btnType2 {
  --next-btn-radius: 8px;  
  /* --submit-btn-radius: 8px;
  --save-btn-radius: 8px;
  --review-btn-radius: 8px;
  --back-btn-radius: 8px; */
}

.zf-next.btnType3 {
  --next-btn-radius: 150px;  
  /* --submit-btn-radius: 150px;
  --save-btn-radius: 150px;
  --review-btn-radius: 150px;
  --back-btn-radius: 150px; */
}