html {
  scroll-behavior: smooth
}

.logoimage {
  width: 250px;
  flex-grow: 4
}

.logoimage>img {
  width: 20%;
  min-width: 200px
}

.anchordiv {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-grow: 1;
  font-size: 1.5rem
}

.anchordiv>a {
  text-decoration: none;
  color: #000
}

.profileimg {
  width: 50px;
  height: 50px
}

.profileimg>img {
  width: 100%;
  height: 100%
}

.zwc-banner-video {
  width: 100%
}

video {
  max-width: 100%;
  height: auto
}

.npviewport {
  height: 70dvh;
  min-height: 700px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  padding: 4rem 1rem
}

.npoviewdiv {
  display: flex;
  align-items: center;
  justify-content: center
}

.npviewleft {
  z-index: 99
}

.npviewleft>span {
  color: #323233;
  font-size: 1.5rem;
  font-family: var(--secondaryfont-regular);
}

.npviewleft>h1 {
  font-size: 4rem;
  margin-bottom: 12px;
  font-family: var(--primaryfont-regular)
}

.npviewleft>p {
  margin-top: 20px;
  font-size: 21px;
  line-height: 2rem;
  width: 75%;
  margin-bottom: 2rem;
  color: #000
}

.npviewright {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 50%
}

.npviewright>img {
  width: 100%;
  height: 100%
}

.npviewright video {
  width: 700px;
  max-width: none
}

.btnanc {
  font-family: var(--zf-primary-medium),sans-serif;
  padding: 16px 30px;
  border-radius: 8px;
  font-size: 18px;
  text-align: center;
  z-index: 1;
  cursor: pointer;
  text-transform: none;
  text-decoration: none;
  display: inline-block;
  border: 0;
  background: #f0483e;
  color: #fff;
  transition: all .6s linear;
  text-transform: uppercase
}
.currencychangedc::before{
    content: none !important;
}
.currencychangedc {
    margin-left: 0px !important;
    padding-left: 0px !important;
}
.liwidthcontrol {
  width: 80%
}

.blueboxdiv {
  background-color: #0978b8;
  padding: 3rem 4rem;
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff
}

.blueboxdiv>h2 {
  font-size: 3rem
}

.blueboxdiv>p {
  font-size: 1.3rem;
  line-height: 35px;
  margin: 20px 0
}

.cont-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  padding: 5rem 1rem
}

.cont-wrapper>h1 {
  font-size: 4.5rem;
  font-family: var(--primaryfont-regular)
}

.cont-wrapper>p {
  font-size: 21px;
  line-height: 35px;
  width: 67%;
  text-align: center;
  color: #000
}

.contimgparadiv {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6rem;
  margin-top: 5rem
}

.contimgparadiv>img {
  width: 70%;
  max-width: 500px
}

.contpara {
  width: 40%;
  display: flex;
  flex-direction: column
}

.contpararightalign {
  align-items: end;
  text-align: right
}

.contpara>h3 {
  font-size: 2.1rem;
  font-family: var(--primaryfont-regular)
}

.contpara>p {
  padding-top: 15px;
  font-size: 18px;
  line-height: 30px
}

.step-content ul li,.npo-fit-content ul li {
  position: relative
}

.step-content ul li::before,.npo-fit-content ul li::before {
  content: "";
  position: absolute;
  left: -30px;
  top: 4px;
  width: 20px;
  height: 20px;
  background-size: cover;
  background-repeat: no-repeat
}

.boldinnerh3 {
  margin-left: -30px;
  font-size: 1.2rem;
  font-family: var(--primaryfont-regular)
}

.inner-ul li {
  margin-left: 30px;
  font-size: 16px
}

.step-content ul .inner-ul li::before {
  content: "";
  position: absolute;
  left: -25px;
  top: 4px;
  width: 15px;
  height: 15px;
  background: url("/sites/zweb/images/nonprofits/npo-bullet-point-sprite.png") no-repeat -56px -0;
  background-size: cover;
  background-repeat: no-repeat
}

.orange-disc-li li::before {
  background: url("/sites/zweb/images/nonprofits/npo-bullet-point-sprite.png") no-repeat -5px -0
}

.blue-disc-li li::before {
  background: url("/sites/zweb/images/nonprofits/npo-bullet-point-sprite.png") no-repeat -40px -0
}

.green-disc-li li::before {
  background: url("/sites/zweb/images/nonprofits/npo-bullet-point-sprite.png") no-repeat -75px -0
}

.red-disc-li li::before {
  background: url("/sites/zweb/images/nonprofits/npo-bullet-point-sprite.png") no-repeat -110px -0
}

.btn2anc {
  background-color: transparent;
  color: black;
  border: 2px solid black
}

.enablingdiv {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 2rem;
  background-color: #E1F3FC;
  padding: 5rem 1rem
}

.enabledivinner {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 2rem
}

.enabledivinner>h2 {
  font-size: 3rem;
  font-family: var(--primaryfont-regular);
  margin: 0
}

.enabledivinner>p {
  font-size: 21px;
  color: #000;
  line-height: 30px;
  width: 85%
}
.btndiv .btnanc{
  background-color: #0160B4;
}
.btndiv .btn2anc{
  background-color: transparent;
}
.npo-infoboxholder {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  padding: 5rem 1rem;
  justify-content: center;
  align-items: center;
  background-color: #ffefb6
}

.npo-infoboxholder h2 {
  font-size: 3rem;
  font-family: var(--primaryfont-regular)
}
.npo-fit-left-sec h2{
  font-family: var(--primaryfont-regular);
}
.npo-infodivs {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2.5rem;
  max-width: 1400px
}

.npo-infoflexbox {
  width: 420px;
  background-color: #fff;
  border-radius: 1rem;
  padding: 2rem 2rem
}

.npo-infoflexbox h3 {
  font-size: 1.6rem;
  font-family: var(--primaryfont-regular);
  margin-top: 1rem;
  line-height: 30px
}

.npo-infoflexbox ul li {
  list-style: disc;
  margin-left: 18px;
  font-size: 1rem
}

.blue-list-ul li::marker {
  color: #439dff;
  font-size: 24px
}

.red-list-ul li::marker {
  color: #ff284d;
  font-size: 24px
}

.green-list-ul li::marker {
  color: #00c297;
  font-size: 24px
}

.iconholderdiv {
  width: 90px;
  height: 90px;
  margin-bottom: 1rem
}

.iconholderdiv1 {
  background: url('/sites/zweb/images/nonprofits/npo-icon-sprite.png') no-repeat -15px -10px;
  background-size: auto 120%;
  width: 90px;
  height: 90px
}

.iconholderdiv2 {
  background: url('/sites/zweb/images/nonprofits/npo-icon-sprite.png') no-repeat -121px -10px;
  background-size: auto 120%;
  width: 90px;
  height: 90px
}

.iconholderdiv3 {
  background: url('/sites/zweb/images/nonprofits/npo-icon-sprite.png') no-repeat -225px -10px;
  background-size: auto 120%;
  width: 90px;
  height: 90px
}

.iconholderdiv4 {
  background: url('/sites/zweb/images/nonprofits/npo-icon-sprite.png') no-repeat -336px -10px;
  background-size: auto 120%;
  width: 90px;
  height: 90px
}

.iconholderdiv5 {
  background: url('/sites/zweb/images/nonprofits/npo-icon-sprite.png') no-repeat -443px -10px;
  background-size: auto 120%;
  width: 90px;
  height: 90px
}

.iconholderdiv6 {
  background: url('/sites/zweb/images/nonprofits/npo-icon-sprite.png') no-repeat -548px -10px;
  background-size: auto 120%;
  width: 90px;
  height: 90px
}

.btndiv {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center
}

.cont-wrapper2 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 5rem 1rem
}

.cont-wrapper2>h2 {
  width: 75%;
  font-size: 3rem;
  font-family: var(--primaryfont-regular);
  text-align: left
}

