.zmain-container * {
  box-sizing: border-box
}

.zmain-container .sprite,.zmain-container .sprite-before::before,.zmain-container .sprite-after::after {
  content: "";
  background-image: url('/sites/zweb/images/assist/digital-signage/sprite.png');
  background-repeat: no-repeat
}

.zmain-container h1,.zmain-container h2,.zmain-container h3 {
  font-family: var(--primaryfont-bold)
}

.zw-product-header {
  background: #f8f8f8
}

.banner-sec-wrap {
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 80px 0 0;
  align-items: flex-start
}

.banner-img picture {
  max-width: 50%
}

.line-path-svg {
  stroke: #fff;
  stroke-width: 2;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000
}

.middle-animated .line-path-svg {
  animation: drawLine 2s linear forwards
}

@keyframes drawLine {
  to {
      stroke-dashoffset: 0
  }
}

.line-path {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 4%;
  width: 46%;
  top: 16%
}

.line-path svg {
  max-width: 100%
}

.rocket {
  width: 24%;
  height: 6%;
  position: absolute;
  background-position: 100% 40%;
  top: 29.8%;
  right: -1%;
  transform: rotate(23deg);
  max-width: 9%;
  background-size: 660%;
  opacity: 0;
  transition: all .5s ease-in-out 1.3s
}

.middle-animated .rocket {
  opacity: 1
}

.triangle {
  width: 0;
  height: 0;
  border-top: 44px solid transparent;
  border-bottom: 44px solid transparent;
  border-left: 61px solid green
}

.green {
  border-left-color: #87e0ab;
  position: absolute;
  top: 4%;
  left: -1%;
  transform: rotate(35deg)
}

.blue {
  border-left-color: #1896e1;
  position: absolute;
  right: -3%;
  top: 27%;
  border-top-width: 31px;
  border-bottom-width: 51px;
  transform: rotate(-35deg);
  border-left-width: 50px
}

.banner-img {
  width: 100%;
  position: relative;
  display: flex;
  margin: 80px auto;
  justify-content: space-between
}

.zmain-container .banner-content {
  text-align: center;
  width: 90%;
  max-width: 1040px;
  margin: 0 auto
}

.banner-img .main-img {
  width: 930px;
  max-width: 100%;
  bottom: 13px;
  position: relative
}

.bi-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between
}

.black-btn {
  background: #000;
  margin-top: 20px
}

.banner-sec {
  background: #f8f8f8
}

.specification-section .bi-wrap {
  align-items: center
}

.specification-content,.specification-img {
  width: 50%
}

.specification-section .bi-wrap {
  max-width: 1030px;
  margin: 0 auto
}

.specification-section .flex-wrap>div:nth-child(1) {
  padding-right: 40px
}

.specification-section ul {
  margin-top: 40px;
  list-style-type: disc;
  margin-left: 40px
}

.specification-section ul li {
  position: relative;
  margin-bottom: 30px;
  padding-left: 6px
}

.features-text-wrap {
  background: #f8f4ef
}

.features-text {
  width: 850px;
  margin: 0 auto;
  text-align: center;
  max-width: 100%
}

.fea-text-side {
  width: 50%
}

.fea-img-side {
  width: 50%;
  position: relative
}

.fea-wrap {
  align-items: center
}

.fea-text-side>div {
  width: 530px;
  max-width: 98%;
  margin: 0 0 0 auto;
  display: block;
  padding-left: 10px
}

.text-first .fea-text-side>div {
  margin-left: 0
}

.img-width .fea-img-side {
  width: 55%
}

.img-width .fea-text-side {
  width: 45%
}

.zfaq-section {
  background: #fff5e2;
  margin: 0 auto 100px;
  text-align: center;
  padding: 100px 80px;
  border-radius: 7px;
  max-width: 1000px
}

.faq-section,.faq-section * {
  box-sizing: border-box
}

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

.zfaq_wrapper .zfaq-wrap:first-child {
  border-top: 0
}

