/* common css */

    .main-container-wrapper:before {
      content: '';
      position: absolute;
      width: 100%;
      height: 350px;
      left: 0;
      top: 0;
  }
  .zwrapper a:not(.cta-btn,.get-a-quote) {
    color: var(--zwc-link-clr);
  }
  .cta-btn {
      border: 1px solid #f0483e;
  }

  .get-a-quote {
      border: 1px solid #000;
      color: #000;
  }

  .btn-container {
      display: flex;
      align-items: flex-start;
      justify-content: center;
      flex-wrap: wrap;
      gap: 10px;
      margin: 30px 0 0;
  }

  .zw-product-header,
  .banner-section {
      background-color: #D9F5D9;
  }

  section.zwc-tb-append {
      padding: 80px 0 80px;
  }

  .main-container-wrapper:before {
      background: #c5f3e6;
      background: -moz-linear-gradient(top, rgba(197, 243, 230, 1) 0%, #ffffff 100%);
      background: -webkit-linear-gradient(top, rgba(197, 243, 230, 1)0%, #ffffff 100%);
      background: linear-gradient(to bottom, rgba(197, 243, 230, 1) 0%, #ffffff 100%);
      filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#c5f3e6', endColorstr='#ffffff', GradientType=0);
  }

  body {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
  }

  :focus {
      outline: none;
  }

  .maincontainer {
      width: 100%;
      max-width: 1170px;
      margin: 0 auto;
  }

  .maincontainer h2 {
      text-align: center;
      margin: 0 auto 50px;
      max-width: 600px;
      /*        padding: 0 40px;*/
      font-family: var(--zf-primary-bold);
  }

  /* banner section */

  .banner-content {
      padding: 40px 0px 80px;
      text-align: center;
      max-width: 730px;
      margin: 0 auto;
  }

  .banner-content p {
      max-width: 700px;
      width: 100%;
      margin: 0 auto 15px;
  }

  .banner-content h1>span {
      display: block;font-size: 20px;
  }

  /* .banner-content .cta-btn {
      margin-top: 20px;
  } */
  /* zbase table */
  .disclaimer-txt {
      /* padding-top: 50px; */
      width: 70%;
      max-width: 1070px;
      margin: auto;
      font-size: 12px;
      font-style: italic;
      text-align: center;
  }

  .zbase-table {
      padding: 60px 0;
      margin-bottom: 80px;
      max-width: 900px;
      margin: 0 auto;
  }

  .zp-header {
      display: table;
      width: 100%;
  }

  .zbase-table .zp-header li {
      width: 33.33%;
      display: table-cell;
      vertical-align: bottom;
      position: relative;
  }

  .zbase-table .zp-header li:first-child span {
      font-size: 22px;
      font-family: var(--zf-primary-semibold);
      padding: 20px 17px;
  }

  .zbase-table .zp-header li:nth-child(2) {
      background: #f2fcfa;
      border-left: 1px solid #f2fcfa;
      border-right: 1px solid #f2fcfa;
      border-bottom-color: #f2fcfa;
  }

  .zbase-table li span.company-logo {
      background-image: url(/sites/zweb/images/meeting/desk-alternative-sprites.png);
      background-repeat: no-repeat;
      background-size: auto 60px;
      width: 160px;
      height: 60px;
      display: block;
      margin: 0 auto;
  }

  .zbase-table li span.company-logo.desk {
      background-position: -840px 0;
      background-color: #f2fcfa;
      border: none;
      width: 110px;
      padding: 35px 0;
  }

  .zbase-table li span.company-logo.vision {
      background-position: -345px 10px;
      border: none;
      width: 100px;
      padding: 35px 0;
      background-size: auto 40px;
  }

  .zbase-table .zp-header li:nth-child(2):after {
      content: '';
      position: absolute;
      width: 100%;
      height: 30px;
      top: -30px;
      background: #f2fcfa;
      left: -1px;
      z-index: -1;
      border-left: 1px solid #f2fcfa;
      border-top: 1px solid #f2fcfa;
      border-right: 1px solid #f2fcfa;
  }

  /* fixed */

  .zp-header.fixed {
      position: fixed;
      max-width: 900px;
      top: 0;
      margin: 0 auto;
      z-index: 99;
      box-shadow: 0px 1px 4px 0px #0000000a;
      background: #fff;
      margin-top: 52px;
  }

  .zbase-table .zp-header.fixed li:nth-child(2):after {
      display: none;
  }

  .zbase-table ul {
      margin: 0;
  }

  .zbase-table ul li {
      display: table;
      list-style: outside none none;
      margin: 0;
      padding: 0;
      min-height: 54px;
      width: 100%;
      background: none;
  }

  .zbase-table ul li>span {
      background: none repeat scroll 0 0 #fff;
      border-bottom: 1px solid #f2f2f2;
      box-sizing: border-box;
      color: #000;
      display: table-cell;
      float: none;
      font-size: 16px;
      list-style: outside none none;
      margin: 0;
      padding: 15px 2%;
      position: relative;
      transition: all 1s ease 0s;
      vertical-align: middle;
      width: 33.333%;
      z-index: 2;
  }

  .zbase-table ul li>span.icon-heading {
      font-size: 18px;
  }

  .zbase-table ul li span:nth-child(3) {
      border-right: 0;
  }

  .zbase-table li span.icon-heading {
      text-align: left;
      padding: 15px 5% 15px 2%;
  }

  .zbase-table li span:not(.z-price-text-common):nth-child(2) {
      box-shadow: 0px 30px 73px 0px rgba(222, 222, 222, 0.23);
      -webkit-box-shadow: 0px 30px 73px 0px rgba(222, 222, 222, 0.23);
      margin-top: -2px;
      z-index: 5;
      border-left: 1px solid #e1f0ed;
      border-right: 1px solid #e1f0ed;
      border-top: none;
      border-bottom: 1px solid #e1f0ed;
      background: #f2fcfa;
      /* color: #fff; */
  }

  .zbase-table ul li:first-child>span:nth-child(2) {
      border-top: 1px solid #e1f0ed;
  }

  .zbase-table li:last-child span:nth-child(4):after {
      top: auto;
      bottom: -30px;
      box-shadow: 0px 26px 73px 0px rgba(0, 0, 0, 0.32);
      -webkit-box-shadow: 0px 26px 73px 0px rgba(0, 0, 0, 0.32);
  }

  /* tick css */

  .zcircle-tick {
      height: 22px;
      width: 22px;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      font-size: 0;
  }

  .zcircle-text {
      height: fit-content;
      width: 100%;
      position: relative;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      color: #000;
      /*font-weight: bold;*/
      font-size: 16px;
      text-align: center;
      display: block;
  }

  .zcircle-text-size {
      font-size: 16px;
      max-width: 180px;
      margin-top: 5px;
  }

  .zcircle-tick:after,
  .zcircle-tick:before {
      background: #006128 none repeat scroll 0 0;
      content: "";
      height: 3px;
      left: 4px;
      position: absolute;
      top: 13px;
      transform: rotate(45deg);
      width: 7px;
  }

  .zcircle-tick:before {
      left: 6px;
      top: 10px;
      transform: rotate(-52deg);
      width: 15px;
  }

  .zbase-table li span:nth-child(3) span.zcircle-tick:after,
  .zbase-table li span:nth-child(3) span.zcircle-tick:before {
      background: #00933c;
  }

  .zcircle-cross {
      height: 22px;
      width: 22px;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      font-size: 0;
  }

  .zcircle-cross:after,
  .zcircle-cross:before {
      background: #ff3231 none repeat scroll 0 0;
      content: "";
      height: 3px;
      left: 4px;
      position: absolute;
      top: 10px;
      transform: rotate(45deg);
      width: 15px;
  }

  .zcircle-cross:before {
      left: 4px;
      top: 10px;
      transform: rotate(-52deg);
      width: 15px;
  }

  .fade-eff {
      opacity: 0;
  }

  /* reasons section */

  .reasons-section {
      padding: 130px 0 80px;
  }

  .grid-wrapper {
      max-width: 100%;
      margin: 0 auto;
      display: table;
      padding: 20px 0 0;
  }

  .gridcont {
      position: relative;
      width: 100%;
      text-align: center;
      max-width: 600px;
      margin: 0 auto 50px;
  }

  .gridcont h2 {
      margin-bottom: 20px;
  }

  .grid-wrapper .col-wrap {
      width: 31.33%;
      float: left;
      margin: 1%;
  }

  .four-col {
      width: 100%;
      float: none;
      padding: 40px 30px 30px 30px;
      box-sizing: border-box;
      margin-top: 0;
      transition: all 2s ease 0s;
      -webkit-transition: all 2s ease 0s;
      box-sizing: border-box;
      border: 1px solid #f5f5f5;
      margin-bottom: 25px;
      box-shadow: 0px 0px 20px 4px rgb(246, 246, 246);
  }

  .reasons-section h4 {
      font-size: 22px;
      margin-bottom: 10px;
  }

  /* bottom cta section */

  .bottom-section {
      padding: 80px 0;
  }

  .bottom-cta-section {
      text-align: center;
      margin: 0 auto;
  }

  .bottom-cta-section h2 {
      margin-bottom: 10px;
      font-family: var(--zf-primary-bold);
  }

  .bottom-cta-section p {
      text-align: center;
      margin: 20px auto;
      max-width: 430px;
  }

  .comp-features h2 {
      max-width: 520px;
  }

  .features-list {
      display: inline-block;
      width: 100%;
      padding-left: 3%;
      margin-top: 30px;
      margin-bottom: 80px;
  }

  .features-list li {
      width: 33.33%;
      float: left;
      position: relative;
      padding-left: 28px;
      font-size: 18px;
      box-sizing: border-box;
      margin-bottom: 30px;
      display: inline-block;
      padding-right: 25px;
  }

  .features-list li:before {
      content: '';
      background: url(/sites/zweb/images/meeting/meeting-tick.png) no-repeat;
      position: absolute;
      width: 15px;
      height: 16px;
      background-size: 15px auto;
      left: 2px;
      top: 7px;
  }

  .features-list li a {
      text-decoration: underline;
  }

  .features-list li:nth-child(3n+4) {
      clear: left;
  }

  .zbase-table .menu-icon-help-header {
      padding: 13px 0 13px;
      float: left;
      font-size: 21px;
      color: #000;
      font-family: var(--zf-primary-semibold), Arial, Helvetica, sans-serif;
      line-height: 20px;
      text-align: center;
      width: 100%;
  }

  .zbase-table .menu-icon-help-header .product-title {
      margin-top: 12px;
      font-size: 24px;
  }

  .demio-logo {
      text-align: center;
  }

  .demio-logo img {
      max-width: 180px;
  }

  @-webkit-keyframes fadeIn {
      from {
          opacity: 0;
      }

      to {
          opacity: 1;
      }
  }

  @keyframes fadeIn {
      from {
          opacity: 0;
      }

      to {
          opacity: 1;
      }
  }

  @-moz-keyframes fadeIn {
      from {
          opacity: 0;
      }

      to {
          opacity: 1;
      }
  }

  .fade-animation {
      opacity: 0;
  }

  .line-graphis .fade-animation {
      animation-name: fadeIn;
      animation-duration: 1s;
      animation-iteration-count: 1;
      animation-fill-mode: forwards;
  }

  .line-graphis .fade-animation {
      transition: ease all 0.5s
  }

  .line-graphis .fade-animation:nth-child(1) {
      animation-delay: 1s;
  }

  .line-graphis .fade-animation:nth-child(2) {
      animation-delay: 2s;
  }

  .line-graphis .fade-animation:nth-child(3) {
      animation-delay: 3s;
  }

  /*responsive*/
.i18n-ar .main-container-wrapper:before { right: 0; left: unset; }
.i18n-ar .maincontainer h2 { text-align: center; }
.i18n-ar .zbase-table .zp-header li:nth-child(2) { border-right: 1px solid #f2fcfa; border-left: unset; border-left: 1px solid #f2fcfa; border-right: unset; }
.i18n-ar .zbase-table .zp-header li:nth-child(2):after { border-right: 1px solid #f2fcfa; border-left: unset; border-left: 1px solid #f2fcfa; border-right: unset; right: -1px; left: unset; }
.i18n-ar .zbase-table ul li span:nth-child(3) { border-left: 0; border-right: unset; }
.i18n-ar .zbase-table li span.icon-heading { text-align: right; padding: 15px 2% 15px 5%; }
.i18n-ar .zbase-table li span:not(.z-price-text-common):nth-child(2) { border-right: 1px solid #e1f0ed; border-left: unset; border-left: 1px solid #e1f0ed; border-right: unset; }
.i18n-ar .zcircle-tick { left: 0; right: 0; }
.i18n-ar .zcircle-text { left: 0; right: 0; }
.i18n-ar .zcircle-cross { left: 0; right: 0; }
.i18n-ar .zcircle-cross:after, .i18n-ar .zcircle-cross:before { right: 4px; left: unset; }
.i18n-ar .zcircle-cross:before { right: 4px; left: unset; }
.i18n-ar .grid-wrapper .col-wrap { float: right; }
.i18n-ar .four-col { padding: 40px 30px 30px 30px; }
.i18n-ar .bottom-cta-section p { text-align: center; }
.i18n-ar .features-list { padding-right: 3%; padding-left: unset; }
.i18n-ar .features-list li { float: right; padding-left: 25px; padding-right: 28px; }
.i18n-ar .features-list li:before { right: 2px; left: unset; }
.i18n-ar .zbase-table .menu-icon-help-header { float: right; }

.i18n-ar .faq-head h2 { text-align: center; }
.i18n-ar .faq-wrapper h4:before { margin: 0 -20px 0 0; }
.i18n-ar .faq-wrapper { padding: 50px 40px 0 0; }
.i18n-ar .faq-wrapper h4:not(.faq-head) { padding: 20px 20px 20px 35px; text-align: right; }
.i18n-ar .faq-wrapper .faq-wrap p { padding: 0 20px 0 0; text-align: right; }
.i18n-ar .faq-wrap>h4:after {left: 25px; right: unset; }
.i18n-ar .faq-ans ul { padding-right: 35px; padding-left: unset; }
.i18n-ar .zfaq_icon { text-align: center; }
.i18n-ar .zfaq_icon * { text-align: center; }
.i18n-ar .red-icon::after { right: 0; left: unset; }
.i18n-ar .blue-icon::after { right: 0; left: unset; }
.i18n-ar .single-testimonial-wrap .slick-dots li::after { right: 0; left: unset; }
.i18n-ar .banner-content, .i18n-ar .disclaimer-txt, .i18n-ar .zcircle-text, .i18n-ar .gridcont, .i18n-ar .bottom-cta-section, .i18n-ar .zbase-table .menu-icon-help-header, .i18n-ar .demio-logo { text-align: center; }
.i18n-ar .banner-content *, .i18n-ar .disclaimer-txt *, .i18n-ar .zcircle-text *, .i18n-ar .gridcont *, .i18n-ar .bottom-cta-section *, .i18n-ar .zbase-table .menu-icon-help-header *, .i18n-ar .demio-logo * { text-align: center; }
  @media screen and (max-width: 1140px) {
      .zp-header.fixed {
          margin-top: 0
      }

      .slick-next {
          right: 0;
      }
.i18n-ar .slick-next { left: 0; right: unset; }
  }

  @media only screen and (max-width: 1199px) {
      .zp-header.fixed {
          margin-top: 0;
      }

      .banner-content {
          max-width: 600px;
      }

      .banner-content p {
          max-width: 100%;
      }

      .gridcont {
          max-width: 500px;
      }
  }

  @media screen and (max-width: 1023px) {
      section.zwc-tb-append {
          padding: 50px 0 60px;
      }

      .zp-header.fixed {
          margin-top: 0;
      }

      .features-list li:nth-child(3n+4) {
          clear: none;
      }

      /* .features-list li:nth-child(odd) {
          clear: left;
      } */

      .four-col {
          width: 100%;
      }

      .grid-wrapper .col-wrap {
          width: 100%;
      }

      .four-col {
          width: 48%;
          float: none;
          margin: 0 auto 20px;
      }

      .grid-wrapper {
          max-width: 780px;
      }

      .grid-wrapper .col-wrap:last-child {
          margin-bottom: 0;
      }
.i18n-ar section.zwc-tb-append { padding: 50px 0 60px; }
.i18n-ar .four-col { float: none; margin: 0 auto 20px; }
  }

  @media screen and (max-width: 991px) {

      /* h1 {
          font-size: 46px;
      } */
      .zpcontainer {
          padding: 0 15px;
      }

      .gridcont {
          margin: 0 auto 30px;
      }

      .banner-content {
          padding: 30px 0 60px;
          max-width: 500px;
      }

      .zbase-table ul li>span.icon-heading,
      .features-list li {
          font-size: 16px;
      }

      .assistance-wrapper {
          width: 100%;
          max-width: 800px;
          margin: 0 auto;
      }

      .reasons-section {
          padding: 80px 0;
      }

      .assistance-section {
          padding: 80px 0;
      }

      .features-list li {
          width: 50%;
      }

      .maincontainer h2 {
          margin-bottom: 10px;
      }
.i18n-ar .zpcontainer { padding: 0 15px; }
.i18n-ar .gridcont { margin: 0 auto 30px; }
.i18n-ar .banner-content { padding: 30px 0 60px; }
.i18n-ar .assistance-wrapper { margin: 0 auto; }
.i18n-ar .reasons-section { padding: 80px 0; }
.i18n-ar .assistance-section { padding: 80px 0; }
  }

  @media screen and (max-width: 767px) {
      .demio-logo img {
          max-width: 150px
      }

      .banner-content {
          padding: 40px 0 60px;
      }

      .three-col {
          width: 50%;
      }

      .assistance-section {
          padding: 60px 0;
      }

      .assistance-section h2 {
          margin-bottom: 30px;
      }

      .bottom-cta-section h2 {
          margin-bottom: 20px;
          padding: 0 40px;
      }

      .bottom-cta-section {
          padding: 60px 0;
      }

      .four-col {
          max-width: 400px;
          width: 100%;
          margin: 0 auto;
          margin-bottom: 20px;
          float: none;
          padding: 20px;
          text-align: left;
      }

      .grid-wrapper {
          text-align: center;
          display: inline-block;
      }

      .grid-section {
          text-align: center;
      }

      .slick-arrow {
          display: none !important;
      }

      .bottom-section {
          padding: 40px 0;
      }

      .bottom-cta-section {
          padding: 0;
      }

      .zbase-table .menu-icon-help-header>a {
          display: inline-block;
          padding: 0 10px;
      }

      .zbase-table .menu-icon-help-header .product-title {
          display: none;
      }

      .features-list {
          margin-bottom: 40px;
      }

      .disclaimer-txt {
          width: 95%;
      }

      .zbase-table ul li>span.icon-heading {
          font-size: 16px;
      }

      .zbase-table {
          overflow-x: scroll;
      }

      .zbase-table ul {
          min-width: 800px;
      }

      .banner-content p {
          max-width: 100%;
      }
.i18n-ar .banner-content { padding: 40px 0 60px; }
.i18n-ar .assistance-section { padding: 60px 0; }
.i18n-ar .bottom-cta-section h2 { padding: 0 40px; }
.i18n-ar .bottom-cta-section { padding: 60px 0; }
.i18n-ar .four-col { margin: 20px auto; float: none; padding: 20px; text-align: right; }
.i18n-ar .bottom-section { padding: 40px 0; }
.i18n-ar .bottom-cta-section { padding: 0; }
.i18n-ar .zbase-table .menu-icon-help-header>a { padding: 0 10px; }
.i18n-ar .grid-wrapper, .i18n-ar .grid-section { text-align: center; }
.i18n-ar .grid-wrapper *, .i18n-ar .grid-section * { text-align: center; }
  }

  @media screen and (max-width: 640px) {
      .features-list li {
          float: none;
          width: 100%;
          word-break: break-word;
          margin-bottom: 20px;
      }

      .features-list {
          padding-left: 0%;
      }

      .four-col {
          padding: 20px;
          margin-top: 20px;
      }

      .four-col {
          min-height: inherit !important;
      }

      .zcircle-text,
      .zcircle-text-size {
          font-size: 14px;
      }
.i18n-ar .features-list li { float: none; }
.i18n-ar .features-list { padding-right: 0; padding-left: unset; }
.i18n-ar .four-col { padding: 20px; }
  }

  @media screen and (max-width: 480px) {
      .four-col {
          width: 100%;
          display: block;
          float: none;
      }

      .grid-wrapper {
          padding: 0;
      }

      .zpcontainer {
          overflow: scroll;
      }

      .maincontainer h2 {
          max-width: 100%;
          padding: 0 20px;
      }

      .banner-content .banner-para-heading {
          font-size: 20px;
      }

      .zbase-table .zp-header li:first-child span {
          font-size: 18px;
          padding: 20px 0;
      }

      .zbase-table li span:nth-child(2) {
          box-shadow: none;
          -webkit-box-shadow: none;
          width: 30%;
      }

      .zbase-table li span.company-logo.desk {
          background-position: -848px 0;
          width: 32px;
      }

      .zbase-table ul li span:nth-child(3) {
          border-right: 0;
          width: 30%;
      }

      .zbase-table li span.company-logo.vision {
          width: 70px;
          background-position: -260px 20px;
          background-size: auto 30px;
      }

      .zbase-table .zp-header li:nth-child(2),
      .zbase-table .zp-header li:last-child {
          width: 30%;
      }

      .zbase-table ul li>span.icon-heading {
          font-size: 16px;
          padding: 15px 0%;
      }

      .zbase-table li:last-child span:nth-child(2):after {
          box-shadow: none;
          -webkit-box-shadow: none;
      }

      .clkaway-txt {
          max-width: 190px;
          margin: 0 auto 20px
      }

      .reasons-section .four-col>span {
          margin: 0 auto 10px;
      }

      .reasons-section {
          padding: 40px 0;
      }

      .assistance-section {
          padding: 40px 0 0;
      }

      .assistance-wrapper .three-col span {
          margin: 0 auto 10px;
      }

      .assistance-wrapper .three-col [class|=aicon] {
          margin: 0 auto 10px;
      }

      .bottom-cta-section h2 {
          padding: 0;
      }

      .common-links p {
          padding: 0;
          margin: 0 0 10px;
      }
.i18n-ar .four-col { float: none; }
.i18n-ar .grid-wrapper { padding: 0; }
.i18n-ar .maincontainer h2 { padding: 0 20px; }
.i18n-ar .zbase-table .zp-header li:first-child span { padding: 20px 0; }
.i18n-ar .zbase-table ul li span:nth-child(3) { border-left: 0; border-right: unset; }
.i18n-ar .zbase-table ul li>span.icon-heading { padding: 15px 0; }
.i18n-ar .clkaway-txt { margin: 0 auto 20px; }
.i18n-ar .reasons-section .four-col>span { margin: 0 auto 10px; }
.i18n-ar .reasons-section { padding: 40px 0; }
.i18n-ar .assistance-section { padding: 40px 0 0; }
.i18n-ar .assistance-wrapper .three-col span { margin: 0 auto 10px; }
.i18n-ar .assistance-wrapper .three-col [class|=aicon] { margin: 0 auto 10px; }
.i18n-ar .bottom-cta-section h2 { padding: 0; }
.i18n-ar .common-links p { padding: 0; margin: 0 0 10px; }
  }

  @media screen and (min-width: 1200px) {
      .footer-links-wrap h4 {
          font: 23px/1.4 Zoho_Puvi_SemiBold;
      }

      .bottom-cta-section h2 {
          font-size: 40px;
      }

      .act-btn {
          padding: 13px 30px;
      }

      h4 {
          font-size: 20px;
      }

      h1 {
          font-size: 50px;
      }
      .banner-content h1>span {
          font-size: 23px;
      }
  }

  /* FAQ Section */
  .zfaq-section .content-wrap {
      max-width: 1280px;
  }

  .zfaq-wrapper {
      padding: 40px 0 40px;
      background: transparent;
      border-radius: 20px;
      margin-bottom: 100px;
  }

  .faq-head h2 {
      position: relative;
      width: 100%;
      text-align: center;
      margin: 0 0 30px
  }

  .zfaq-wrapper div {
      width: 970px;
      padding: 0 0px;
      margin: 0 auto;
      max-width: 100%
  }

  .zfaq_icon {
      text-align: center;
  }

  .faq-a {
      fill: #e0c797;
  }

  .faq-b,
  .faq-d {
      stroke-width: 1.5px;
  }

  .faq-b {
      stroke-linejoin: round;
  }

  .faq-b,
  .faq-d,
  .faq-f {
      stroke-linecap: round;
  }

  .faq-b,
  .faq-d,
  .faq-e,
  .faq-f {
      stroke: #000;
  }

  .faq-b,
  .faq-d,
  .faq-e,
  .faq-f,
  .faq-h {
      fill: none;
  }

  .faq-c {
      fill: #fff5e2;
  }
/* WCAG FAQ */
.zwc-faq-wrap {
  counter-reset: div;
}

.zwc-faq-item {
  border-bottom: 1px solid #cccccc7d;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.zwc-faq-wrap button {
  font-size: 22px;
  cursor: pointer;
  position: relative;
  padding-right: 20px;
}
.zwc-faq-wrap button {
  border: 0;
  background: 0;
  color: #000;
  text-align: left;
  font-family: var(--primaryfont-semibold);
  width: 100%;
  padding-left: 0;
  line-height: 1.4;
  margin-bottom: 10px;
}
.zwc-faq-wrap .zwc-faq-ans, .zwc-faq-wrap button {
  padding-left: 25px;
}
.zwc-faq-wrap button::before {
  counter-increment: div;
  content: counter(div) ". ";
  position: absolute;
  left: 0;
}
.zwc-faq-wrap button::after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-transition: .4s all;
  transition: .4s all;
  top: 10px;
  right: 4px;
}
.zwc-faq-ans {
  display: none;
  text-align: left;
  padding-bottom: 10px;
}
.zfaq-section div.zwc-faq-item{
  padding: 0 0 10px;
}
.zwc-faq-ans p{
  margin-bottom: 10px;
}
.zwc-faq-ans p:last-child{
  margin-bottom: 0;
}
.zwc-faq-ans ul{
  list-style-type: disc;
}
.zwc-faq-item:first-child .zwc-faq-ans {
  display: block;
}
.zwc-faq-item.active button::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.zwc-faq-item h3{
  margin: 20px 0 0;
  line-height: 0;
}
  /* WCAG FAQ */
  /* FAQ Section */
  @media only screen and (min-width: 1200px) {

      .faq-wrapper h4:not(.faq-head),
      .faq-wrapper h4:before {
          font-size: 24px;
      }
  }

  @media only screen and (max-width: 1280px) {
      .zfaq-wrapper {
          padding: 30px 50px 70px;
          border-radius: 0;
      }
.i18n-ar .zfaq-wrapper { padding: 30px 50px 70px; }
  }

  @media only screen and (max-width: 991px) {
      .faq-wrap>h4:after {
          right: 10px;
      }
.i18n-ar .faq-wrap>h4:after { left: 10px; right: unset; }
  }

  @media only screen and (max-width: 610px) {
      .zfaq-wrapper {
          padding: 40px 20px 60px;
      }

      .faq-wrapper h4:not(.faq-head) {
          padding: 20px 30px 20px 20px;
      }

      .faq-wrapper .faq-wrap p {
          max-width: 93%;
      }
.i18n-ar .zfaq-wrapper { padding: 40px 20px 60px; }
.i18n-ar .faq-wrapper h4:not(.faq-head) { padding: 20px 20px 20px 30px; }
  }