.cont-wrapper2>p {
  width: 67%;
  font-size: 21px;
  color: #000;
  text-align: center;
  margin: 2rem 0;
  line-height: 30px;
  margin: auto
}

.cont-wrapper2>ul {
  font-size: 21px;
  width: 75%
}

.cont-wrapper2>ul>li {
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center
}

.numberstyle {
  background-color: #0068b3;
  color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 2rem
}

.cont-wrapper2>h3 {
  width: 60%;
  text-align: left;
  font-size: 2rem;
  font-family: var(--primaryfont-regular)
}

table {
  border-collapse: collapse;
  border: 0 solid #000;
  font-family: sans-serif;
  font-size: .8rem;   
  letter-spacing: 1px;
  margin-bottom: 2rem
}

thead {
  background-color: #DEEAFF;
  color: #000;
}

th,td {
  border: 2px solid #C8DBFF;
  padding: 8px 10px;
  text-align: center;
  vertical-align: middle;
  width: 20%;
  max-width: 300px;
  padding: 1rem 2rem;
  font-size: 1.3rem;
  font-family: var(--primaryfont-regular)
}

td {
  background: #fff;
  font-size: 1.1remt;
  font-family: var(--primaryfont-regular)
}

.cont-wrapper2>h1 {
  font-size: 3rem;
  font-family: var(--primaryfont-regular);
  text-align: center
}

.slider-container {
  text-align: center;
  display: inline-block;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  max-width: 900px;
  overflow: hidden;
  margin: auto
}

.slider-container h2 {
  font-size: 3rem;
  font-family: var(--primaryfont-regular);
  margin: 65px 0 65px 0
}

.slides-wrapper {
  display: flex;
  transition: transform .5s ease-in-out;
  width: 100%
}

.testimonial-slide {
  display: flex;
  min-width: 100%;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1)
}

.testimonial-text {
  flex: 1;
  background: #ffd740;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left
}

.testimonial-text img.testimonials_logo {
  width: 130px;
  height: 130px;
  margin-bottom: 10px
}

.testimonial-text p {
  font-size: 16px;
  line-height: 1.6;
  color: #333;
  margin-bottom: 10px
}

.author {
  margin-top: 10px;
  font-size: 14px
}

.linedown {
  width: 100px;
  height: 1.5px;
  border-radius: 10px;
  background-color: #f0483e
}

.linedownbox {
  width: 100px;
  height: 1.5px;
  border-radius: 10px;
  background-color: #fff;
  margin: auto
}

.testimonial-image {
  flex: 1;
  background: #eee;
  display: flex;
  align-items: center;
  justify-content: center
}

.testimonial-image img {
  max-width: 100%;
  height: auto
}

.slides-wrapper {
  cursor: grab
}

.nav-btn {
  background: 0;
  border: 0;
  font-size: 3rem;
  cursor: pointer;
  z-index: 10
}

.dotdiv {
  flex-grow: 1;
  display: flex;
  justify-content: center
}

.dots {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 900px;
  margin: auto
}

.dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #bdbdbd;
  border-radius: 50%;
  margin: 0 5px;
  cursor: pointer
}

.dot.active {
  background: #333
}

.slides-wrapper.reverse {
  transition: none !important
}

.slides-wrapper.animate-reverse {
  transition: transform .5s ease-in-out
}

.hamburger {
  display: none;
  font-size: 2rem;
  background: 0;
  border: 0;
  cursor: pointer
}

.anchordivcheck {
  display: none;
  height: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: .5s
}

.anchordivcheck>a {
  text-decoration: none;
  font-family: var(--primaryfont-regular);
  color: #333;
  font-size: 1.2rem;
  padding: 1rem 2rem;
  text-align: center;
  width: 100%;
  transition: .3s
}

.anchordivcheck>a:hover {
  background-color: #e1eafa;
  border-radius: 10px
}

.faq-content-wrap {
  margin: 90px 0 40px;
  overflow: hidden
}

.faq-content-wrap .content-wrap {
  max-width: 1200px;
  overflow: hidden
}

.content-wrap {
  position: relative;
  width: 90%;
  max-width: 1280px;
  margin: 0 auto
}

.faq-content-wrap h2 {
  text-align: center;
  margin-bottom: 50px;
  display: inline-block;
  width: 100%
}

.faq-content {
  max-width: 800px;
  float: none;
  margin: 0 auto 50px
}

.faq-content ul {
  margin: 0 0 30px
}

.faq-answers .item-list>ul>li {
  position: relative;
  padding: 0 0 20px 0;
  border-bottom: 1px solid #ececec
}

.faq-content ul li {
  margin-bottom: 20px;
  position: relative
}

.faq-content .field-faq-question {
  color: #000;
  font-size: 1.5rem;
  cursor: pointer;
  margin-bottom: 1rem;
  font-family: var(--primaryfont-regular);
  display: inline-block;
  vertical-align: text-top;
  width: 100%;
  padding-right: 20px;
  position: relative
}

.faq-content .field-faq-answer {
  display: none;
  margin-bottom: 10px
}

.field-faq-answer p {
  margin: 0;
  line-height: 1.75rem;
  font-size: 1.2rem;
  color: #333
}

.arrow {
  position: absolute;
  right: 0;
  top: -4px;
  transition: all 500ms ease;
  width: 30px;
  height: 30px;
  pointer-events: none
}

.arrow:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #333;
  position: absolute;
  top: 17px;
  right: 0
}

.arrow:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #fff;
  position: absolute;
  top: 16px;
  right: 2px
}

.content-wrap {
  position: relative;
  width: 90%;
  max-width: 1280px;
  margin: 0 auto
}

.zwc-section {
  background-color: #f8f9fb;
  padding: 3rem 1rem
}

.zwc-section h2 {
  font-size: 50px;
  text-align: center
}

.zwc-faqs-holder {
  display: flex;
  justify-content: space-around;
  margin-top: 80px
}

.zwc-faq-left-container {
  max-width: 300px;
  width: 100%
}

.zwc-faq-right-container {
  max-width: 750px;
  width: 100%;
  position: relative
}

.zwc-category-container {
  position: relative
}

.zwc-category-highlighter {
  background: #0e78b8;
  height: 50px;
  width: 2px;
  position: absolute;
  left: 0;
  z-index: 1;
  transition: all 1s ease;
  top: 0
}

.zwc-category-list {
  position: relative;
  padding-left: 25px
}

.zwc-category-list .zwc-ctg-active {
  color: #056cb8;
  font-family: var(--zf-secondary-medium)
}

.zwc-category-list li {
  font-size: 17px;
  list-style: none;
  padding: 16px 0;
  cursor: pointer;
  font-family: var(--secondaryfont-regular)
}

.zwc-faq-content-container {
  background-color: #fff;
  text-align: left;
  border-radius: 10px
}

.zwc-accordian-title {
  position: relative;
  font-size: 19px;
  padding: 15px 0;
  margin-bottom: 0;
  cursor: pointer;
  display: none
}

.zwc-faq-content-holder.selected {
  display: block;
  opacity: 1;
  visibility: visible;
  top: 0;
  transition: all .5s linear
}

.zwc-faq-content-holder {
  display: none;
  padding: 20px 40px 20px;
  box-shadow: 0 3px 40px rgba(0,0,0,0.02);
  top: 30px;
  position: relative
}

.ccode-in .zwc-codeIN,.ccode-in .zwc-nonMea {
  display: block
}

.zwc-faq-content-holder ul li {
  padding: 30px 0 20px 45px;
  list-style: none;
  border-bottom: 1px solid silver
}

.zwc-faq-right-container h5 {
  font-size: 20px;
  cursor: pointer;
  margin-bottom: 10px;
  position: relative
}