.zfaq_wrapper .zfaq-wrap {
  position: relative;
  padding: 0;
  border-bottom: 1px solid #ffe5af
}

.faq-heading {
  position: relative;
  padding-top: 60px
}

.faq-heading::before {
  content: '';
  position: absolute;
  width: 77px;
  height: 55px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(/sites/zweb/images/assist/remote-desktop-share/sprite.png);
  background-size: auto 70px;
  background-position: -1131px -8px
}

.zfaq_wrapper h2 {
  padding-top: 0
}

.zfaq_wrapper h2:not(.faq-heading) {
  color: #000;
  font-size: 19px;
  cursor: pointer;
  margin-bottom: 0;
  display: inline-block;
  vertical-align: text-top;
  width: 100%;
  padding: 20px 35px 20px 0;
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  font-family: var(--zf-secondary-semibold);
  text-align: left;
  margin-top: 0
}

.zfaq_wrapper .zfaq-wrap p {
  padding: 0;
  text-align: left
}

.zfaq_wrapper .zfaq-wrap .faq-arrow {
  position: absolute;
  right: 22px;
  top: 34px;
  width: 8px;
  height: 8px;
  cursor: pointer;
  font-size: 16px
}

.zfaq_wrapper .zfaq-wrap .faq-arrow:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: rotate(135deg);
  -ms-transform: rotate(45deg)
}

.zfaq-wrap.active .faq-arrow:before {
  transform: rotate(315deg);
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  top: 1px;
  -ms-transform: rotate(135deg)
}

.zfaq-section .faq-ans {
  display: none
}

.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
}

.zfaq-section li {
  display: list-item;
  text-align: left;
  list-style: disc
}

.zfaq-section ul {
  margin-bottom: 20px;
  margin-left: 20px
}

@media(max-width: 991px) {
  .zfaq-section {
      padding:80px 0 40px
  }
}

@media(max-width: 767px) {
  .za-re-desktop .zfaq-section {
      margin-top:70px
  }

  .faq-heading {
      padding-top: 60px
  }
}

.features {
  padding: 70px 0
}

.fea-list-bg {
  background: #edfcf1;
  padding: 100px 10px;
  border-radius: 10px
}

.fea-list-bg h2 {
  max-width: 940px;
  margin: 0 auto 0;
  text-align: center
}

.fea-list {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin: 0 auto;
  flex-wrap: wrap;
  max-width: 970px
}

.fea-item {
  max-width: 400px;
  box-sizing: border-box;
  padding: 100px 0 0
}
.fea-item .box-img {
    height: 130px;
}
.fea-item.box1 img {
  width: 160px;
}

.fea-item.box2 img {
  width: 190px;
  transform: scale(1.2) translateY(6%)
}

.fea-item.box3 img {
  width: 160px;
  transform: scale(1.4) translate(-8%)
}

.fea-item.box4 img {
  width: 160px;
  transform: scale(1.4) translate(-4%);
}

.fea-item p {
  margin-bottom: 0
}

.fea-item .icon img {
  width: 190px;
  margin-bottom: 30px
}

@media(max-width: 1199px) {
  .click-here,.arrow {
      display:none
  }

  .rating-wrap {
      width: 100%
  }

  .testimonial-section {
      width: 600px;
      margin: 30px auto 0;
      padding-left: 0;
      max-width: 100%;
      text-align: center
  }
}

@media(max-width: 991px) {
  .zfaq-section {
      padding:80px 0 40px
  }

  .fea-sec .bi-wrap {
      margin-top: 100px
  }

  .banner-content {
      width: 800px;
      max-width: 100%;
      margin: 0 auto;
      text-align: center
  }

  .rating-testi-wrap {
      margin-top: 30px
  }
}

