* {
  box-sizing: border-box;
}
.zw-product-header,.zwc-banner-sec{
  background-color: #19196F;
}
.zwc-banner-sec{
  color: #fff;
}
.zwc-banner-sec::after{
  content: '';
  background-color: #fff;
  width: 100%;
  height: 110px;
  position: absolute;
}
.zwc-banner-sec .zwc-cont-part{
  text-align: center;
  padding: 120px 0 0;
}
.zwc-banner-sec .zwc-imgpart{
  text-align: center;
  min-height: 360px;
}
.zwc-banner-sec .zwc-imgpart::before{
  content: '';
  background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(25,25,111,1) 60%, rgba(25,25,111,1) 100%);
  width: 960px;
  height: 200px;
  border-radius: 50%;
  position: absolute;
  bottom: -100px;
  margin: 0 auto;
  left: 0;
  right: 0;
  opacity: 0.1;
}

.zwc-banner-sec h1{
  font-size: 64px;
  letter-spacing: -2.5px;
  font-family: var(--zf-secondary-medium);
}
.zwc-banner-sec p{
  font-size: 20px;
  line-height: 1.7;
  max-width: 930px;
  margin: 20px auto 40px;
}
a.btn-contact,a.request-btn{
  display: inline-block;
  font-family: var(--zf-primary-semibold);
  padding: 14px 35px;
  font-size: 16px;
  background: #f0483e;
  color: #fff;
  border-radius: 3px;
  text-transform: uppercase;
  margin: 0 8px;
}
a.request-btn{
  background: #fff;
  color: #000;
}
.zwc-desk-txt{
  display: flex;
  align-items: center;
  justify-content: center;
}
.zwc-switch{
  display: inline-block;
  background: #2F2D96;
  border: 2px solid #fff;
  border-radius: 30px;
  width: 70px;
  height: 40px;
  position: relative;
  margin: 0 20px;
}
.zwc-switch::before{
  content: '';
  background-color: #43EA85;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: absolute;
  left: 4px;
  top: 3px;
}
.zwc-switch::after{
  content: 'Switch now';
  font-family: var(--zf-splfont-cursive-one-regular);
  font-size: 40px;
  position: absolute;
  width: 150px;
  transform: matrix(0.99, -0.22, 0.12, 0.99, -60, -70);
  letter-spacing: 0;
}
.zwc-grove-text{
  color: #43EA85;
}
.zwc-pl-text{
  color: #33D3F0;
}
.zwc-banner-sec .zwc-imgpart img{
  max-width: 680px;
  margin: 0 auto;
  bottom: -120px;
  position: relative;
  z-index: 1;
  left: 60px;
}
.zwc-feature .zwc-grid-wrap,.zwc-newfeature .zwc-grid-wrap{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 190px 100px;
  align-items: center;
  justify-content: center;
  padding: 120px 0;
}
.zwc-feature .zwc-grid-wrap{
  padding: 200px 0 260px;
}
.zwc-contpart{
  max-width: 500px;
  margin: 0 auto;
}
.zwc-contpart h4{
  font-size: 48px;
  color: #000;
  letter-spacing: -1.15px;
  font-family: var(--zf-secondary-medium);
  margin-bottom: 30px;
}
.zwc-contpart ul li{
  font-size: 20px;
  color: #222222;
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 0 30px 50px;
}
.zwc-contpart ul li::before{
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #CBEFFF;
  left: 0;
  top: 3px;
}
.zwc-contpart ul li::after{
  content: '';
  transform: rotate(45deg);
  height: 13px;
  width: 7px;
  border-bottom: 1.5px solid #000;
  border-right: 1.5px solid #000;
  border-radius: 1px;
  position: absolute;
  left: 12px;
  top: 3px;
}
.zwc-imgpart {
  position: relative;
}
#feat1.zwc-imgpart{
  max-width: 60%;
}
#feat1.zwc-imgpart .zwc-bgimg{
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
#feat1.zwc-imgpart .zwc-subimg1{
  position: absolute;
  top: 0;
  left: 60%;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
#feat1.zwc-imgpart .zwc-subimg1{
  width: 91%;
  box-shadow: 8px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