.zwc-faq-content-holder ul li.active h5:before {
  content: "-";
  background-color: #f06a0e;
  color: #fff;
  font-size: 18px;
  line-height: 1
}
.zwc-section h2{
  font-family: var(--primaryfont-regular);
}
.zwc-section h5{
  font-family: var(--secondaryfont-regular);
}
.zwc-faq-content-holder ul li h5:before {
  content: "+";
  position: absolute;
  left: -40px;
  top: 5px;
  background-color: #444;
  color: #fff;
  width: 20px;
  height: 20px;
  line-height: 1.3;
  font-size: 15px;
  text-align: center;
  border-radius: 50%
}

.zwc-faq-content-holder ul li p.desc-active {
  display: block
}

.desc-active {
  margin: 0
}

.zwc-faq-content-holder ul li p span {
  margin-left: 10px;
  position: relative;
  padding-left: 12px
}

.zwc-faq-content-holder ul li p span::before {
  content: '•';
  position: absolute;
  left: 0;
  color: black
}

.zwc-faq-right-container p {
  display: none;
  margin: 20px 0 15px;
  font-size: 18px;
  font-family: var(--secondaryfont-regular);
  line-height: 2
}

.zwc-links {
  color: #056cb8;
  cursor: pointer
}

.zwc-sticky {
  position: sticky;
  top: 80px
}

.img-holder {
  width: 350px;
  height: 335px
}

.wrapperdiv {
  background-color: #fff;
  border-radius: 10px;
  padding: 60px;
  display: flex;
  flex-direction: column
}

.npo-fit-section {
  padding: 100px 0;
  margin-top: 50px
}

.npo-fit-wrap {
  display: flex;
  flex-direction: column;
  gap: 2rem
}

.img-holder img {
  width: 100%;
  height: 100%
}

.fitimg1 {
  background: url('/sites/zweb/images/nonprofits/side-ai-feature-illustration.png') no-repeat 0 0;
  background-size: cover
}

.fitimg2 {
  background: url('/sites/zweb/images/nonprofits/side-ai-feature-illustration.png') no-repeat -211px 0;
  background-size: cover
}

.fitimg3 {
  background: url('/sites/zweb/images/nonprofits/side-ai-feature-illustration.png') no-repeat -422px 0;
  background-size: cover
}

.fitimg4 {
  background: url('/sites/zweb/images/nonprofits/side-ai-feature-illustration.png') no-repeat -604px 0;
  background-size: cover
}

.fitimg5 {
  background: url('/sites/zweb/images/nonprofits/side-ai-feature-illustration.png') no-repeat -786px 0;
  background-size: cover
}

.fitimg6 {
  background: url('/sites/zweb/images/nonprofits/side-ai-feature-illustration.png') no-repeat -986px 0;
  background-size: cover
}

.common-section .table-wrap {
  display: flex;
  align-items: flex-start;
  gap: 60px
}

.common-section .column.np-left {
  width: 35%;
  position: sticky;
  top: 80px;
  height: fit-content
}

.common-section .column.np-right {
  width: 60%;
  display: flex;
  flex-direction: column;
  gap: 32px
}

.npo-fit-each {
  min-height: 200px;
  border-radius: 16px;
  padding: 32px;
  display: flex;
  align-items: center;
  gap: 24px;
  background-color: #DFEEFF80;
}


.npo-fit-img {
  width: 200px;
  height: 150px;
  flex-shrink: 0
}

.learnmore {
  color: #3679FF;
  font-family: var(--primaryfont-regular)
}

.npo-fit-text h4 {
  margin-bottom: 8px;
  font-size: 1.3rem;
  font-family: var(--primaryfont-regular)
}

.connecttoolholder {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #e1f3fc;
  padding: 5rem
}

.connecttoolinner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

.connecttoolinner>h3 {
  font-size: 3rem;
  font-family: var(--primaryfont-regular);
  margin-bottom: 20px;
  color: #000;
  text-align: center;
  margin: 0
}

.connecttoolinner>p {
  font-size: 1.5rem;
  color: #000;
  width: 850px;
  text-align: center;
  margin: 0
}

.connecttoolsimgdiv {
  width: 700px;
  margin-top: 5rem
}

.connecttoolsimgdiv>img {
  width: 100%;
  height: 100%
}

.wrapperdiv>h3 {
  font-size: 36px;
  margin-bottom: 20px;
  color: #000;
  width: 33%;
  text-align: center
}

.wrapperdiv1 {
  display: flex;
  align-items: center;
  justify-content: center
}

.step {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
  font-size: 1.1rem;
  width: 100%
}

.infodivtop {
  display: flex;
  align-items: center
}

.infodivtop>h3 {
  font-size: 36px;
  margin-bottom: 20px;
  color: #000;
  width: 33%;
  text-align: center
}

.infodivright {
  width: 50%;
  height: 100%;
  padding-left: 120px;
  display: flex;
  justify-content: space-between;
  flex-direction: column
}

.step-number {
  background-color: #0070f3;
  color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  margin-right: 15px;
  font-size: 16px;
  position: relative
}

.steplineside {
  position: absolute;
  height: 80px;
  width: 5px;
  background-color: #0070f3;
  bottom: -90px;
  left: 40%;
  border-radius: 10px
}

.claim .step-number {
  background-color: #fc0;
  color: #000
}

.step-text {
  font-size: 18px;
  color: #333;
  margin: 0;
  width: 80%
}

.credit-title {
  font-family: var(--primaryfont-regular);
  font-size: 36px;
  margin: 60px 0 24px 0;
  text-align: center
}

.wrapperdiv2>p {
  text-align: center;
  font-size: 20px;
  margin: 3rem auto;
  width: 67%;
  color: #323232;
}

.thanksviewport {
  visibility: hidden;
  opacity: 0;
  transition: all .3s ease-in-out;
  display: none;
  height: 100dvh;
  width: 100dvw;
  justify-content: center;
  align-items: center;
  background-color: rgba(0,0,0,0.5);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000
}

.show {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
  position: fixed
}

.thanksforregistering {
  width: 800px;
  padding:2rem;
  border-radius: 10px;
  position: relative;
  background-color: #ffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  text-align: center
}

.closethanksbtn {
  position: absolute;
  right: 15px;
  top: 20px;
  width: 13px;
  height: 15px;
  background-color: transparent;
  border: 0;
  cursor: pointer
}

.closethanksbtn>img {
  width: 100%;
  height: 100%
}

.thankscorrectimg {
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center
}

.thankscorrectimg>img {
  width: 56px;
  height: 56px
}

.thanks-gohomebtn {
  padding: 10px 1.2rem;
  border-radius: 3rem;
  font-size: 1.1rem;
  border: 0;
  background: linear-gradient(to top,#0d65d6,#2a87ff);
  cursor: pointer;
  color: white;
  min-width: 0;
  margin-top: 1rem;
  text-decoration: none
}

.thanksforregistering>h2 {
  font-size: 2rem;
  font-family: var(--primaryfont-regular)
}

.thanksforregistering>h3 {
  font-size: 1.3rem;
  width: 70%
}

.thanksforregistering>p {
  font-size: 1rem;
  width: 65%
}

.tabledisplay {
  margin-left: -40px;
  margin-top: 2rem;
  height: 260px;
  overflow: hidden;
  overflow-y: scroll
}

table.products {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border: 1px solid #0e78b8
}

.products td {
  padding: 0;
  height: var(--row-h);
  text-align: center;
  vertical-align: middle;
  height: 50px;
  border: 1px solid #0e78b8
}

.products a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  letter-spacing: .2px;
  color: #000;
  font-size: 14px;
  line-height: 1.25
}

.products a:focus-visible {
  outline: 3px solid #a3c7ff;
  outline-offset: -3px
}

.products a:hover {
  color: #0e78b8
}


.other-lang .slider-container.fade-in-up.visible,.other-lang .dots.fade-in-up.visible {
  display: none
}

.data-compliance-content-wrap {
  margin: auto
}

.applingcyclesec {
  background-color: #fff4de
}

.step-container {
  display: flex;
  gap: 40px;
  align-items: center;
  padding: 40px;
  height: 900px
}

.step-left {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 18px;
  justify-content: center
}