@media(max-width: 767px) {
  .za-re-desktop .zfaq-section {
      margin-top:70px
  }

  .zfaq_wrapper h2:not(.faq-heading) {
      font-size: 17px
  }

  .text-first .fea-text-side>div {
      margin-left: auto
  }

  .faq-heading {
      padding-top: 60px
  }

  .fea-sec .bi-wrap {
      margin-top: 30px
  }


  .fea-sec .bi-wrap:not(.text-first) {
      flex-direction: column-reverse
  }

  .fea-img-side::before {
      content: none
  }

  .features {
      padding: 0
  }

  .fea-list {
      display: block
  }

  .fea-item {
      width: 100%;
      padding: 25px;
      margin: 0 auto 30px;
      text-align: center
  }
  .fea-item.box2 img{
    transform: scale(1.2) translate(11%,6%);
  }

  .fea-text-side>div {
      margin: 0 auto;
      padding-left: 0
  }
}

@media screen and (min-width: 1200px) {
  .banner-content p {
      font-size:18px;
      line-height: 32px
  }

  .specification-img img {
      transform: scale(1.13) translateX(20px)
  }

  .specification-content h2 {
      max-width: 450px
  }

  .fea-list-bg {
      border-radius: 113px
  }
}
@media only screen and (max-width: 1080px) {
  .line-path{display: none;}
}
@media screen and (max-width: 991px) {
  .bg-sec {
      padding-top:80px;
      margin-bottom: 80px
  }

  body .zmain-container .pb {
      padding-bottom: 80px
  }

  body .zmain-container .pt {
      padding-top: 80px
  }

  body .zmain-container .mb {
      margin-bottom: 80px
  }

  .zmain-container .content-wrap-custom {
      padding: 0 0 80px
  }

  .rating-wrap {
      width: 100%
  }

  .fea-text-side {
      margin-top: 20px
  }

  .first-child .fea-text-side {
      margin-top: 0
  }
}

@media(max-width: 767px) {
  .banner-content {
      width:100%;
      text-align: center;
      margin-bottom: 30px
  }

  .banner-img {
      width: 100%
  }

  .banner-sec-wrap {
      padding-top: 40px
  }

  .specification-content,.specification-img {
      width: 100%
  }

  .fea-text-side,.img-width .fea-text-side {
      width: 100%;
      text-align: center
  }

  .fea-img-side,.img-width .fea-img-side {
      width: 90%;
      margin: 0 auto
  }

  .remote-content,.remote-img {
      width: 100%;
      text-align: center
  }

  .remote-content p {
      margin: 0 auto
  }

  .annotation .fea-img-side>div {
      transform: none;
      position: static;
      max-width: 100%;
      margin: 0 auto
  }

  .annotation .fea-img-side {
      height: auto
  }

  .interconnectivity-wrap li {
      margin-top: 20px
  }

  .interconnectivity-wrap ul {
      margin-top: 30px;
      justify-content: space-around !important
  }

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

  .security-single .content-wrap {
      margin-top: 50px
  }

  .security-single:nth-child(odd) .content-wrap {
      flex-direction: column-reverse
  }

  .security-img {
      width: 100%;
      text-align: center;
      max-width: 100%
  }

  .security-img img {
      width: 400px
  }

  .specification-section ul li {
      margin-bottom: 20px
  }
}