#feat1.zwc-imgpart .zwc-subimg2{
  position: absolute;
  left: -70px;
  bottom: 25px;
  top: auto;
  width: 230px;
  border-radius: 8px;
}
#feat2.zwc-imgpart{
  width: 90%;
}
#feat2.zwc-imgpart::before{
  content: '';
  background: linear-gradient(65deg, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%);
  width: 414px;
  height: 384px;
  border-radius: 16px;
  position: absolute;
  left: -30px;
  bottom: -23px;
  z-index: -1;
  opacity: 0.7;
}
#feat2.zwc-imgpart .zwc-subimg,#feat4.zwc-imgpart .zwc-subimg,#feat5.zwc-imgpart .zwc-subimg1,#feat5.zwc-imgpart .zwc-subimg2{
  border-radius: 8px;
}
#feat2.zwc-imgpart .zwc-subimg1{
  background: transparent linear-gradient(180deg, #F8F8F8 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
  width: 220px;
  padding: 15px 20px;
  position: relative;
  float: right;
  bottom: -5px;
  z-index: -1;
}
#feat2.zwc-imgpart .zwc-subimg2,#feat2.zwc-imgpart .zwc-subimg3,#feat4.zwc-imgpart .zwc-subimg{
  box-shadow: 8px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
#feat2.zwc-imgpart .zwc-subimg2{
  margin-bottom: 10px;
}
#feat3.zwc-imgpart{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 16px;
  max-width: 85%;
}
#feat3.zwc-imgpart img{
  border-radius: 8px;
  box-shadow: 8px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
#feat3.zwc-imgpart::before,#feat4.zwc-imgpart::before{
  content: '';
  background: linear-gradient(225deg, rgb(237, 237, 237) 0%, rgb(255, 255, 255) 56%, rgb(255, 255, 255) 100%);
  width: 414px;
  height: 384px;
  border-radius: 16px;
  position: absolute;
  right: -30px;
  top: -30px;
  z-index: -1;
  opacity: 0.7;
}
#feat4.zwc-imgpart{
  max-width: 85%;
}
#feat4.zwc-imgpart .zwc-subimg1{
  position: relative;
  right: -20px;
}
#feat4.zwc-imgpart .zwc-subimg2{
  position: absolute;
  right: -30px;
  bottom: -120px;
}
#feat5.zwc-imgpart .zwc-subimg1{
  max-width: 85%;
  border: 1px solid #EDEDED;
  box-shadow: 8px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
#feat5.zwc-imgpart .zwc-subimg2{
  position: absolute;
  right: -30px;
  top: 60px;
  border: 1px solid #EDEDED;
  box-shadow: 16px 16px 16px 0px rgba(0, 0, 0, 0.1);
}
#feat5.zwc-imgpart .zwc-subimg3{
  position: absolute;
  right: 60px;
  top: 20px;
}
#feat6.zwc-imgpart::before{
  content: '';
  background: transparent linear-gradient(180deg, #FFFFFF 0%, #FFFBEA 100%) 0% 0% no-repeat padding-box;
  width: 97%;
  height: 430px;
  position: absolute;
  top: -30px;
  border-radius: 16px;
  left: -35px;
}
#feat6.zwc-imgpart .zwc-subimg{
  max-width: 85%;
  z-index: 1;
  position: relative;
}
#feat6.zwc-imgpart .zwc-subimg2,#feat6.zwc-imgpart .zwc-subimg3{
  border: 1px solid #EDEDED;
  box-shadow: 8px 0px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
