*,
 :after,
 :before {
     box-sizing: border-box !important;
 }

 ::selection {
     color: #fff;
     text-shadow: none;
     background: #ff8e28;
 }

.zw-product-header {
     background: #fef1f3;
 }

 .zheader-section {
     background: #fef1f3;
     padding: 70px 0 100px;
     text-align: center;
 }

 h1,
 h2,
 h3 {
     font-family: var(--zf-secondary-bold);
 }

 .zheader-section h1 {
     font-size: 50px;
     margin-bottom: 0;
     font-family: var(--zf-secondary-bold);


 }

 .act-btn.cta-btn {

     color: #fff;
     text-decoration: none;
 }

 .zarticle a {
     color: #0086e6;
     text-decoration: underline;
 }

 h2 {
     font-size: 32px;
     color: #000;
     font-family: var(--zf-secondary-bold);
     margin-bottom: 30px;
 }

 h3 {
     font-size: 22px;
     margin-top: 60px;
     color: #000;
 }
h4{
    font-size: 22px;
    font-family: var(--zf-secondary-semibold);
}


 .zsidebar-wrap {
     float: left;
     display: inline-block;
     width: 25%;
     margin-top: 0px;
     padding-right: 0px;
     position: sticky;
     top: 100px;
 }

 .zarticle-wrap {
     float: right;
     width: 65%;
 }

 .zseo-wrap {
     width: 100%;
     display: inline-block;
     margin-top: 100px;
 }

 .zarticle {}

 .zarticle:not(:first-child) {
     margin-top: 100px;
 }

 .zarticle-wrap ul {
     list-style: disc;
     list-style-position: inside;
     margin-bottom: 20px;
 }


 .zarticle table,
 .zarticle tr,
 .zarticle td,
 .zarticle th {
     border: 1px solid #000;
     padding: 22px;
     vertical-align: top;
 }

 .zarticle-wrap table ul {
     margin-bottom: 0;
 }

 .zarticle table p {
     margin-bottom: 0;
 }

 .zarticle table,
 .zarticle tr,
 .zarticle td,
 .zarticle th {
     border: 1px solid #000;
     padding: 20px;
     vertical-align: top;
 }


 ol {
     list-style: decimal;
     padding-left: 20px;
     font-style: italic;
     font-size: 18px;
     margin-bottom: 20px;
 }


 .zsidebar-wrap ul li a {
     color: #000;
     font-size: 18px;
     font-family: var(--zf-secondary-semibold);
     line-height: 1.4;
     display: inline-block;
 }

 .zsidebar-wrap ul li {
     margin-bottom: 30px;
     position: relative;
 }

 .zsidebar-wrap ul li.active:before {
     content: "";
     width: 8px;
     height: 8px;
     border-radius: 50%;
     background: #ff8e28;
     left: -20px;
     position: absolute;
     top: 10px;
 }

 .zsidebar-wrap ul li.active a {
     color: #ff8e28;
 }

 .zpagesense-wrapper {
     padding-bottom: 0px;
 }

 .bottom-cta-wrap {
     background: #fef0f3;
     margin-top: 100px;
 }
.bottom-cta-wrap h2{
    font: 24px/1.4 var(--zf-secondary-semibold);
}
.lang-en .features-banner-content, .lang-en .bottom-cta-wrap .content-wrap {
    max-width: unset;
}
.bottom-cta-wrap .content-wrap a.cta-btn{
        margin-top: 0px;
}
 .zflex-wrap {
     display: flex;
     flex-wrap: wrap;
     margin: 30px 0;
      align-items: center;

 }

 .zflex-wrap > div {
     width: 50%;
     padding: 0 20px;
 }

 .zflex-wrap > div.zflex-imgpart,
 .zflex-wrap > div.zflex-content {
     padding: 0;
 }

 .zflex-wrap > div img {
     max-width: 425px;
     width: 100%;
         padding-right: 40px;
     margin-top: 60px;
 }

 .zflex-wrap > div img.zillus3 {
     margin-top: 100px;
     max-width: 648px;
 }

 img.zillus5 {
     margin-top: 40px;
 }

 .video-img-container {
     width: 80%;
     position: relative;
     
     padding-bottom: 45.25%;
         margin: 50px 0px;
 }

 .video-img-container iframe {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     width: 100%;
     height: 100%;
     border: 0;
 }
.equation_image{
    max-width: 450px;
    margin: 20px 0px;
}
.centre_img{
    max-width: 75%;
    margin: 40px auto;
}
.cro_benefits{
    margin-bottom: 0px;
}

 @media only screen and (max-width:1280px) {
     .zflex-wrap {
         align-items: center;
     }
     

 }

 @media only screen and (max-width:1024px) {
     .zflex-wrap > div {
         width: 100%;
         padding: 0
     }

     .zsidebar-wrap ul li.active a {
         border-bottom: 0px;
     }

     .zflex-left > div:first-child {
         order: 2
     }
     .zflex-wrap > div img{
         padding-right:0px;
             margin-top: 40px;
     }
     h3{
         margin-top: 40px;
     }
 }

 @media only screen and (max-width:991px) {
      .zheader-section h1 {
         font-size: 50px;
     }
     
     .zsidebar-wrap {
         display: none;
     }

     .zseo-wrap {
         margin: 60px auto;
         max-width: 90%;
         display: table;
     }

     .zarticle-wrap {
         float: left;
         width: 100%;
     }
     .video-img-container {
         width: 90%;
         padding-bottom: 51.25%;
          margin: 50px auto;
     }

 }

 @media only screen and (max-width:767px) {
     .zheader-section h1 {
         font-size: 32px;
     }

     .zheader-section {
         padding: 50px 0 70px;
     }

     h2{
         font-size: 28px;
     }
     .bottom-cta-wrap h2 {
         font-size: 22px;
     }

     h3,h4 {
         font-size: 20px;
     }
     .zarticle:not(:first-child){
         margin-top: 60px;
     }

 }