.flex-prop{
   display: flex;
   justify-content: space-between;
}
.zw-bnr-left{
   max-width: 615px;
   width: 100%;
   color: #fff;
}
.zw-bnr-left h1 span,.zwc-page-inr h2 span{
   color: #089949;
}
.zwc-bnr-sec,.zw-product-header{
   background: #1C222D;
}
.zwc-page-inr section{
   padding: 100px 0;
}
.zwc-page-inr section.zwc-bnr-sec{
   padding-bottom: 180px;
}
.cta-btn {
   padding: 13px 30px;
   border-radius: 3px;
   margin: 15px 0 0;
}
.zw-bnr-right picture img{
   border-radius: 30px;
}
.zw-bnr-right{
   max-width: 511px;
   width: 50%; 
   position: relative;
}
.zw-bnr-abs-img img{
   position: absolute;
}
.zw-bnr-abs-img img:first-child{
   border-radius: 13px;
   bottom: 7%;
   left: -5%;
   max-width: 70px;
   width: 15%;
}
.zw-bnr-abs-img img:nth-child(2){
   top: 43%;
   right: -7%;
   border-radius: 16px;
   max-width: 273px;
   width: 55%;
}
.zw-bnr-abs-img img:nth-child(3){
   left: 15%;
   bottom: -12%;
   max-width: 167px;
   width: 36%;
}
.zwc-page-inr h2,.zwc-page-inr h4,.zwc-cta-section h3{
   font-family: var(--primaryfont-bold);
}
.zwc-block1 .content-wrap{
   background: #00150C;
   border-radius: 20px;
   color: #fff;
   text-align: center;
   padding: 80px 10px;
   position: relative;
}
.zwc-block1 .content-wrap p{
   max-width: 1083px;
   width: 100%;
   margin: 25px auto 0;
}
.zwc-page-inr section.zwc-block1{
   padding: 50px 0 0;
   position: relative;
}
.zwc-block1 .content-wrap::before,.zwc-block1 .content-wrap::after{
   content: '';
   position: absolute;
   display: block;
   width: 111px;
   height: 107px;
}
.zwc-block1 .content-wrap::before{
   background: url(/sites/zweb/images/forms/order-forms-img1.svg);
   bottom: 0;
   left: 0;
}
.zwc-block1 .content-wrap::after{
   background: url(/sites/zweb/images/forms/order-forms-img2.svg);
   top: 0;
   right: 0;
}
.zwc-page-inr section.zwc-block1:after {
   content: "";
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   width: 100%;
   height: 38%;
   background: #F0F3F8;
   z-index: -1;
}
.zwc-block2{
   background: #F0F3F8;
}
.zw-block2-cont{
   max-width: 650px;
   width: 100%;
   margin: 0 auto 40px;
}
.zw-block2-inr,.zwc-block4 ul{
   flex-wrap: wrap;
   row-gap: 24px;
}
.zw-block2-inr li{
   max-width: 573px;
}
.zw-block2-inr li,.zwc-block4 ul li{
   border-radius: 20px;
   border: 2px solid #E6EBF2;
   background: #FFF;
   padding: 48px;
   width: 100%;
}
.zw-block2-inr li p,.zwc-block4 ul li p{
   margin-bottom: 0;
}
.zw-block2-inr li a,.zw-block3-left a,.zwc-block4 ul li a{
   color: #4E8CED;
   border-bottom: 1px solid #4E8CED;
}
.zw-block2-inr li h4::before,.zwc-block4 ul li h4::before{
   content: '';
   display: block;
   background: url(/sites/zweb/images/forms/versatile-online-form-img.svg);
   width: 60px;
   height: 60px;
   margin-bottom: 20px;
}
.zwc-block4 ul li h4::before{
   width: 70px;
   height: 65px;
}
.zw-block2-inr li:first-child h4::before{
   background-position: 0 0;
}
.zw-block2-inr li:nth-child(2) h4::before{
   background-position: -65px 0px;
}
.zw-block2-inr li:nth-child(3) h4::before{
   width: 62px;
   background-position: -126px 0px;
}
.zw-block2-inr li:nth-child(4) h4::before{
   background-position: -191px 0px;
   width: 53px;
}
.zw-block2-inr li:nth-child(5) h4::before{
   background-position: -245px 0px;
   height: 62px;
}
.zw-block2-inr li:nth-child(6) h4::before{
   background-position: -305px 0px;
   height: 62px;
}
.zwc-block4 ul li:first-child h4::before{
   background-position: -365px 0px;
}
.zwc-block4 ul li:nth-child(2) h4::before{
   background-position: -435px 0px;
}
.zwc-block4 ul li:nth-child(3) h4::before{
   background-position: -505px 0px;
}
.zwc-block4 ul li:nth-child(4) h4::before{
   background-position: -576px 0px;
}
.zwc-block4 ul li:nth-child(5) h4::before{
   background-position: -645px 0px;
}
.zwc-block4 ul li:nth-child(6) h4::before{
   background-position: -712px 0px;
}
.zwc-block3,.zwc-block4{
   text-align: center;
}
.zw-block3-left{
   max-width: 371px;
   width: 100%;
   text-align: left;
}
.zw-block3-right{
   max-width: 747px;
   width: 100%;
}
.zw-block3-right{
 background: #F6F6F6; 
 padding: 24px; 
}
.zw-block3-inr{
   align-items: center;
   margin-top: 100px;
}
.zw-block3-inr:first-child{
   margin-top: 80px;
}
.zw-block3-inr:nth-child(2){
   flex-flow: row-reverse;
}
.zwc-block4{
   background: #F0F3F8;
}
.zwc-blk4-box{
   max-width: 480px;
}
.zwc-blk4-box1{
   max-width: 666px;
}
.zwc-block4 ul li{
   text-align: left;
}
.zwc-block4 h2{
   margin-bottom: 60px;
}
/* faq */
.zwc-page-title {
   max-width: 850px;
   margin: 0 auto 50px;
   text-align: center;
}
.accordion {
   margin: 50px auto 0;
   max-width: 780px;
}
.faq-content {
   border: 1px solid #d9d9d9;
   transition: .5s;
   border-radius: 5px;
   margin: 20px 0;
   background: #fff;
}
.faq-content h3 {
   position: relative;
   font-size: 18px;
   border-bottom: 1px solid transparent;
   cursor: pointer;
   margin: 0;
   transition: .5s;
   padding: 25px 30px;
   font-family: var(--primaryfont-bold);
}
.faq-content h3 span.faq-arrow {
   position: absolute;
   right: 15px;
   top: 50%;
   width: 20px;
   height: 15px;
   transition: .5s;
   transform: translate(-50%, -50%) rotate(-90deg);
}
.faq-content .faq-arrow::after, .faq-content .faq-arrow::before {
   content: "";
   position: absolute;
   display: block;
   right: -9px;
   width: 12px;
   height: 2px;
   background: #000;
   border-radius: 2px;
   transition: .5s;
}
.faq-content .faq-arrow::before {
   top: 5px;
   right: 1px;
}
.faq-content .faq-arrow::after {
   right: inherit;
   left: 7px;
   transform: rotate(90deg);
   top: 5px;
}
.accord-content {
   display: none;
   padding: 0 30px;
}
.accord-content p:last-child {
   margin-bottom: 0;
}
.accord-content p {
   margin-bottom: 15px;
}
.faq-content.active {
   border-color: #10b75b;
   padding-bottom: 20px;
}
.faq-content h3.active span.faq-arrow:before {
   transform: rotate(-90deg);
}
.faq-content.active .faq-arrow::after, .faq-content.active .faq-arrow::before {
   background: #10b75b;
}
.zwc-cta-section {
   background: #1c222d;
   position: relative;
   color: #fff;
   text-align: center;
}
.zwc-cta-section::before {
   content: "";
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   top: 0;
   background-image: radial-gradient(#d9d9d9 1.5px, transparent 0);
   background-size: 40px 40px;
   background-position: 0 0;
   opacity: .1;
}
.zwc-page-inr .zwc-block4 h4{
   font-family: var(--primaryfont-semibold);
}
.zwc-block1 .content-wrap{
   max-width: 1350px;
}
.zwc-block2 .content-wrap,.zwc-block3 .content-wrap,.zwc-block4 .content-wrap{
   max-width: 1170px;
}
.zwc-block2 h2,.zw-block2-cont{
   text-align: center;
}
@keyframes floating-reverse{
   0%, 100% {
       transform: translateY(0);
   }
   50% {
       transform: translateY(15px);
   }
}
@keyframes floating{
   0%, 100% {
       transform: translateY(15px);
   }
   
   50% {
       transform: translateY(0);
   }
}
@media only screen and (min-width: 1200px){
   .zwc-page-inr h1{
       font-size: 54px;
   }
   .zwc-bnr-sec .content-wrap{
       max-width: 1210px;
   }
   .zwc-page-inr h2{
       font-size: 42px;
       letter-spacing: -0.84px;
   }
   .zwc-block1 .content-wrap p{
       line-height: 34px;
   }
   .zw-block2-inr li p{
       line-height: 30px;
   }
   .zwc-cta-section h3 {
       font-size: 40px;
       line-height: 1.2;
   }
   .zw-bnr-right picture img{
       transform: translateY(30px);
       opacity: 0;
   }
   .zw-block2-inr li{
       width: 50%;
   }
   .zwc-block2 .content-wrap,.zwc-block3 .content-wrap,.zwc-block4 .content-wrap{
       width: 98%;
   }
   .zw-bnr-abs-img img{
       opacity: 0;
       transition: all 1s ease;
       transition-delay: .5s;
   }
    .zw-bnr-abs-img img:first-child{
       animation:  5s ease-in-out .3s infinite floating;;
   }
   .content-wrap.middle-animated .zw-bnr-abs-img img{
       opacity: 1;
   }
   .zw-bnr-abs-img img:nth-child(3){
       animation:  5s ease-in-out .3s infinite floating-reverse;;
   }
   .zw-bnr-abs-img img:nth-child(2){
       transform: translateX(30px);
   }
   .content-wrap.middle-animated .zw-bnr-abs-img img:nth-child(2){
       transform: translateX(0);
   }
   .zw-block3-inr:nth-child(odd) .zw-block3-right{
       opacity: 0;
       transform: translateX(60px);
   }
   .zw-block3-inr:nth-child(even) .zw-block3-right{
       opacity: 0;
       transform: translateX(-60px);
   }
   .content-wrap.middle-animated .zw-bnr-right picture img,.zw-block3-inr .zw-block3-right.ani-active{
       transform: translateY(0);
       transition: transform 1s ease;
       opacity: 1;
   }
}
@media only screen and (max-width: 1199px){
   .zw-bnr-abs-img img:nth-child(2){
       right: -3%;
   }
   .zw-bnr-abs-img img:first-child {
       bottom: 15%;
   }
   .zw-block2-inr li {
       max-width: 465px;
   }
   .zwc-block2 h2{
       text-align: center;
   }
   .zw-block2-inr,.zwc-block4 ul{
       justify-content: center;
       column-gap: 10px;
   }
   .zw-block2-cont{
       margin: 0 auto 20px;
   }
   .zw-block3-left{
       padding: 0 10px;
   }
   .zwc-blk4-box1 {
       max-width: 550px;
   }
   .zwc-blk4-box {
       max-width: 380px;
   }
   .zw-block2-inr li, .zwc-block4 ul li {
       padding: 30px;
   }
   .zwc-cta-content h3{
       width: 90%;
       margin: 0 auto;
   }
}
@media only screen and (max-width: 991px){
   .zw-block2-inr li,.zwc-block4 ul li  {
       max-width: 358px;
   }
   .zwc-bnr-sec .content-wrap{
       flex-flow: column;
       align-items: center;
       text-align: center;
       row-gap: 30px;
   }
   .zw-bnr-abs-img img:first-child {
       bottom: 0%;
   }
   .zwc-page-inr section,.zwc-block1 .content-wrap {
       padding: 60px 0;
   }
   .zw-block3-inr:first-child{
       margin-top: 30px;
   }
   .zw-block3-inr {
       margin-top: 60px;
   }
   .zwc-block4 h2 {
       margin-bottom: 30px;
   }
   .zwc-block1 .content-wrap::before, .zwc-block1 .content-wrap::after {
       display: none;
   }
   .zwc-block1 .content-wrap p{
       padding: 0 10px;
   }
   .zw-bnr-abs-img img:nth-child(3) {
       bottom: -18%;
   }
}
@media only screen and (max-width: 767px){
   .zw-block3-inr,.zw-block3-inr:nth-child(2){
       flex-flow: column;
       row-gap: 20px;
   }
   .zw-block3-left{
       text-align: center;
   }
   .zw-block2-inr li, .zwc-block4 ul li {
       max-width: 500px;
   }
   .zw-bnr-right{
       width: 80%;
   }
   .zwc-page-inr section.zwc-bnr-sec {
       padding-bottom: 150px;
   }
   .zw-bnr-abs-img img:nth-child(2),.zw-bnr-abs-img img:first-child,.zw-bnr-right picture img{
       border-radius: 5px;
   }
}