#feat6.zwc-imgpart .zwc-subimg2{
  margin: -7px 0 5px 0;
}
#feat6.zwc-imgpart .zwc-subimg4{
  position: absolute;
  right: 0;
  bottom: 90px;
  box-shadow: 8px 0px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  z-index: 2;
}
#feat6.zwc-imgpart .zwc-subimg-wrap::after{
  content: '';
  width: 180px;
  height: 30px;
  background: #fff;
  box-shadow: 8px 0px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  position: absolute;
  display: inline-block;
  right: 10px;
  z-index: 1;
  bottom: 80px;
}
.zwc-tabfeature .zwc-imgpart{
  text-align: center;
}
.zwc-tabfeature .zwc-imgpart .zwc-subimg{
  max-width: 85%;
}
.zwc-newfeature{
  background: #FFFBEA;
}
.zwc-tabfeature{
  padding: 100px 0;
}
.zwc-tabheader{
  position: sticky;
  position: -webkit-sticky;
  top: 65px;
  background: #fff;
  z-index: 1;
  margin-bottom: 120px;
}
.zwc-tabheader ul{
  display: flex;
  border-bottom: 1px dotted #ccc;
  justify-content: center;
}
.zwc-tabheader ul.tab-link li{
  font-size: 20px;
  letter-spacing: -0.4px;
  font-family: var(--zf-secondary-medium);
  padding: 15px 0;
  margin: 0 20px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.zwc-tabheader ul.tab-link li.active{
  font-family: var(--secondaryfont-bold);
  position: relative;
}
.zwc-tabheader ul.tab-link li.active::after{
  content: '';
  height: 2px;
  width: 100%;
  background-color: #000;
  position: absolute;
  left: 0;
  bottom: 0;
}
.zwc-tabcontent,.zwc-testimonial .zwc-grid-wrap{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  align-items: center;
  justify-content: center;
}
.zwc-tabcontent{
  display: none;
}
.zwc-tabcontent.active{
  display: grid;
}
.zwc-testimonial {
  background-color: #19191A;
}
.zwc-testimonial .zwc-grid-wrap{
  padding: 120px 0 100px; 
}
.zwc-testimonial .zwc-contpart ul li::before{
  background-color: #585858;
}
.zwc-testimonial .zwc-contpart ul li::after{
  border-color: #fff;
}
.zwc-testimonial .zwc-contpart h4,.zwc-testimonial .zwc-contpart ul li{
  color: #fff;
}
.zwc-testi-img{
  margin: 0 auto 40px;
  max-width: 140px;
}
.zwc-testicont{
  text-align: center;
}
.zwc-testicont p{
  font-size: 27px;
  color: #fff;
  letter-spacing: -0.6px;
  max-width: 360px;
  margin: 0 auto 40px;
}
.zwc-testicont p span{
  display: block;
}
.zwc-testicont p.zwc-designate{
  font-size: 20px;
}
.zwc-designate span{
  color: #FFD44E;
  display: block;
}
.zwc-test-sec{
  display: flex;
  justify-content: center;
  position: relative;
}
.zwc-test-sec::before{
  content: '';
  border-left: 1px dotted #fff;
  opacity: 0.1;
  position: absolute;
  left: 20px;
  top: 5%;
  width: 1px;
  height: 90%;
}
.zwc-testimonial .zwc-contpart h4{
  margin-bottom: 60px;
}
.zwc-testimonial .zwc-contpart{
  max-width: 540px;
}
.bottom-cta{
  background-color: #FFFBEA;
  padding: 100px 0;
}
.bottom-cta .content-wrap{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  align-items: center;
  justify-content: center;
  max-width: 1080px;
}
.bottom-cta a.request-btn{
  border: 1px solid #000;
}
.bottom-cta h2{
  font-size: 48px;
  letter-spacing: -1.1px;
  color: #000;
  font-family: var(--zf-secondary-medium);
  max-width: 460px;
}
@media only screen and (min-width : 992px){
  #feat1.zwc-imgpart .zwc-subimg2,#feat5.zwc-imgpart .zwc-subimg2,#feat6.zwc-imgpart .zwc-subimg4,#feat5.zwc-imgpart .zwc-subimg3{
    transform: translateY(60px);
    opacity: 0;
    transition: all 600ms ease-in;
  }
  #feat4.zwc-imgpart .zwc-subimg2{
    transform: translateX(60px);
    opacity: 0;
    transition: all 600ms ease-in;
  }
  .middle-animated #feat1.zwc-imgpart.zwe-om .zwc-subimg2,#feat5.zwc-imgpart.zwe-om .zwc-subimg2,#feat6.zwc-imgpart.zwe-om .zwc-subimg4,#feat5.zwc-imgpart.zwe-om .zwc-subimg3{
    transform: translateY(0);
    opacity: 1;
  }
  .middle-animated #feat4.zwc-imgpart.zwe-om .zwc-subimg2{
    transform: translateX(0);
    opacity: 1;
  }
}
@media only screen and (min-width : 768px){
  .bottom-animated .zwc-switch::before{
    left: 32px;
    background-color: #33D3F0;
    transition: all 0.5s linear 1s;
  }
  .bottom-animated .zwc-grove-text{
    transition: opacity 0.5s linear 1s;
    opacity: 0.4;
  }
  .zwc-mob-txt{
    display: none;
  }
}
@media only screen and (max-width : 1199px){
  #feat6.zwc-imgpart .zwc-subimg4{
    max-width: 150px;
  }
  #feat6.zwc-imgpart .zwc-subimg-wrap::after{
    width: 130px;
  }
  #feat1.zwc-imgpart .zwc-subimg2{
    width: 200px;
  }
  #feat5.zwc-imgpart .zwc-subimg2{
    max-width: 200px;
    right: 0;
  }
  #feat5.zwc-imgpart .zwc-subimg3{
    max-width: 60px;
  }
  .zwc-tabheader ul.tab-link li{
    font-size: 18px;
  }
}
@media only screen and (max-width : 991px) {
  .zwc-feature .zwc-grid-wrap,.zwc-feature .zwc-grid-wrap, .zwc-newfeature .zwc-grid-wrap,.zwc-tabcontent,.zwc-testimonial .zwc-grid-wrap,.bottom-cta .content-wrap{
    grid-template-columns: 1fr;
    gap: 60px 0;
  }
  .bottom-cta h2{
    margin: 0 auto;
  }
  .btn-access{
    text-align: center;
  }
  .zwc-grid-item{
    max-width: 500px;
    margin: 0 auto;
  }
  #feat1.zwc-imgpart {
    max-width: 75%;
  }
  #feat1.zwc-imgpart .zwc-subimg2 {
    width: 180px;
  }
  #feat2.zwc-imgpart,#feat3.zwc-imgpart,#feat4.zwc-imgpart{
    margin: 0 auto;
  }
  .zwc-tabheader,.zwc-test-sec::before{
    display: none;
  }
  .zwc-tabcontent{
    display: grid;
    margin-bottom: 30px;
  }
  .zwc-tabcontent:last-child{
    margin-bottom: 0;
  }
  .zwc-banner-sec h1{
    font-size: 48px;
  }
  .zwc-banner-sec .zwc-imgpart::before{
    width: 90%;
  }
  .zwc-banner-sec .zwc-imgpart{
    min-height: 280px;
  }
  .zwc-banner-sec .zwc-imgpart img{
    max-width: 610px;
    left: 40px;
    bottom: -50px;
    margin-bottom: -50px;
  }
  .zwc-feature .zwc-grid-wrap {
    padding: 120px 0 220px;
  }
  .zwc-contpart h4{
    font-size: 38px;
  }
  .zwc-newfeature .zwc-grid-wrap,.zwc-tabfeature{
    padding: 80px 0;
  }
  .zwc-testimonial .zwc-grid-wrap {
    padding: 80px 0 60px;
  }
  #feat6.zwc-imgpart .zwc-subimg4{
    max-width: 160px;
  }
  #feat6.zwc-imgpart .zwc-subimg-wrap{
    position: relative;
    right: -70px;
  }
  #feat6.zwc-imgpart .zwc-subimg-wrap::after{
    width: 140px;
  }
  .bottom-cta h2{
    font-size: 42px;
    max-width: 100%;
  }
  .bottom-cta{
    padding: 70px 0;
  }
  .bottom-cta .content-wrap{
    gap: 30px 0;
  }
}
@media only screen and (max-width : 767px) {
    .pagewrapper{
      overflow: hidden;
    }
    .zwc-switch,.zwc-desk-txt{
      display: none;
    }
    .zwc-banner-sec .zwc-cont-part{
      padding-top: 60px;
    }
    .zwc-banner-sec h1 {
      font-size: 38px;
      letter-spacing: -1px;
    }
    #feat1.zwc-imgpart{
      max-width: 65%;
    }
    .zwc-banner-sec .zwc-imgpart img {
      max-width: 420px;
      left: 10px;
      bottom: -20px;
    }
    .zwc-banner-sec .zwc-imgpart::before{
      height: 160px;
    }
    .zwc-contpart h4 {
      font-size: 34px;
    }
    .zwc-contpart ul li{
      padding: 0 0 20px 40px;
      font-size: 18px;
    }
    .zwc-feature .zwc-grid-wrap {
      padding: 100px 0 180px;
    }
    .zwc-grid-item {
      max-width: 380px;
      margin: 0 auto;
    }
    #feat1.zwc-imgpart .zwc-subimg2{
      width: 130px;
      left: -20px;
      bottom: 15px;
    }
    #feat1.zwc-imgpart .zwc-subimg1{
      left: 60%;
    }
    #feat4.zwc-imgpart .zwc-subimg2 {
      right: -40px;
      bottom: -80px;
      max-width: 180px;
    }
    #feat5.zwc-imgpart .zwc-subimg2{
      max-width: 200px;
    }
    #feat5.zwc-imgpart .zwc-subimg3{
      max-width: 60px;
      right: 30px;
    }
    #feat6.zwc-imgpart .zwc-subimg4 {
      max-width: 120px;
    }
    #feat6.zwc-imgpart .zwc-subimg-wrap::after {
      width: 100px;
    }
    #feat6.zwc-imgpart::before{
      width: 100%;
      height: 100%;
      top: -30px;
      left: -25px;
    }
    .bottom-cta h2 {
      font-size: 32px;
      max-width: 70%;
      text-align: center;
    }
    .bottom-cta {
      padding: 50px 0;
    }
    .zwc-testimonial .zwc-grid-wrap {
      padding: 80px 0 60px;
    }
    .zwc-testicont p{
      font-size: 24px;
      line-height: 1.6;
    }
    a.btn-contact{
      margin-bottom: 15px;
    }
    #feat2.zwc-imgpart .zwc-subimg1{
      width: 200px;
    }
    .zwc-testi-img{
      margin: 0 auto 20px;
    }
    .zwc-banner-sec .zwc-imgpart{
      min-height: auto;
    }
}
@media only screen and (max-width : 480px) {
  .zwc-banner-sec .zwc-cont-part {
    padding-top: 40px;
  }
  .zwc-banner-sec h1 {
    font-size: 30px;
    letter-spacing: -0.3px;
  }
  .zwc-banner-sec p{
    font-size: 18px;
  }
  #feat1.zwc-imgpart {
    max-width: 55%;
  }
  #feat1.zwc-imgpart .zwc-subimg1 {
    left: 80%;
  }
  #feat1.zwc-imgpart .zwc-bgimg{
    margin-left: 20px;
  }
  .zwc-banner-sec .zwc-imgpart img {
    max-width: 320px;
    left: 10px;
    bottom: -10px;
  }
  a.btn-contact, a.request-btn{
    font-size: 14px;
    padding: 14px 45px;
  }
  .zwc-feature .zwc-grid-wrap {
    padding: 80px 0 100px;
  }
  .zwc-contpart h4 {
    font-size: 28px;
  }
  #feat1.zwc-imgpart .zwc-subimg2 {
    width: 120px;
    left: 0px;
    bottom: 15px;
  }
  #feat2.zwc-imgpart .zwc-subimg1{
    width: 160px;
  }
  #feat2.zwc-imgpart::before{
    left: -15px;
    bottom: -15px;
  }
  #feat3.zwc-imgpart::before, #feat4.zwc-imgpart::before{
    right: -15px;
    top: -15px;
    width: 100%;
    height: 100%;
  }
  #feat3.zwc-imgpart{
    gap: 10;
  }
  #feat4.zwc-imgpart .zwc-subimg1{
    right: 0;
  }
  #feat4.zwc-imgpart .zwc-subimg2 {
    right: -20px;
    bottom: -50px;
    max-width: 120px;
  }
  .zwc-newfeature .zwc-grid-wrap, .zwc-tabfeature {
    padding: 60px 0;
  }
  #feat5.zwc-imgpart .zwc-subimg2{
    max-width: 150px;
    right: 0;
  }
  #feat6.zwc-imgpart .zwc-subimg4 {
    max-width: 90px;
    right: 50px;
  }
  #feat6.zwc-imgpart .zwc-subimg-wrap::after {
    width: 70px;
    right: 60px;
    bottom: 84px;
  }
  .zwc-newfeature .zwc-imgpart{
    text-align: center;
  }
  #feat6.zwc-imgpart::before{
    top: -15px;
    left: 0;
  }
  .zwc-contpart ul li {
    padding: 0 0 20px 30px;
    font-size: 16px;
  }
  .zwc-contpart ul li::before{
    width: 16px;
    height: 16px;
  }
  .zwc-contpart ul li::after{
    height: 11px;
    width: 6px;
    left: 9px;
    top: 2px;
  }
  .zwc-tabcontent{
    gap: 30px 0;
    margin-bottom: 20px;
  }
  .zwc-testimonial .zwc-grid-wrap{
    gap: 30px 0;
  }
  .zwc-newfeature .zwc-grid-wrap{
    gap: 50px 0;
  }
  .zwc-contpart h4{
    text-align: center;
  }
  .zwc-testimonial .zwc-contpart h4 {
    margin-bottom: 30px;
  }
  .zwc-testimonial .zwc-grid-wrap {
    padding: 60px 0 30px;
  }
  .zwc-testicont p{
    font-size: 22px;
  }
  .zwc-testicont p.zwc-designate{
    font-size: 18px;
  }
  .bottom-cta h2{
    font-size: 26px;
  }
  .zwc-testi-img{
    max-width: 120px;
  }
}
@media only screen and (max-width : 320px){
  .zwc-banner-sec h1 {
    font-size: 26px;
  }
  .zwc-banner-sec .zwc-imgpart img{
    max-width: 290px;
  }
}