@media only screen and (min-width: 768px) {
  .zmain-container .zoom {
      -webkit-transform:scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      -webkit-transition: all .8s cubic-bezier(0.11,0.16,0.43,0.86);
      -o-transition: all .8s cubic-bezier(0.11,0.16,0.43,0.86);
      transition: all .8s cubic-bezier(0.11,0.16,0.43,0.86)
  }

  .zmain-container .transition-alone {
      -webkit-transition: all 1300ms cubic-bezier(0.11,0.16,0.43,0.86);
      -o-transition: all 1000ms cubic-bezier(0.11,0.16,0.43,0.86);
      -webkit-transition: all 1000ms cubic-bezier(0.11,0.16,0.43,0.86);
      transition: all 1000ms cubic-bezier(0.11,0.16,0.43,0.86)
  }

  .zmain-container .fadein {
      opacity: 0;
      -ms-filter: "alpha(opacity=0)";
      -webkit-transition: all 1000ms cubic-bezier(0.11,0.16,0.43,0.86);
      -o-transition: all 1000ms cubic-bezier(0.11,0.16,0.43,0.86);
      transition: all 1000ms cubic-bezier(0.11,0.16,0.43,0.86)
  }

  .zmain-container .fadeinup {
      opacity: 0;
      -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
      transform: translateY(30px);
      -ms-filter: "alpha(opacity=0)";
      -webkit-transition: all 1000ms cubic-bezier(0.11,0.16,0.43,0.86);
      -o-transition: all 1000ms cubic-bezier(0.11,0.16,0.43,0.86);
      transition: all 1000ms cubic-bezier(0.11,0.16,0.43,0.86)
  }

  .zmain-container .fadeinupcontent {
      opacity: 1;
      -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
      transform: translateY(30px);
      -ms-filter: "alpha(opacity=0)";
      -webkit-transition: all 1000ms cubic-bezier(0.11,0.16,0.43,0.86);
      -o-transition: all 1000ms cubic-bezier(0.11,0.16,0.43,0.86);
      transition: all 1000ms cubic-bezier(0.11,0.16,0.43,0.86)
  }

  .zmain-container .fadeindown {
      opacity: 0;
      -webkit-transform: translateY(-30px);
      -ms-transform: translateY(-30px);
      transform: translateY(-30px);
      -ms-filter: "alpha(opacity=0)";
      -webkit-transition: all 1000ms cubic-bezier(0.11,0.16,0.43,0.86);
      -o-transition: all 1000ms cubic-bezier(0.11,0.16,0.43,0.86);
      transition: all 1000ms cubic-bezier(0.11,0.16,0.43,0.86)
  }

  .zmain-container .fadeinleft {
      opacity: 0;
      -webkit-transform: translateX(-30px);
      -ms-transform: translateX(-30px);
      transform: translateX(-30px);
      -ms-filter: "alpha(opacity=0)";
      -webkit-transition: all 1000ms cubic-bezier(0.11,0.16,0.43,0.86);
      -o-transition: all 1000ms cubic-bezier(0.11,0.16,0.43,0.86);
      transition: all 1000ms cubic-bezier(0.11,0.16,0.43,0.86)
  }

  .zmain-container .fadeinright {
      opacity: 0;
      -webkit-transform: translateX(30px);
      -ms-transform: translateX(30px);
      transform: translateX(30px);
      -ms-filter: "alpha(opacity=0)";
      -webkit-transition: all 1000ms cubic-bezier(0.11,0.16,0.43,0.86);
      transition: all 1000ms cubic-bezier(0.11,0.16,0.43,0.86);
      -moz-transition: all 1000ms cubic-bezier(0.11,0.16,0.43,0.86);
      -ms-transition: all 1000ms cubic-bezier(0.11,0.16,0.43,0.86);
      -o-transition: all 1000ms cubic-bezier(0.11,0.16,0.43,0.86)
  }

  .zmain-container .middle-animated .fadein {
      opacity: 1;
      -ms-filter: "alpha(opacity=100)"
  }

  .middle-animated .fadeinup,.middle-animated .fadeinupcontent,.zmain-container .middle-animated .fadeindown {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
      -ms-filter: "alpha(opacity=100)"
  }

  .middle-animated .fadeinleft,.middle-animated .fadeinright,.middle-animated .fadeinleft,.zmain-container .middle-animated .fadeinright {
      opacity: 1;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
      -ms-filter: "alpha(opacity=100)"
  }

  .zmain-container .middle-animated .zoom {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1)
  }

  .zmain-container .delay1 {
      -webkit-transition-delay: 200ms;
      -o-transition-delay: 200ms;
      transition-delay: 200ms
  }

  .zmain-container .delay2 {
      -webkit-transition-delay: 400ms;
      -o-transition-delay: 400ms;
      transition-delay: 400ms
  }

  .zmain-container .delay3 {
      -webkit-transition-delay: 600ms;
      -o-transition-delay: 600ms;
      transition-delay: 600ms
  }

  .zmain-container .delay4 {
      -webkit-transition-delay: 800ms;
      -o-transition-delay: 800ms;
      transition-delay: 800ms
  }

  .zmain-container .delay5 {
      -webkit-transition-delay: 1000ms;
      -o-transition-delay: 1000ms;
      transition-delay: 1000ms
  }

  .zmain-container .delay6 {
      -webkit-transition-delay: 1200ms;
      -o-transition-delay: 1200ms;
      transition-delay: 1200ms
  }

  .zmain-container .delay7 {
      -webkit-transition-delay: 1400ms;
      -o-transition-delay: 1400ms;
      transition-delay: 1400ms
  }

  .zmain-container .delay8 {
      -webkit-transition-delay: 1600ms;
      -o-transition-delay: 1600ms;
      transition-delay: 1600ms
  }

  .zmain-container .delay9 {
      -webkit-transition-delay: 1800ms;
      -o-transition-delay: 1800ms;
      transition-delay: 1800ms
  }

  .zmain-container .delay10 {
      -webkit-transition-delay: 2000ms;
      -o-transition-delay: 2000ms;
      transition-delay: 2000ms
  }

  .middle-animated .float-vertical {
      -webkit-animation: float-vertical 3s infinite;
      animation: float-vertical 3s infinite
  }

  .middle-animated .float-zoom-vertical {
      -webkit-animation: float-zoom-vertical 3s infinite;
      animation: float-zoom-vertical 3s infinite
  }

  .middle-animated .anim-delay2 {
      -webkit-animation-delay: 2s;
      animation-delay: 2s
  }

  .middle-animated .anim-delay3 {
      -webkit-animation-delay: 3s;
      animation-delay: 3s
  }

  .middle-animated .anim-delay4 {
      -webkit-animation-delay: 4s;
      animation-delay: 4s
  }

  .middle-animated .anim-delay5 {
      -webkit-animation-delay: 5s;
      animation-delay: 5s
  }
}