.step-container h3 {
  font-size: 3.5rem;
  font-family: var(--primaryfont-regular);
  margin-bottom: 30px;
  width: 100%
}

.applyimage {
  width: 500px
}

.step-btn {
  display: flex;
  align-items: center;
  gap: 16px;
  background-color: rgba(0,0,0,0.052);
  padding: 5px 10px;
  border-radius: 50px;
  font-size: 20px;
  cursor: pointer;
  position: relative;
  font-family: var(--zf-primary-medium);
  transition: .3s ease;
  margin: .5rem;
  width: 500px;
  height: 80px
}

.applyimage img {
  width: 100%;
  height: 100%;
  border-radius: 10px
}

.step-btn.active {
  color: #4a2600;
  border-radius: 50px;
  font-size: 20px;
  background: linear-gradient(177.78deg,#fc9c00 1.86%,#ffc957 98.14%);
  font-family: var(--zf-primary-regular);
  color: #481a01;
  overflow: hidden;
  z-index: 10
}

.stepbtnp {
  background: #4E4E4E33;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 1.7rem;
  margin: 0
}

.step-btn.active .stepbtnp {
  background: #481a01b5;
  color: #fff
}

.step-btn.stepbtnclicked {
  background: linear-gradient(177.78deg,#fc9c00 1.86%,#ffc957 98.14%);
  font-family: var(--zf-primary-regular)
}

.loading-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  height: 3px;
  width: 0;
  background: #4a2600;
  border-radius: 50px;
  transition: width linear
}

.step-right {
  width: 50%
}

.step-content {
  display: none;
  animation: fade .4s ease
}

.step-content.active {
  display: flex;
  flex-direction: column;
  gap: 2rem
}

.step-content ul {
  display: flex;
  flex-direction: column;
  gap: 16px
}

.step-content ul li {
  list-style-type: none
}

.mobileviewhide {
  display: block
}

.mobileviewshow {
  display: none
}

.green-disc-li .boldinnerh3 {
  margin-left: -30px;
  margin-bottom: 10px;
  font-size: 1.2rem;
  font-family: var(--primaryfont-regular)
}

.npo-fit-each>h4 {
  display: none
}

@keyframes fade {
  from {
      opacity: 0;
      transform: translateY(10px)
  }

  to {
      opacity: 1;
      transform: translateY(0)
  }
}

.loading-bar.filled {
  width: 0
}

.step-containermob {
  display: none
}
.other-lang .dots {
  display: none;
}
.lang-rtl .cont-wrapper>p { text-align: center; }
.lang-rtl .contpararightalign * { text-align: left; }
.lang-rtl .step-content ul li::before, .lang-rtl .npo-fit-content ul li::before { right: -30px; left: unset; }
.lang-rtl .boldinnerh3 { margin-right: -30px; margin-left: unset; }
.lang-rtl .inner-ul li { margin-right: 30px; margin-left: unset; }
.lang-rtl .step-content ul .inner-ul li::before { right: -25px; left: unset; }
.lang-rtl .npo-infoflexbox ul li { margin-right: 18px; margin-left: unset; }
.lang-rtl .cont-wrapper2>h2 { text-align: right; }
.lang-rtl .cont-wrapper2>p { text-align: center; }
.lang-rtl .numberstyle { margin-left: 2rem; margin-right: unset; }
.lang-rtl .cont-wrapper2>h3 { text-align: right; }
.lang-rtl th, .lang-rtl td { text-align: center; }
.lang-rtl .cont-wrapper2>h1 { text-align: center; }
.lang-rtl .slider-container h2 { margin: 65px 0 65px 0; }
.lang-rtl .testimonial-text { text-align: right; }
.lang-rtl .anchordivcheck>a { text-align: center; }
.lang-rtl .faq-content-wrap h2 { text-align: center; }
.lang-rtl .faq-answers .item-list>ul>li { padding: 0 0 20px 0; }
.lang-rtl .faq-content .field-faq-question { padding-left: 20px; padding-right: unset; }
.lang-rtl .arrow { left: 0; right: unset; }
.lang-rtl .arrow:before { border-right: 8px solid transparent; border-left: unset; border-left: 8px solid transparent; border-right: unset; left: 0; right: unset; }
.lang-rtl .arrow:after { border-right: 6px solid transparent; border-left: unset; border-left: 6px solid transparent; border-right: unset; left: 2px; right: unset; }
.lang-rtl .zwc-section h2 { text-align: center; }
.lang-rtl .zwc-category-highlighter { right: 0; left: unset; }
.lang-rtl .zwc-category-list { padding-right: 25px; padding-left: unset; }
.lang-rtl .zwc-faq-content-container { text-align: right; }
.lang-rtl .zwc-faq-content-holder ul li { padding: 30px 45px 20px 0; }
.lang-rtl .zwc-faq-content-holder ul li h5:before { text-align: center; right: -40px; left: unset; }
.lang-rtl .zwc-faq-content-holder ul li p span { margin-right: 10px; margin-left: unset; padding-right: 12px; padding-left: unset; }
.lang-rtl .zwc-faq-content-holder ul li p span::before { right: 0; left: unset; }
.lang-rtl .connecttoolinner>h3 { text-align: center; }
.lang-rtl .connecttoolinner>p { text-align: center; }
.lang-rtl .wrapperdiv>h3 { text-align: center; }
.lang-rtl .infodivtop>h3 { text-align: center; }
.lang-rtl .infodivright { padding-right: 120px; padding-left: unset; }
.lang-rtl .step-number { margin-left: 15px; margin-right: unset; }
.lang-rtl .steplineside { right: 40%; left: unset; }
.lang-rtl .credit-title { margin: 60px 0 24px 0; }
.lang-rtl .wrapperdiv2>p { text-align: center; }
.lang-rtl .thanksviewport { left: 0; right: 0; }
.lang-rtl .closethanksbtn { left: 15px; right: unset; }
.lang-rtl .tabledisplay { margin-right: -40px; margin-left: unset; }
.lang-rtl .products td { text-align: center; }
.lang-rtl .loading-bar { right: 0; left: unset; }
.lang-rtl .green-disc-li .boldinnerh3 { margin-right: -30px; margin-left: unset; }
.lang-rtl .btnanc, .lang-rtl .blueboxdiv, .lang-rtl .enablingdiv, .lang-rtl .enabledivinner, .lang-rtl .slider-container, .lang-rtl .step-number, .lang-rtl .credit-title, .lang-rtl .thanksforregistering,.lang-rtl .data-compliance-content-wrap { text-align: center; }
.lang-rtl .btnanc *, .lang-rtl .blueboxdiv *, .lang-rtl .enablingdiv *, .lang-rtl .enabledivinner *, .lang-rtl .slider-container *, .lang-rtl .step-number *, .lang-rtl .credit-title *, .lang-rtl .thanksforregistering *, .lang-rtl .data-compliance-content-wrap *{ text-align: center; }
 .other-lang .zwc-faq-content-holder ul li p span::before {
  content: '.';

}
.introimgholder{
  margin-bottom: 2rem;
  max-width: 600px;
}
.introimgholder img{
  width: 100%;
  height: 100%;
}
.npo-quiz1 h2{
  font-size: 2.5rem;
  margin: 10px;
}
.npo-quiz1 p{
  margin: 0%;
  font-size: 1.2rem;
}
.npo-quiz1 button{
  margin-top: 2rem;
}
.buttonarrowspan{
  width: 15px;
  height: 15px;
  background-image: url("/sites/zweb/images/nonprofits/right-arrow-white.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin: 0%;
}
.quizholderdiv {
    
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.35);
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  display: none;
  z-index: 1000;
}

.quizviewport {
  width: 80%;
  min-width: 350px;
  height: max-content;
  background-color: #ffffff;
  border-radius: 10px;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  overflow: visible; 
  z-index: 1001;
}

.progressholder {
  width: 100%;
  padding: 1rem;
  display: flex;
  gap: 10px;
}

.progreesbars {
  flex: 1;
  height: 10px;
  background-color: #c1c1c1;
  border-radius: 5px;
  overflow: hidden;
}

.progresseffect {
  width: 0%;
  height: 100%;
  background-color: #4caf50;
  border-radius: 5px;
  transition: width 0.5s ease;
}

.npo-quizdiv {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0rem;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  overflow: visible;
}

.npo-quizdiv button {
  padding: 1rem 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 1.2rem;
  color: #ffffff;
  border: none;
  border-radius: 2rem;
  cursor: pointer;
  background: linear-gradient(180deg, #2a87ff 0%, #0d65d6 100%);
}
.prevbtnimg{
  width: 17px;
  height: 15px;
  background-image: url("/sites/zweb/images/nonprofits/left-arrow.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin: 0%;
}
.npo-quizdiv button:hover {
  opacity: 0.9;
}

.npo-quiz1,
.npo-quiz2,
.npo-quiz3,
.npo-quiz4 {
  display: none;
}

.question-wrapper {
  max-width: 700px;
  width: 100%;
  text-align: center;
  font-family: var(--primaryfont-regular);
}
.widthpara {
  max-width: 800px;
  text-align: center;
}
.step {
  color: #1e6bff;
  font-family: var(--primaryfont-regular);
  font-size: 20px;
  margin-bottom: 12px;
  margin-left: 30px;
}

.question {
  text-align: left;
  font-size: 28px;
  font-family: var(--primaryfont-regular);
  margin-bottom: 30px;
  margin-left: 30px;
}

.option {
  display: flex;
  align-items: center;
  text-align: left;
  gap: 18px;
  border: 2px solid #dcdcdc;
  border-radius: 40px;
  padding: 18px 24px;
  margin: 14px auto;
  cursor: pointer;
  font-size: 22px;
  font-family: var(--primaryfont-regular);
  max-width: 650px;
  transition: border-color 0.2s ease;
}

.option:hover {
  border-color: #1e6bff;
}

.option input {
  display: none;
}

.radio {
  min-width: 22px;
  min-height: 22px;
  border: 2px solid #cfcfcf;
  border-radius: 50%;
  position: relative;
  flex-shrink: 0;
}

.option input:checked + .radio {
  border-color: #1e6bff;
}

.option input:checked + .radio::after {
  content: "";
  width: 12px;
  height: 12px;
  background-color: #1e6bff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.prevquesbtn{
           padding: 10px;
           cursor: pointer;
           position: absolute;
            top: 10px;
            left: 20px;
            font-size: 18px;
            display: flex;
            gap: 10px;
            align-items: center;
            justify-content: center;
            color: #828282;
        }
.closesurveybtn{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    top: -25px;
    right: -25px;
    font-size: 18px;
    border: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

@media (max-width: 768px) {
  .quizviewport {
    width: 90%;
    height: 85%;
  }

  .question {
    font-size: 22px;
  }

  .option {
    font-size: 18px;
    padding: 14px 16px;
    border-radius: 30px;
  }

  .radio {
    min-width: 18px;
    min-height: 18px;
  }
}

@media (max-width: 480px) {
  .step {
    font-size: 16px;
  }

  .question {
    font-size: 20px;
  }

  .option {
    font-size: 16px;
    gap: 12px;
  }

  .npo-quizdiv button {
    font-size: 1rem;
    padding: 0.8rem 2rem;
  }
}
@media(max-width: 1024px) {
  nav {
      flex-wrap:wrap;
      justify-content: space-between;
      padding: 10px
  }

  .npviewport {
      height: max-content;
      margin-top: 1rem
  }

  .npoviewdiv {
      flex-direction: column
  }

  .npviewleft {
      text-align: center
  }

  .npviewright {
      margin-top: 3rem;
      min-width: none;
      margin: 0
  }

  .hamburger {
      display: block;
      flex-grow: 1;
      text-align: right
  }

  .anchordivcheck {
      display: flex
  }

  .anchordiv {
      width: 100%;
      flex-direction: column;
      display: none;
      gap: 1rem;
      margin-top: 1rem;
      align-items: flex-start
  }

  .anchordiv.show {
      display: flex
  }

  .anchordiv a,.profileimg {
      font-size: 1.2rem;
      width: 100%
  }

  .npviewport {
      flex-direction: column;
      padding: 2rem
  }

  .npviewleft>h1 {
      font-size: 2.5rem
  }

  .npviewleft>p {
      width: 100%;
      font-size: 21px
  }

  .cont-wrapper>p {
      font-size: 21px
  }

  .cont-wrapper>p,.cont-wrapper2>p,.cont-wrapper2>ul,.enabledivinner>p {
      width: 90% !important
  }

  .contimgparadiv {
      flex-direction: column
  }

  .cont2 {
      flex-direction: column-reverse
  }

  .contpara {
      width: 100%;
      text-align: center
  }

  .contpara>p {
      padding-top: 12px;
      font-size: 18px;
      line-height: 30px
  }

  .linedown {
      margin: auto
  }

  .cont-wrapper>h1,.cont-wrapper2>h2,.cont-wrapper2>h1,.enabledivinner>h2 {
      font-size: 2rem;
      text-align: center
  }

  .enabledivinner>p {
      font-size: 16px
  }

  .btnanc {
      padding: 10px;
      font-size: 1rem
  }

  .cont-wrapper2>h2 {
      width: 100%;
      text-align: left
  }
  .widthpara{
    min-width: none;
  }
  .cont-wrapper2>h3 {
      width: 100%;
      text-align: left
  }

  .cont-wrapper2>p {
      width: 100%;
      font-size: 16px
  }

  table {
      font-size: 1rem
  }

  .testimonial-text p {
      font-size: .9rem
  }

  th,td {
      font-size: .9rem;
      padding: 10px
  }

  .testimonial-image {
      background-color: #ffd740
  }

  .testimonial-text {
      gap: 0;
      padding: 10px
  }

  .testimonial-text>p {
      margin: 0
  }
    .lang-rtl nav { padding: 10px; }
.lang-rtl .npviewright { margin: 0; }
.lang-rtl .hamburger { text-align: left; }
.lang-rtl .npviewport { padding: 2rem; }
.lang-rtl .linedown { margin: auto; }
.lang-rtl .cont-wrapper>h1, .lang-rtl .cont-wrapper2>h2, .lang-rtl .cont-wrapper2>h1, .lang-rtl .enabledivinner>h2 { text-align: center; }
.lang-rtl .btnanc { padding: 10px; }
.lang-rtl .cont-wrapper2>h2 { text-align: right; }
.lang-rtl .cont-wrapper2>h3 { text-align: right; }
.lang-rtl th, .lang-rtl td { padding: 10px; }
.lang-rtl .testimonial-text { padding: 10px; }
.lang-rtl .testimonial-text>p { margin: 0; }
.lang-rtl .npviewleft, .lang-rtl .contpara { text-align: center; }
.lang-rtl .npviewleft *, .lang-rtl .contpara * { text-align: center; }

}

@media(max-width: 991px) {
  .npviewleft>h1 {
      font-size:2.5rem
  }

  .npviewleft>span {
      font-size: 1.1rem
  }

  .npviewleft>p {
      font-size: 16px;
      line-height: 20px
  }

  .blueboxdiv {
      width: 100%;
      padding: 3rem 2rem;
      border-radius: 0
  }

  .blueboxdiv>h2 {
      font-size: 1.7rem
  }

  .blueboxdiv p {
      font-size: 1rem;
      line-height: 25px
  }

  .cont-wrapper2 {
      padding: 1rem;
      margin-top: 2rem
  }

  .cont-wrapper {
      padding: 5rem 0;
      padding-top: 0;
      gap: 0
  }

  .cont-wrapper>p {
      line-height: 30px;
      font-size: 16px
  }

  .contimgparadiv {
      margin-top: 3rem;
      gap: 3rem
  }

  .linedown {
      margin: auto
  }

  .btndiv {
      gap: 1.2rem
  }

  .contpara>h2 {
      font-size: 1.8rem
  }

  .cont-wrapper2>ul {
      font-size: 1.1rem;
      margin: auto
  }

  .cont-wrapper2>ul>li {
      line-height: 25px
  }

  .zwc-faq-section {
      padding: 50px 0 100px
  }

  .content-wrap {
      width: 90%
  }

  .zwc-section h2 {
      font-size: 32px
  }

  .zwc-faqs-holder {
      margin-top: 50px
  }

  .zwc-faq-left-container {
      display: none
  }

  .step-content.active {
      flex-direction: row;
      gap: 4rem
  }

  .zwc-faq-content-holder-outer:not(:last-child) {
      border-bottom: 1px solid #ececec
  }

  .zwc-faq-content-holder-outer {
      padding: 15px 20px
  }

  .zwc-accordian-title {
      display: block
  }

  .zwc-accordian-title::after {
      content: "";
      position: absolute;
      right: 10px;
      top: 23px;
      transform: rotate(45deg);
      padding: 5px;
      transition: .3s;
      border-style: solid;
      border-color: #666;
      border-image: initial;
      border-width: 0 1px 1px 0
  }

  .zwc-accordian-title.active::after {
      transform: rotate(-135deg);
      -webkit-transform: rotate(-135deg)
  }

  .zwc-faq-content-holder {
      box-shadow: none;
      background: transparent;
      padding: 0
  }

  .zwc-faq-right-container h5 {
      font-size: 19px
  }

  ul {
      padding-inline-start:0}

  .zwc-faq-right-container p {
      font-size: 16px
  }

  .zwc-faq-right-container h5 {
      font-size: 17px
  }

  th,td {
      font-size: .8rem;
      padding: 6px
  }

  .wrapperdiv {
      width: 100%;
      padding: 0
  }

  .wapperdiv {
      font-size: 40px;
      text-align: center
  }

  .slider-container h2 {
      font-size: 2.1rem;
      margin: 0 0 20px 0
  }

  .testimonial-text {
      text-align: center;
      margin: 0 auto
  }

  .wrapperdiv>h3 {
      font-size: 24px;
      width: 80%;
      margin: 2rem;
      text-align: center
  }

  .wrapperdiv1 {
      padding: 40px;
      flex-direction: column;
      height: max-content
  }

  .step-text {
      font-size: 14px
  }

  .data-compliance-content-wrap {
      margin-top: 50px
  }

  .infodivright {
      width: 90%;
      padding: 1rem;
      gap: 1rem
  }

  .step {
      width: 100%
  }

  .steplineside {
      height: 80px;
      bottom: -90px
  }

  .step1>.step-number>.steplineside {
      height: 30px;
      bottom: -37px
  }

  .infodivtop {
      flex-direction: column;
      height: max-content
  }

  .infodivtop>h3 {
      font-size: 24px;
      width: 80%;
      margin: 2rem;
      text-align: center
  }

  .infodivtop>h2 {
      font-size: 24px;
      text-align: center;
      width: 80%;
      margin-bottom: 2rem
  }

  .credit-title {
      font-size: 24px
  }

  .wrapperdiv2>p {
      font-size: 16px;
      margin: 0 auto;
      margin-bottom: 3rem;
      width: 85%
  }

  #stepcontainer {
      display: none
  }
    .lang-rtl .blueboxdiv { padding: 3rem 2rem; }
.lang-rtl .cont-wrapper2 { padding: 1rem; }
.lang-rtl .cont-wrapper { padding: 5rem 0; }
.lang-rtl .linedown { margin: auto; }
.lang-rtl .cont-wrapper2>ul { margin: auto; }
.lang-rtl .zwc-faq-section { padding: 50px 0 100px; }
.lang-rtl .zwc-faq-content-holder-outer { padding: 15px 20px; }
.lang-rtl .zwc-accordian-title::after { padding: 5px; left: 10px; right: unset; }
.lang-rtl .zwc-faq-content-holder { padding: 0; }
.lang-rtl th, .lang-rtl td { padding: 6px; }
.lang-rtl .wrapperdiv { padding: 0; }
.lang-rtl .slider-container h2 { margin: 0 0 20px 0; }
.lang-rtl .testimonial-text { margin: 0 auto; }
.lang-rtl .wrapperdiv>h3 { margin: 2rem; text-align: center; }
.lang-rtl .wrapperdiv1 { padding: 40px; }
.lang-rtl .infodivright { padding: 1rem; }
.lang-rtl .infodivtop>h3 { margin: 2rem; text-align: center; }
.lang-rtl .infodivtop>h2 { text-align: center; }
.lang-rtl .wapperdiv, .lang-rtl .testimonial-text { text-align: center; }
.lang-rtl .wapperdiv *, .lang-rtl .testimonial-text * { text-align: center; }
}

@media(max-width: 480px) {
  .wrapperdiv1 {
      padding:10px
  }

  table>tbody>th>td {
      font-size: 12px
  }

  .thanksforregistering {
      width: 300px;
      height: 300px;
      gap: 1rem;
      padding: 1rem
  }

  .thanksforregistering>h2 {
      font-size: 1.3rem
  }

  .products a {
      font-size: 10px
  }

  .thanksforregistering>p {
      font-size: 1rem
  }

  .testimonial-text {
      gap: 0;
      padding: 0 24px 24px 24px
  }

  .testimonial-text img.testimonials_logo {
      width: 80px;
      height: 80px;
      text-align: center;
      margin: 12px auto
  }

  .testimonial-image {
      padding: 0
  }

  .testimonial-image>img {
      width: auto;
      height: 300px;
      padding-top: 0
  }
    .lang-rtl .wrapperdiv1 { padding: 10px; }
.lang-rtl .thanksforregistering { padding: 1rem; }
.lang-rtl .testimonial-text { padding: 0 24px 24px 24px; }
.lang-rtl .testimonial-text img.testimonials_logo { margin: 12px auto; }
.lang-rtl .testimonial-image { padding: 0; }
.lang-rtl .testimonial-text img.testimonials_logo { text-align: center; }
.lang-rtl .testimonial-text img.testimonials_logo * { text-align: center; }
}

.othercountryshow,.dotothercountryshow {
  display: none
}

@media(max-width: 991px) {
  .npviewleft>h1 {
      font-size:2.5rem
  }

  .npviewleft>span {
      font-size: 1.1rem
  }

  .npviewleft>p {
      font-size: 16px;
      line-height: 20px
  }

  .blueboxdiv {
      width: 100%;
      padding: 3rem 2rem;
      border-radius: 0
  }

  .blueboxdiv>h2 {
      font-size: 1.7rem
  }

  .blueboxdiv p {
      font-size: 1rem;
      line-height: 25px
  }

  .cont-wrapper2 {
      padding: 1rem;
      margin-top: 2rem
  }

  .cont-wrapper {
      padding: 5rem 0;
      padding-top: 0;
      gap: 0
  }

  .cont-wrapper>p {
      line-height: 30px;
      font-size: 16px
  }

  .contimgparadiv {
      margin-top: 3rem;
      gap: 3rem
  }

  .linedown {
      margin: auto
  }

  .btndiv {
      gap: 1.2rem
  }

  .contpara>h2 {
      font-size: 1.8rem
  }

  .contpara>p {
      font-size: 1rem;
      line-height: 1.5
  }

  .contimgparadiv>img {
      width: 100%
  }

  .cont-wrapper2>ul {
      font-size: 1.1rem;
      margin: auto
  }

  .cont-wrapper2>ul>li {
      line-height: 25px
  }

  .zwc-faq-section {
      padding: 50px 0 100px
  }

  .content-wrap {
      width: 90%
  }

  .zwc-section h2 {
      font-size: 32px
  }

  .zwc-faqs-holder {
      margin-top: 50px
  }

  .zwc-faq-left-container {
      display: none
  }

  .zwc-faq-content-holder-outer:not(:last-child) {
      border-bottom: 1px solid #ececec
  }

  .zwc-faq-content-holder-outer {
      padding: 15px 20px
  }

  .zwc-accordian-title {
      display: block
  }

  .zwc-accordian-title::after {
      content: "";
      position: absolute;
      right: 10px;
      top: 23px;
      transform: rotate(45deg);
      padding: 5px;
      transition: .3s;
      border-style: solid;
      border-color: #666;
      border-image: initial;
      border-width: 0 1px 1px 0
  }

  .zwc-accordian-title.active::after {
      transform: rotate(-135deg);
      -webkit-transform: rotate(-135deg)
  }

  .zwc-faq-content-holder {
      box-shadow: none;
      background: transparent;
      padding: 0
  }

  .zwc-faq-right-container h5 {
      font-size: 19px
  }

  ul {
      padding-inline-start:0}

  .zwc-faq-right-container p {
      font-size: 16px
  }

  .zwc-faq-right-container h5 {
      font-size: 17px
  }

  th,td {
      font-size: .8rem;
      padding: 6px
  }

  .wrapperdiv {
      width: 100%;
      padding: 0
  }

  .wapperdiv {
      font-size: 40px;
      text-align: center
  }

  .slider-container h2 {
      width: 80%;
      margin: auto;
      margin-bottom: 20px
  }

  .testimonial-text {
      text-align: center;
      margin: 0 auto
  }

  .wrapperdiv>h3 {
      font-size: 24px;
      width: 80%;
      margin: 2rem;
      text-align: center
  }

  .wrapperdiv1 {
      padding: 40px;
      flex-direction: column;
      height: max-content
  }

  .step-text {
      font-size: 14px
  }

  .infodivright {
      width: 90%;
      padding: 1rem;
      gap: 1rem
  }

  .step {
      width: 100%
  }

  .steplineside {
      height: 80px;
      bottom: -90px
  }

  .step1>.step-number>.steplineside {
      height: 30px;
      bottom: -37px
  }

  .infodivtop {
      flex-direction: column;
      height: max-content
  }

  .infodivtop>h3 {
      font-size: 24px;
      width: 80%;
      margin: 2rem;
      text-align: center
  }

  .infodivtop>h2 {
      font-size: 24px;
      text-align: center;
      width: 80%;
      margin-bottom: 2rem
  }

  .credit-title {
      font-size: 24px
  }

  .wrapperdiv2>p {
      font-size: 17px
  }

  .steplineside {
      display: none
  }

  .mobileviewhide {
      display: none
  }

  .mobileviewshow {
      display: block;
      font-size: 2rem;
      font-family: var(--primaryfont-regular);
      padding: 10px;
      text-align: center
  }

  .step-btn {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 15px;
      font-size: 16px;
      margin: 0;
      font-family: var(--zf-secondary-medium);
      background-color: transparent
  }

  .step-btn.active {
      font-size: 16px;
      font-family: var(--secondaryfont-regular);
      width: -webkit-fill-available
  }

  .step-right {
      width: auto
  }

  .step-container {
      height: max-content;
      flex-direction: column;
      padding: 50px 10px;
      gap: 0
  }

  .step-container>h3 {
      font-size: 1.5rem;
      text-align: center
  }

  .step-left {
      margin-bottom: 2rem;
      background-color: rgba(0,0,0,0.052);
      border-radius: 50px;
      gap: 0;
      width: 100%;
      display: flex;
      flex-direction: row;
      gap: 0;
      justify-content: space-around;
      max-width: 400px
  }

  .steplineside {
      display: none
  }

  .step-content {
      flex-direction: row
  }

  .step-content ul li {
      font-size: 16px
  }

  .step-content ul .inner-ul li {
      font-size: 15px
  }

  .enablingdiv {
      padding: 3rem 1rem
  }

  .npo-infoboxholder {
      padding-top: 30px;
      gap: 2rem
  }

  .npo-infoboxholder h2 {
      font-size: 2.2rem;
      text-align: center
  }

  .npo-infodivs {
      gap: 1rem
  }

  .npo-fit-section {
      padding: 0 10px;
      margin: 30px 0
  }

  .applingcyclediv {
      padding: 1rem
  }
    .lang-rtl .blueboxdiv { padding: 3rem 2rem; }
.lang-rtl .cont-wrapper2 { padding: 1rem; }
.lang-rtl .cont-wrapper { padding: 5rem 0; }
.lang-rtl .linedown { margin: auto; }
.lang-rtl .cont-wrapper2>ul { margin: auto; }
.lang-rtl .zwc-faq-section { padding: 50px 0 100px; }
.lang-rtl .zwc-faq-content-holder-outer { padding: 15px 20px; }
.lang-rtl .zwc-accordian-title::after { padding: 5px; left: 10px; right: unset; }
.lang-rtl .zwc-faq-content-holder { padding: 0; }
.lang-rtl th, .lang-rtl td { padding: 6px; }
.lang-rtl .wrapperdiv { padding: 0; }
.lang-rtl .slider-container h2 { margin: auto; }
.lang-rtl .testimonial-text { margin: 0 auto; }
.lang-rtl .wrapperdiv>h3 { margin: 2rem; text-align: center; }
.lang-rtl .wrapperdiv1 { padding: 40px; }
.lang-rtl .infodivright { padding: 1rem; }
.lang-rtl .infodivtop>h3 { margin: 2rem; text-align: center; }
.lang-rtl .infodivtop>h2 { text-align: center; }
.lang-rtl .mobileviewshow { padding: 10px; }
.lang-rtl .step-btn { padding: 5px 15px; margin: 0; }
.lang-rtl .step-container { padding: 50px 10px; }
.lang-rtl .step-container>h3 { text-align: center; }
.lang-rtl .enablingdiv { padding: 3rem 1rem; }
.lang-rtl .npo-infoboxholder h2 { text-align: center; }
.lang-rtl .npo-fit-section { padding: 0 10px; margin: 30px 0; }
.lang-rtl .applingcyclediv { padding: 1rem; }
.lang-rtl .wapperdiv, .lang-rtl .testimonial-text, .lang-rtl .mobileviewshow { text-align: center; }
.lang-rtl .wapperdiv *, .lang-rtl .testimonial-text *, .lang-rtl .mobileviewshow * { text-align: center; }
}

@media(max-width: 480px) {
  .wrapperdiv1 {
      padding:10px
  }

  .applingcyclediv {
      padding: 1rem
  }

  table>tbody>th>td {
      font-size: 12px
  }

  .thanksforregistering {
      width: 300px;
      height: 300px;
      gap: 1rem;
      padding: 1rem
  }

  .thanksforregistering>h2 {
      font-size: 1.3rem
  }

  .products a {
      font-size: 10px
  }

  .thanksforregistering>p {
      font-size: 1rem
  }

  .testimonial-text {
      gap: 0;
      padding: 0 24px 24px 24px
  }

  .testimonial-text img.testimonials_logo {
      width: 80px;
      height: 80px;
      text-align: center;
      margin: 12px auto
  }

  .testimonial-image {
      padding: 0
  }

  .testimonial-image>img {
      width: auto;
      height: 300px;
      padding-top: 0
  }

  .other-lang th,.other-lang td {
      font-size: .6em;
      word-break: break-all
  }
    .lang-rtl .wrapperdiv1 { padding: 10px; }
.lang-rtl .applingcyclediv { padding: 1rem; }
.lang-rtl .thanksforregistering { padding: 1rem; }
.lang-rtl .testimonial-text { padding: 0 24px 24px 24px; }
.lang-rtl .testimonial-text img.testimonials_logo { margin: 12px auto; }
.lang-rtl .testimonial-image { padding: 0; }
.lang-rtl .testimonial-text img.testimonials_logo { text-align: center; }
.lang-rtl .testimonial-text img.testimonials_logo * { text-align: center; }
}

@media(max-width: 1024px) {
  html,body,main {
      width:100% !important;
      overflow-x: hidden !important
  }

  .content-wrap {
      width: 100% !important;
      max-width: 100% !important;
      padding: 0 1rem
  }

  .enabledivinner {
      padding: 0
  }

  .npviewport {
      min-height: auto;
      height: auto;
      padding: 3rem 1rem
  }

  .npoviewdiv {
      flex-direction: column;
      text-align: center;
      gap: 2rem
  }

  .npviewleft p {
      width: 100%
  }

  .npviewright {
      width: 100%;
      min-width: auto;
      margin-left: 0
  }

  .contimgparadiv {
      flex-direction: column-reverse !important;
      gap: 3rem
  }

  .cont2 {
      flex-direction: column !important
  }

  .contpara {
      width: 100%;
      text-align: center !important;
      align-items: center !important
  }

  .npo-infoflexbox {
      width: 100%;
      max-width: 500px
  }

  .table-wrap {
      flex-direction: column
  }

  .np-left,.np-right {
      width: 100% !important;
      position: static !important
  }

  .enablingdiv,.enabledivinner {
      width: 100% !important;
      text-align: center !important
  }
    .lang-rtl .content-wrap { padding: 0 1rem; }
.lang-rtl .enabledivinner { padding: 0; }
.lang-rtl .npviewport { padding: 3rem 1rem; }
.lang-rtl .npviewright { margin-right: 0; margin-left: unset; }
.lang-rtl .npoviewdiv { text-align: center; }
.lang-rtl .npoviewdiv * { text-align: center; }
}

@media(max-width: 768px) {
  .content-wrap {
      width:100% !important;
      max-width: 100% !important;
      padding: 0 1rem
  }

  .enabledivinner {
      padding: 0
  }

  .logoimage img {
      width: 150px;
      min-width: auto
  }

  .anchordiv {
      display: none
  }

  .hamburger {
      display: block
  }

  .anchordivcheck {
      display: flex;
      height: auto;
      padding: 10px 0;
      background-color: #fff
  }

  .npviewleft h1 {
      font-size: 2.5rem
  }

  .npviewleft span {
      font-size: 1.2rem
  }

  .npviewleft p {
      font-size: 1rem;
      width: 100%
  }

  .npviewright video {
      width: 100%;
      max-width: 100%
  }

  .applyimage img {
      width: 70%
  }

  .step-container {
      flex-direction: column
  }

  .step-left {
      width: 100%;
      display: flex;
      flex-direction: row;
      gap: 0;
      justify-content: space-around
  }

  .step-container>h3 {
      font-size: 1.5rem;
      text-align: center
  }

  .boldinnerh3 {
      font-size: 1.3rem !important;
      margin: 0 !important
  }

  .step-right {
      width: 100%
  }

  .npviewleft>a.btnanc {
      width: 55% !important
  }

  table {
      font-size: 12px
  }

  th,td {
      padding: 10px;
      font-size: 14px
  }

  .cont-wrapper h1 {
      font-size: 2.2rem
  }

  .enabledivinner h2 {
      font-size: 2rem
  }

  .npo-infoflexbox {
      width: 100%
  }

  .npo-fit-each,.npo-step-each {
      min-height: auto;
      height: 30px;
      justify-content: flex-start;
      overflow: hidden;
      flex-direction: column;
      text-align: center;
      background-color: transparent;
      border-bottom: 2px solid rgba(128,128,128,0.198);
      border-radius: 0;
      padding: 20px 0 50px 0;
      text-align: left;
      transition: .5s
  }

  .npo-fit-each.active,.npo-step-each.active {
      height: max-content
  }

  .npo-fit-left-sec {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center
  }

  .npo-fit-left-sec h2 {
      width: 80%
  }

  .step-content ul {
      margin-left: 30px
  }

  .npo-fit-each>h4,.npo-each-text h4 {
      display: block;
      width: 100%;
      text-align: left;
      margin-bottom: 30px;
      font-size: 1.1rem;
      position: relative;
      font-family: var(--primaryfont-regular)
  }

  .npo-fit-each>h4::after,.npo-each-text h4::after {
      content: "";
      position: absolute;
      right: 10px;
      top: 7px;
      transform: rotate(45deg);
      padding: 5px;
      transition: .3s;
      border-style: solid;
      border-color: #666;
      border-image: initial;
      border-width: 0 1px 1px 0
  }

  .npo-fit-text h4 {
      display: none
  }

  .npo-fit-each.active .npo-fit-each>h4::after,.npo-step-each.active .npo-each-text h4::after {
      transform: rotate(-135deg);
      -webkit-transform: rotate(-135deg)
  }

  .npo-each-text ul {
      margin-left: 30px
  }

  .npo-each-text ul li {
      font-size: 1rem
  }

  .connecttoolinner p {
      width: 100%;
      font-size: 1rem;
      line-height: 1.5
  }

  .connecttoolholder {
      padding: 2rem
  }

  .connecttoolinner>h3 {
      font-size: 1.7rem
  }

  .connecttoolsimgdiv {
      width: 100%;
      margin-top: 3rem
  }

  .btndiv {
      flex-direction: column !important;
      gap: 1rem !important
  }

  .btnanc {
      width: 100% !important
  }

  .npo-fit-wrap {
      gap: 0;
      background-color: #CCE5FF80;
      padding: 0 20px;
      border-radius: 16px
  }

  .applingcyclediv {
      padding: 2rem 1rem;
      background-color: white !important
  }

  .step-containermob {
      display: flex;
      flex-direction: column
  }
    .lang-rtl .content-wrap { padding: 0 1rem; }
.lang-rtl .enabledivinner { padding: 0; }
.lang-rtl .anchordivcheck { padding: 10px 0; }
.lang-rtl .step-container>h3 { text-align: center; }
.lang-rtl .boldinnerh3 { margin: 0 !important; }
.lang-rtl th, .lang-rtl td { padding: 10px; }
.lang-rtl .npo-fit-each, .lang-rtl .npo-step-each { padding: 20px 0 50px 0; text-align: right; }
.lang-rtl .step-content ul { margin-right: 30px; margin-left: unset; }
.lang-rtl .npo-fit-each>h4, .lang-rtl .npo-each-text h4 { text-align: right; }
.lang-rtl .npo-fit-each>h4::after, .lang-rtl .npo-each-text h4::after { padding: 5px; left: 10px; right: unset; }
.lang-rtl .npo-each-text ul { margin-right: 30px; margin-left: unset; }
.lang-rtl .connecttoolholder { padding: 2rem; }
.lang-rtl .npo-fit-wrap { padding: 0 20px; }
.lang-rtl .applingcyclediv { padding: 2rem 1rem; }
.lang-rtl .npo-fit-each, .lang-rtl .npo-step-each, .lang-rtl .npo-fit-left-sec { text-align: center; }
.lang-rtl .npo-fit-each *, .lang-rtl .npo-step-each *, .lang-rtl .npo-fit-left-sec * { text-align: center; }
}

@media(max-width: 480px) {
  .btnanc {
      padding:12px 20px;
      font-size: 14px
  }

  .npviewleft h1 {
      font-size: 2rem
  }

  .npviewleft span {
      font-size: 1rem
  }

  .cont-wrapper2 {
      gap: 0
  }

  .zwc-faq-section {
      margin-top: 30px;
      padding-top: 20px
  }

  .contpara h3 {
      font-size: 1.4rem;
      margin-bottom: 10px
  }

  table {
      width: 100%;
      display: block;
      overflow-x: scroll
  }

  .testimonial-slide {
      flex-direction: column
  }

  .testimonial-image {
      padding-bottom: 2rem
  }

  .zwc-faqs-holder {
      margin-top: 20px
  }
    .lang-rtl .btnanc { padding: 12px 20px; }
}
.contchangesupport {
 padding: 0 !important;
margin:0 !important;
}
.contchangesupport::before {
  content : ' ' !important;
}