.text-center {
  text-align: center
}

.zmain-container {
  overflow: hidden
}

.zmain-container .content-wrap {
  overflow: unset;
  z-index: 0;
  width: 100%;
  max-width: 100%;
  padding: 0
}

.zmain-container .content-wrap-custom {
  padding: 0 0 110px
}

.inline-block {
  display: inline-block
}

.zmain-container .content-wrap-custom {
  position: relative;
  width: 90%;
  max-width: 1170px;
  margin: 0 auto;
  z-index: 1
}

body .zmain-container .pt-0 {
  padding-top: 0
}

body .zmain-container .pb-0 {
  padding-bottom: 0
}

body .zmain-container .pb {
  padding-bottom: 130px
}

body .zmain-container .pt {
  padding-top: 130px
}

body .zmain-container .mb-0 {
  margin-bottom: 0
}

body .zmain-container .mb {
  margin-bottom: 130px
}

.bg-sec {
  padding-top: 130px;
  margin-bottom: 130px
}

@media only screen and (max-width: 1199px) {
  .zmain-container .content-wrap-custom {
      width:95%
  }
}

@media only screen and (max-width: 991px) {
  .zmain-container .content-wrap-custom {
      width:95%
  }
}

@media only screen and (max-width: 767px) {
  .zmain-container .content-wrap-custom {
      width:90%
  }
}

@media screen and (min-width: 1200px) {
  .zmain-container h1 {
      font-size:48px;
      font-family: var(--primaryfont-bold)
  }

  .zmain-container h1 span {
      font-size: 36px;
      font-family: var(--primaryfont-semibold)
  }

  .zmain-container h2 {
      font-size: 40px;
      font-family: var(--primaryfont-bold)
  }

  .zmain-container h3 {
      font-size: 24px;
      font-family: var(--primaryfont-bold)
  }

  .zmain-container h4 {
      font-size: 20px;
      font-family: var(--primaryfont-semibold)
  }
}

.specification-section .bi-wrap {
  align-items: center
}

.specification-content,.specification-img {
  width: 50%
}

.specification-section .flex-wrap>div:nth-child(1) {
  padding-right: 40px
}

.specification-section ul {
  margin-top: 40px;
  list-style-type: disc;
  margin-left: 40px
}

.specification-section ul li {
  position: relative;
  margin-bottom: 30px;
  padding-left: 6px
}

.features-text-wrap {
  background: #f8f4ef
}

.features-text {
  width: 850px;
  margin: 0 auto;
  text-align: center;
  max-width: 100%
}

.fea-list-bg-white h2 {
  max-width: 760px;
  margin: 0 auto;
  text-align: center
}

.fea-item-white {
  width: 400px;
  margin: 50px 0 0;
  max-width: 48%
}

.fea-list-white span {
  width: 50px;
  height: 50px;
  display: inline-block;
  background-size: 370px
}

.box1 span {
  background-position: 0 -10px
}

.box2 span {
  background-position: -50px -8px;
  width: 45px
}

.box3 span {
  background-position: -94px -10px;
  width: 55px
}

.box4 span {
  background-position: -149px -10px
}

.box5 span {
  background-position: -199px -10px;
  width: 54px
}

.box6 span {
  background-position: -212px -4px;
  background-size: 310px
}

.fea-list-white {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin: 0 auto;
  flex-wrap: wrap;
  max-width: 950px
}

@media(max-width: 991px) {
  .banner-sec-wrap {
      display:inline-block
  }

  .banner-content {
      width: 800px;
      max-width: 100%;
      margin: 0 auto;
      text-align: center;
      display: block
  }

  .rating-testi-wrap {
      margin-top: 30px
  }
}

@media(max-width: 767px) {
  .za-re-desktop .zfaq-section {
      margin-top:70px
  }

  .zfaq_wrapper h2:not(.faq-heading) {
      font-size: 17px
  }

  .text-first .fea-text-side>div {
      margin-left: auto
  }

  .faq-heading {
      padding-top: 60px
  }

  .fea-sec .bi-wrap {
      margin-top: 30px
  }

  .fea-sec .bi-wrap:not(.text-first) {
      flex-direction: column-reverse
  }

  .fea-img-side::before {
      content: none
  }
}

@media screen and (min-width: 1200px) {
  .banner-content p {
      font-size:20px;
      line-height: 32px;
      max-width: 910px;
      margin: 0 auto
  }

  .specification-img img {
      transform: scale(1.13) translateX(20px)
  }

  .specification-content h2 {
      max-width: 450px
  }
}

@media screen and (max-width: 991px) {
  .bg-sec {
      padding-top:80px;
      margin-bottom: 80px
  }

  body .zmain-container .pb {
      padding-bottom: 80px
  }

  body .zmain-container .pt {
      padding-top: 80px
  }

  body .zmain-container .mb {
      margin-bottom: 80px
  }

  .zmain-container .content-wrap-custom {
      padding: 0 0 80px
  }

  .rating-testimonial .content-wrap-custom {
      padding: 80px 0
  }

  .rating-wrap {
      width: 100%
  }

  .fea-text-side {
      margin-top: 20px
  }

  .first-child .fea-text-side {
      margin-top: 0
  }

  .security-single .content-wrap {
      margin-top: 80px
  }
}

@media(max-width: 767px) {
  .banner-content {
      width:100%;
      text-align: center;
      margin-bottom: 30px
  }

  .banner-img {
      width: 100%;
      flex-wrap: wrap;
      justify-content: center;
      overflow: hidden;
      max-width: 100%
  }

  .line-path,.triangle {
      display: none
  }

  .fea-item-white {
      max-width: 100%
  }

  .banner-sec-wrap {
      padding-top: 40px
  }

  .specification-content,.specification-img {
      width: 100%;
      text-align: center
  }

  .fea-text-side,.img-width .fea-text-side {
      width: 100%;
      text-align: center
  }

  .fea-img-side,.img-width .fea-img-side {
      width: 90%;
      margin: 0 auto
  }

  .fea-img-side img {
      max-width: 300px;
      margin: 0 auto;
      display: block;    width: 100%;
  }

  .fea-list-white {
      justify-content: center;
      text-align: center
  }
}

@media only screen and (min-width: 768px) {
  .zmain-container .zoom {
      -webkit-transform:scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      -webkit-transition: all .8s cubic-bezier(0.11,0.16,0.43,0.86);
      -o-transition: all .8s cubic-bezier(0.11,0.16,0.43,0.86);
      transition: all .8s cubic-bezier(0.11,0.16,0.43,0.86)
  }

  .zmain-container .transition-alone {
      -webkit-transition: all 1300ms cubic-bezier(0.11,0.16,0.43,0.86);
      -o-transition: all 1000ms cubic-bezier(0.11,0.16,0.43,0.86);
      -webkit-transition: all 1000ms cubic-bezier(0.11,0.16,0.43,0.86);
      transition: all 1000ms cubic-bezier(0.11,0.16,0.43,0.86)
  }

  .zmain-container .fadein {
      opacity: 0;
      -ms-filter: "alpha(opacity=0)";
      -webkit-transition: all 1000ms cubic-bezier(0.11,0.16,0.43,0.86);
      -o-transition: all 1000ms cubic-bezier(0.11,0.16,0.43,0.86);
      transition: all 1000ms cubic-bezier(0.11,0.16,0.43,0.86)
  }

  .zmain-container .fadeinup {
      opacity: 0;
      -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
      transform: translateY(30px);
      -ms-filter: "alpha(opacity=0)";
      -webkit-transition: all 1000ms cubic-bezier(0.11,0.16,0.43,0.86);
      -o-transition: all 1000ms cubic-bezier(0.11,0.16,0.43,0.86);
      transition: all 1000ms cubic-bezier(0.11,0.16,0.43,0.86)
  }

  .zmain-container .fadeinupcontent {
      opacity: 1;
      -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
      transform: translateY(30px);
      -ms-filter: "alpha(opacity=0)";
      -webkit-transition: all 1000ms cubic-bezier(0.11,0.16,0.43,0.86);
      -o-transition: all 1000ms cubic-bezier(0.11,0.16,0.43,0.86);
      transition: all 1000ms cubic-bezier(0.11,0.16,0.43,0.86)
  }

  .zmain-container .fadeindown {
      opacity: 0;
      -webkit-transform: translateY(-30px);
      -ms-transform: translateY(-30px);
      transform: translateY(-30px);
      -ms-filter: "alpha(opacity=0)";
      -webkit-transition: all 1000ms cubic-bezier(0.11,0.16,0.43,0.86);
      -o-transition: all 1000ms cubic-bezier(0.11,0.16,0.43,0.86);
      transition: all 1000ms cubic-bezier(0.11,0.16,0.43,0.86)
  }

  .zmain-container .fadeinleft {
      opacity: 0;
      -webkit-transform: translateX(-30px);
      -ms-transform: translateX(-30px);
      transform: translateX(-30px);
      -ms-filter: "alpha(opacity=0)";
      -webkit-transition: all 1000ms cubic-bezier(0.11,0.16,0.43,0.86);
      -o-transition: all 1000ms cubic-bezier(0.11,0.16,0.43,0.86);
      transition: all 1000ms cubic-bezier(0.11,0.16,0.43,0.86)
  }

  .zmain-container .fadeinright {
      opacity: 0;
      -webkit-transform: translateX(30px);
      -ms-transform: translateX(30px);
      transform: translateX(30px);
      -ms-filter: "alpha(opacity=0)";
      -webkit-transition: all 1000ms cubic-bezier(0.11,0.16,0.43,0.86);
      transition: all 1000ms cubic-bezier(0.11,0.16,0.43,0.86);
      -moz-transition: all 1000ms cubic-bezier(0.11,0.16,0.43,0.86);
      -ms-transition: all 1000ms cubic-bezier(0.11,0.16,0.43,0.86);
      -o-transition: all 1000ms cubic-bezier(0.11,0.16,0.43,0.86)
  }

  .zmain-container .middle-animated .fadein {
      opacity: 1;
      -ms-filter: "alpha(opacity=100)"
  }

  .middle-animated .fadeinup,.middle-animated .fadeinupcontent,.zmain-container .middle-animated .fadeindown {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
      -ms-filter: "alpha(opacity=100)"
  }

  .middle-animated .fadeinleft,.middle-animated .fadeinright,.middle-animated .fadeinleft,.zmain-container .middle-animated .fadeinright {
      opacity: 1;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
      -ms-filter: "alpha(opacity=100)"
  }

  .zmain-container .middle-animated .zoom {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1)
  }

  .zmain-container .delay1 {
      -webkit-transition-delay: 200ms;
      -o-transition-delay: 200ms;
      transition-delay: 200ms
  }

  .zmain-container .delay2 {
      -webkit-transition-delay: 400ms;
      -o-transition-delay: 400ms;
      transition-delay: 400ms
  }

  .zmain-container .delay3 {
      -webkit-transition-delay: 600ms;
      -o-transition-delay: 600ms;
      transition-delay: 600ms
  }

  .zmain-container .delay4 {
      -webkit-transition-delay: 800ms;
      -o-transition-delay: 800ms;
      transition-delay: 800ms
  }

  .zmain-container .delay5 {
      -webkit-transition-delay: 1000ms;
      -o-transition-delay: 1000ms;
      transition-delay: 1000ms
  }

  .zmain-container .delay6 {
      -webkit-transition-delay: 1200ms;
      -o-transition-delay: 1200ms;
      transition-delay: 1200ms
  }

  .zmain-container .delay7 {
      -webkit-transition-delay: 1400ms;
      -o-transition-delay: 1400ms;
      transition-delay: 1400ms
  }

  .zmain-container .delay8 {
      -webkit-transition-delay: 1600ms;
      -o-transition-delay: 1600ms;
      transition-delay: 1600ms
  }

  .zmain-container .delay9 {
      -webkit-transition-delay: 1800ms;
      -o-transition-delay: 1800ms;
      transition-delay: 1800ms
  }

  .zmain-container .delay10 {
      -webkit-transition-delay: 2000ms;
      -o-transition-delay: 2000ms;
      transition-delay: 2000ms
  }

  .middle-animated .float-vertical {
      -webkit-animation: float-vertical 3s infinite;
      animation: float-vertical 3s infinite
  }

  .middle-animated .float-zoom-vertical {
      -webkit-animation: float-zoom-vertical 3s infinite;
      animation: float-zoom-vertical 3s infinite
  }

  .middle-animated .anim-delay2 {
      -webkit-animation-delay: 2s;
      animation-delay: 2s
  }

  .middle-animated .anim-delay3 {
      -webkit-animation-delay: 3s;
      animation-delay: 3s
  }

  .middle-animated .anim-delay4 {
      -webkit-animation-delay: 4s;
      animation-delay: 4s
  }

  .middle-animated .anim-delay5 {
      -webkit-animation-delay: 5s;
      animation-delay: 5s
  }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
  .fea-text-side>div {
      max-width:90%
  }

  .features {
      padding: 20px 0
  }

  .fea-item {
      width: 47%;
      padding: 30px;
      /* margin-bottom: 40px; */
  }
}
/* AR style starts */

.i18n-ar .fea-text-side>div{margin: 0 auto 0 0;padding-left: 0;padding-right: 10px;}
.i18n-ar .zfaq_wrapper .zfaq-wrap p{text-align: right;}
.i18n-ar .zfaq_wrapper h2:not(.faq-heading){text-align: right;padding: 20px 0 20px 35px;}
.i18n-ar .zfaq_wrapper .zfaq-wrap .faq-arrow{left: 22px;right: unset;}
@media only screen and (max-width: 767px){
    .i18n-ar .specification-section *, .i18n-ar .fea-sec.mb *, .i18n-ar .fea-list-bg *, .i18n-ar .fea-list-bg-white *{text-align: center;}
}