*, :after, :before {
    box-sizing: content-box;
}
.banner-section:before, .freez-layer {
  left: 0;
  height: 100%;
  width: 100%;
  top: 0
}
.mob-chrome-img{
     display: none;
}
.freez-layer {
  background: #fff;
  position: fixed;
  z-index: 999999
}
.big-round, .big-round:after {
  transform: translateX(-50%);
  background: #fff;
  -webkit-transform: translateX(-50%)
}
.gsuite-adv-box, .banner-content-con, .banner-section, .bnr-signup, .help-points, .sldr-box {
  box-sizing: border-box
}
*, h1, h2, h3, h4, h5, li, p {
  margin: 0;
  padding: 0;
  font-weight: inherit
}
.banner-section {
  padding: 30px 25px 50px;
  margin-top: -80px;
  text-align: center;
  overflow: visible;
  position: relative;
  background-size: cover
}
.banner-inner {
  padding-top: 100px;
  max-width: 1120px;
  margin: 0 auto;
  width: 100%;
  position: relative
}
.banner-content-con, .bnr-signup {
  display: inline-block;
  vertical-align: middle;
  text-align: left
}
.banner-content-con {
  width: 60%;
  padding-right: 5%
}
.umain .banner-content-con {
  width: 96%;
  padding-right: 0;
  max-width: 870px;
  text-align: center
}
.register-btn{
    display:  inline-block;
}
.banner-access .register-btn{
display: none;
}
.umain .bnr-signup, .password-strength, .access-btn, .umain .register-btn, .umain .tab-register-btn {
  display: none;
}
.tab-register-btn{
  display: none;
}
.umain .access-btn {
display: inline-block;
}
.signup-box .socl-signup a.vi-google, .signup-box .socl-signup span.vi-google {
    background: url(/sites/zweb/images/crm/gsuit-sprite.svg) no-repeat -448px -220px;
    width: 35px;
    height: 35px;    
    font-size: 0;
    text-indent: -9999px;
}
.signup-box .socl-signup a.vi-linkedin, .signup-box .socl-signup span.vi-linkedin {
   background: url(/sites/zweb/images/crm/gsuit-sprite.svg) no-repeat -493px -220px;
    width: 35px;
    height: 35px; 
    font-size: 0;
    text-indent: -9999px;
}
.bottom-promo {
  display: none !important
}
.banner-para {
  padding-bottom: 35px
}
.banner-hdr {
  font-size: 50px;
  line-height: 56px;
  font-family: var(--zf-primary-bold);
  color: #111;
  max-width: 600px;
  width: 100%
}
.umain .banner-hdr {
  max-width: unset
}
.banner-para {
  font-size: 18px;
  line-height: 28px;
  margin-top: 15px;
  font-family: var(--zf-primary-regular);
  color: #111
}
.bnr-signup {
  width: 39%;
  padding-left: 4%
}
.signup-hdr {
  color: #333;
  font-size: 30px;
  padding-bottom: 2px
}
.big-round, .sml-round {
  border-radius: 50%;
  box-shadow: 2px 2px 10px #e3e3e3
}
.mobile-container.sgfrm {
  margin-top: 15px
}
.inner-hdr {
  font-size: 36px;
  line-height: 46px;
  margin: 0 auto 18px;
  font-family: var(--zf-primary-semibold);
  width: 100%
}
.para-sec {
  font-size: 18px;
  line-height: 30px;
  font-family: var(--zf-primary-regular);
  color: #333;
  width: 100%;
  max-width: 900px;
  margin: 0 auto
}
.big-round:after, .sml-round:after {
  left: 50%;
  font-family: Roboto, sans-serif
}
.gsuit-neccasary-con {
  padding: 165px 25px 0;
  text-align: center
}
.integ-anim-con {
  text-align: center;
  padding: 30px 25px 0
}
.integration-anim-inner {
  width: 100%;
  max-width: 1180px;
  display: inline-block;
  position: relative;
  height: 250px
}
.big-round {
  width: 250px;
  height: 250px;
  position: absolute;
  transition: all ease .5s;
  left: 50%;
  top: 0;
  z-index: 3
}
.big-round:after {
  bottom: -50px;
  font-size: 26px;
  font-weight: 600;
  position: absolute;
  height: 30px;
  width: 220px
}
.big-round span, .big-round:before, .sml-round:before {
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  left: 50%
}
.integ-gsuite:after {
  content: 'Google Workspace'
}
.integ-crm:after {
  content: 'Zoho CRM'
}
.big-round.integ-crm {
  z-index: 2
}
.big-round span, .big-round:before {
  -webkit-transform: translateX(-50%) translateY(-50%)
}
.bg_lazy_loaded .integ-gsuite:before, .bg_lazy_loaded .help-point-inner:before, .bg_lazy_loaded .sml-round:before, .bg_lazy_loaded .sprite-svg {
  background-image: url(/sites/zweb/images/crm/gsuit-sprite.svg);
}
.integ-gsuite:before {
  background-position: -302px 0;
  width: 130px;
  height: 132px;
  content: ''
}
.bg_lazy_loaded .integ-crm span {
  background-image: url(/sites/zweb/images/crm/crm-new-logo.png);
}
.integ-crm span {
  width: 128px;
  height: 128px;
  background-size: 128px
}
.sml-round {
  width: 90px;
  height: 90px;
  position: absolute;
  transition: all ease 2s;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  background: #fff;
  z-index: 0
}
.help-point-inner:before, .sml-round:before, .sprite-svg {
  background-repeat: no-repeat
}
.sml-round:before {
  content: "";
  -webkit-transform: translateX(-50%) translateY(-50%)
}
.sml-round:after {
  position: absolute;
  bottom: -42px;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  font-size: 14px;
  color: #333
}
.integ-mail {
  left: 29%
}
.integ-mail:before {
  background-position: -301px -152px;
  width: 54px;
  height: 41px
}
.integ-mail:after {
  content: 'Gmail'
}
.integ-admin {
  left: 19%
}
.integ-admin:before {
  background-position: -434px -146px;
  width: 53px;
  height: 53px
}
.integ-admin:after {
  content: 'Admin'
}
.integ-tasks {
  left: 9%
}
.integ-tasks:before {
  background-position: -509px -146px;
  width: 52px;
  height: 53px
}
.integ-tasks:after {
  content: 'Tasks'
}
.integ-drive {
  left: -1%
}
.integ-drive:before {
  background-position: -226px -150px;
  width: 53px;
  height: 46px
}
.integ-drive:after {
  content: 'Drive'
}
.integ-adds {
  left: 63%
}
.integ-adds:before {
  background-position: -71px -146px;
  width: 59px;
  height: 53px
}
.integ-adds:after {
  content: 'Ads'
}
.integ-contacts {
  left: 73%
}
.integ-contacts:before {
  background-position: 0 -146px;
  width: 52px;
  height: 53px
}
.integ-contacts:after {
  content: 'Contacts'
}
.integ-calender {
  left: 83%
}
.integ-calender:before {
  background-position: -149px -146px;
  width: 53px;
  height: 53px
}
.integ-calender:after {
  content: 'Calender'
}
.integ-sites {
  left: 93%
}
.integ-sites:before {
  background-position: -374px -146px;
  width: 40px;
  height: 53px
}
.integ-sites:after {
  content: 'Sites'
}
.crm-help-con {
  padding: 115px 25px 85px;
  text-align: center
}
.crm-help-con ul {
  max-width: 1240px;
  width: 100%;
  margin: 45px auto 0;
  text-align: left
}
.crm-help-con .para-sec{
  max-width: 800px
}
.crm-help-con ul:before {
  display: block;
  clear: both;
  height: 0
}
.help-points {
  width: 33%;
  display: inline-block;
  vertical-align: top;
  padding: 30px;
  transition: all ease .7s;
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0)
}
.anim-elem {
  transform: translateY(30px) !important;
  -webkit-transform: translateY(30px) !important;
  opacity: 0 !important
}
.help-point-inner {
  padding-left: 60px;
  text-align: left;
  position: relative
}
.help-point-inner:before {
  content: '';
  position: absolute;
  left: 0;
  top: 4px
}
.lt-hdr {
  font-size: 24px;
  padding-bottom: 15px;
  font-family: var(--zf-primary-bold);
  color: #333;
      line-height: 1.4
}
.lt-para {
  font-size: 16px;
  font-family: var(--zf-primary-light);
  line-height: 28px
}
.single-sign:before {
  background-position: -309px -231px;
  width: 32px;
  height: 33px
}
.google-adss:before {
  background-position: -52px -232px;
  width: 36px;
  height: 32px
}
.google-calender:before {
  background-position: -108px -232px;
  width: 32px;
  height: 32px
}
.google-contact:before {
  background-position: 0 -231px;
  width: 33px;
  height: 33px
}
.google-drive:before {
  background-position: -159px -234px;
  width: 33px;
  height: 28px
}
.tasks:before {
  background-position: -362px -231px;
  width: 33px;
  height: 33px
}
.google-sites:before {
  background-position: -263px -232px;
  width: 25px;
  height: 32px
}
.gmail:before {
  background-position: -211px -235px;
  width: 33px;
  height: 26px
}
.batch-btn-con {
  padding: 25px 0 0
}
.app-store {
  background-position: -1000px -120px;
  width: 123px;
  height: 35px
}
.android-mdl-layer, .chrome-mdl-layer {
  max-width: 1440px;
  padding: 0 25px;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box
}
.chrome-mdl-layer {
  padding: 0 25px 0 35px
}
.android-con {
  background-color: #0066ff;
  text-align: right;
  overflow: hidden
}
.chrom-con {
  padding: 90px 0;
  overflow-y: hidden
}
.android-con-inner, .chrome-con-inner {
  display: inline-block;
  max-width: 1280px;
  margin-right: 35px
}
.android-con .content-con, .chrom-con .content-con {
  width: 50%;
  display: inline-block;
  vertical-align: middle;
  padding-right: 6%;
  box-sizing: border-box;
  text-align: left;
  color: #fff
}
.chrom-con .content-con {
  padding-left: 8%;
  padding-right: 0;
  color: #333;
  float: right
}
.sec-hdr {
  font-family: var(--zf-primary-bold);
  font-size: 46px;
  padding-bottom: 20px
}
.sec-para {
  font-size: 18px;
  line-height: 28px;
  font-family: var(--zf-primary-regular)
}
.android-con .img-con {
  width: 49%;
  display: inline-block;
  vertical-align: middle;
  height: 450px;
  position: relative
}
.android-bottom-img, .android-top-img {
  width: 44%;
  position: absolute;
  display: inline-block;
  opacity: 1;
  transition: all ease .7s
}
.android-bottom-img.anim-elem {
  transform: translateY(140px) !important;
  -webkit-transform: translateY(140px) !important;
  opacity: 0 !important
}
.android-top-img.anim-elem {
  transform: translateY(-140px) !important;
  -webkit-transform: translateY(-140px) !important;
  opacity: 0 !important
}
.android-top-img {
  right: 2%;
  top: -1px;
}
.android-bottom-img {
  left: 3%;
  bottom: -1px;
}
.chrom-con .img-con {
  width: 50%;
  float: left;
  transition: all ease .7s;
  position: relative;
 margin-top: 25px;
}
.chrom-con .img-con img.bg-screen {
  display: block;
}
.gsuite-adv-box, .adv-icn, .sldr-customer-con, .addons-btn, .sprts-icn {
  display: inline-block
}
.chrom-con .img-con img.front-screen {
  width: 220px;
  position: absolute;
  right: -5%;
  top: 20%;
  border: 1px solid #e3e3e3;
  box-shadow: 0 0 13.44px 2.56px rgba(0, 91, 175, .15)
}
.chrom-con .img-con img.crm-hand-icn {
  width: 84px;
  top: -4%;
  right: 0;
  position: absolute
}
.adv-box-inner, .adv-icn, .lt-hdr, .lt-para, .sldr-box, .testimonial-sldr-con {
  position: relative
}
.gsuite-advantage-con {
  max-width: 1280px;
  width: 100%;
  margin: 35px auto 0;
  display: flex;
  justify-content: center;
 flex-wrap: wrap;
}
.gsuite-adv-box {
  width: 24.5%;
  vertical-align: top;
  padding: 15px;
  transition: all ease .65s
}
.cstmr-data, .cstomer-photo {
  display: inline-block;
  vertical-align: middle
}
.adv-box-inner {
  padding: 30px;
  box-shadow: 2px 2px 10px #e3e3e3;
  border-radius: 5px;
  transition: all ease .4s;
  z-index: 2;
  overflow: hidden;
  border: 1px solid #ebe9e9
}
.adv-icn {
  margin-bottom: 12px;
  height: 60px
}
.gsuit-advantage {
  padding-top: 120px
}
.advantge-hdr {
  font-size: 40px;
  padding-bottom: 25px;
  text-align: center;
  font-family: var(--zf-primary-semibold);
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}
.middle-align {
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%)
}
.big-round-left, .big-round-right {
  transform: translate(0) !important
}
.big-round-left {
  left: 50%;
  transform: translateX(-94%) !important;
  -webkit-transform: translateX(-94%) !important
}
.big-round-right {
  left: 50%;
  transform: translateX(-8%) !important;
  -webkit-transform: translateX(-8%) !important
}
.efficiant-collab {
  background-position: 0 -2px;
  width: 55px
}
.synchronize-data {
  background-position: -73px -9px;
  width: 55px
}
.roi {
  background-position: -220px 0;
  width: 52px;
}
.schedules {
  background-position: -220px 0;
  width: 52px
}
.adv-box-inner:hover {
  transform: translateY(-15px);
  -webkit-transform: translateY(-15px);
  box-shadow: 0 12px 22px 1px rgba(227, 227, 227, .5)
}
.testimonial-con {
  padding: 80px 0 30px;
  text-align: center;
  max-width: 1440px;
  margin: 0 auto;
  width: 100%
}
.testimonial-hdr {
  font-family: var(--zf-primary-semibold);
  font-size: 40px;
  line-height: 48px;
  padding: 25px
}
.testimonial-sldr-con {
  width: 100%;
  overflow: hidden;
  padding: 55px 0 30px
}
.testimonial-sldr-inner-con {
  width: 140%;
  position: relative;
  margin-left: -20%;
  transition: all ease .8s
}
.sldr-box {
  width: 33.33%;
  float: left;
  padding: 0 40px;
  text-align: left;
  z-index: 2
}
.sldr-box-inner {
  background: #fff;
  padding: 30px;
  border: 1px solid #e3e3e3;
  opacity: .4;
  transition: all ease .8s
}
.sldr-box.active .sldr-box-inner {
  opacity: 1;
  border: 1px solid #e6ecf0;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 10px 18.8px 1.2px rgba(0, 91, 175, .15)
}
.sldr-para {
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 30px;
  text-align: left;
  padding-bottom: 50px
}
.bot-btn-con, .bottom-con, .btn-sec {
  text-align: center
}
.cstmr-data {
  margin-left: 10px
}
.cstmr-name {
  font-family: var(--zf-primary-semibold);
  font-size: 18px;
  color: #111;
  padding-bottom: 5px
}
.bot-text, .cstmr-role {
  font-family: var(--zf-primary-regular)
}
.cstmr-role {
  font-size: 14px;
  color: #666
}
.addons-btn, .btn-sec {
  color: #fff;
  text-decoration: none;
  cursor: pointer
}
.sldr-arrow {
  font-size: 25px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  z-index: 3;
  width: 39px;
  height: 23px
}
.left-arrow {
  left: 25.5%;
  background-position: -469px -58px
}
.right-arrow {
  right: 25.5%;
  background-position: -469px -29px
}
.bg_lazy_loaded .cstomer-photo {
  background-image: url(/sites/zweb/images/crm/gsuit-customer-profile.png);
}
.cstomer-photo {
  width: 52px;
  height: 52px
}
.cstmr-icn1 {
  background-position: 0 0
}
.cstmr-icn2 {
  background-position: -59px 0
}
.cstmr-icn3 {
  background-position: -118px 0
}
.bottom-con {
  padding: 60px 25px 100px
}
.bot-text {
  font-size: 40px;
  line-height: 52px;
  max-width: 900px;
  margin: 0 auto 50px
}
.bot-text span {
  font-family: var(--zf-primary-bold)
}
.bot-btn-con {
  padding-top: 0
}
.btn-sec {
  font-family: var(--zf-primary-semibold), Arial, Helvetica, sans-serif;
  padding: 12px 30px;
  text-transform: uppercase;
  border: 1px solid transparent;
  font-size: 18px;
  background: #f0483e
}
.anim-img {
  transform: translateX(-90px);
  -webkit-transform: translateX(-90px);
  opacity: 0
}
.gradnt-con {
  background-image: -moz-linear-gradient(90deg, #ecf1f9 0, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-linear-gradient(90deg, #ecf1f9 0, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(90deg, #ecf1f9 0, rgba(255, 255, 255, 0) 100%)
}
.crm-hand-icn.animate, .front-screen.animate {
  animation: bounceIn .8s forwards;
  -webiki-animation: bounceIn .8s forwards
}
.front-screen {
  transform: scale(0);
  -webkit-transform: scale(0)
}
.crm-hand-icn {
  transform: scale(.3);
  -webkit-transform: scale(.3)
}
.crm-hand-icn.animate {
  animation-delay: .2s
}
.front-screen.animate {
  animation-delay: .5s
}
@-webkit-keyframes bounceIn {
  20%, 40%, 60%, 80%, from, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }
  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03)
  }
  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97)
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}
@keyframes bounceIn {
  20%, 40%, 60%, 80%, from, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }
  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03)
  }
  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97)
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}
.bg_lazy_loaded .sprts-icn {
  background-image: url(/sites/zweb/images/crm/indian-home-brands-icons.png);
}
.sprts-icn {
  background-size: 1111px auto;
  background-repeat: no-repeat
}
.play-store-icn {
  background-position: -149px -125px;
  width: 136px;
  height: 40px;
  margin-bottom: 5px;
}
.addons-btn {
  padding: 10px 30px;
  font-family: var(--zf-primary-semibold);
  outline: 0;
  background: #0067ff
}
    .signup-box #countryCodeDiv, .signup-box #countryconfirmCodeDiv {
height: 43px;
min-height: 43px;
}


/*   image accordian   */
.gmail-inbox h2{
width: 90%;
margin: 0 auto;
font: 36px/46px var(--zf-primary-bold);
text-align: center;
max-width: 800px;
}
.gmail-inbox-container {
padding: 50px 0 130px;
max-width: 1245px;
width: 90%;
display: flex;
margin: 0 auto;
flex-direction: row;
}
.content-accordian {
width: 50%;
text-align: left;
padding-left: 8%;
}
.gd-fetu {
cursor: pointer;
width: 100%;
border-bottom: 1px solid #e8e8e8;
padding: 25px 35px 27px 0;
box-sizing: border-box;
}
.gd-fetu3 {
border-bottom: none;
}
.gd-txt {
width: 100%;
color: #000;
font: 24px/28px var(--zf-primary-bold);
padding-right: 10px;
position: relative;
display: block;
cursor: pointer;
}
.add-clr {
color: #2b65f6;
cursor: default;
}
.hub-fetr-sprit {
background-image: url(/sites/zweb/images/crm/hub-ftr-sprite.svg);
display: inline-block;
vertical-align: middle;
}
.hup-arow-up {
background-position: -835px -31px;
width: 10px;
height: 7px;
position: absolute;
right: -10px;
top: 50%;
transform: translateY(-50%);
}
.add-clr .hup-arow-up {
background-position: -848px -31px;
opacity: 0.5;
}
.show-cnt {
display: none;
margin: 15px auto 0;
font-size: 16px;
font-family: var(--zf-primary-light);
line-height: 28px;
}


/*   faq section   */
.faq_section {
  padding: 65px 0;
  max-width: 1170px;
  margin: 0 auto;
  text-align: left;
  width: 95%;
}
.faq_title_sec>h2 {
  float: left;
  font: 40px/48px var(--zf-primary-semibold);
  letter-spacing: -1px;
  margin-bottom: 20px;
}
.faq_title_sec>a {
  float: right;
  color: #949494;
  font: 18px var(--zf-primary-regular);
  cursor: pointer;
  margin-top: 10px;
}
.faq_container{
    clear: both;
}
.faq_container>div {
  display: inline-block;
  width: 48%;
  vertical-align: top;
}
.faq_container>div:last-child {
  margin-left: 3.5%;
}
.collapse-btn{
  display: none;
}
.ga-fq-cont {
  padding: 22px 0;
  transition: all .5s linear;
  border-bottom: 1px solid #e6e6e6;
}
.gd-fqa .ga-fq-cont:first-child {
  border-top: 1px solid #e6e6e6;
}
.gd-qus {
  font: 20px/30px var(--zf-primary-bold);
  color: #181819;
  cursor: pointer;
  position: relative;
  padding-right: 15px;
}
.gd-sprite {
  font: 25px var(--zf-primary-bold);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  color: #0067ff;
}
.gd-ans {
  padding: 8px 15% 8px 0;
  color: #000;
  border-top: 0;
  display: none;
}
.gd-ans p {
  font-size: 16px;
  font-family: var(--zf-primary-light);
   line-height: 28px;
}


@media only screen and (max-width:1200px) {
  .gsuite-adv-box, .help-points {
    width: 49.5%
  }
  .banner-section {
    padding: 30px 25px 40px
  }
}
@media only screen and (max-width:992px) {
  .crm-help-con .help-points {
    transform: translateY(0) !important;
    -webkit-transform: translateY(0) !important;
    opacity: 1 !important
  }
.register-btn {
display: none;
}
.register-btn.tab-register-btn {
display: inline-block;
}
.umain .register-btn.tab-register-btn {
display: none;
}
.banner-access .register-btn{
display:  inline-block;
}
.umain .banner-access .register-btn{
display:  none;
}
  .chrom-con .img-con {
    max-width: 750px
  }
  .batch-btn-con {
    padding: 20px 0 30px
  }
  .adv-box-inner {
    transform: translate(0) !important;
    -webkit-transform: translate(0) !important
  }
  .gradient-layer {
    display: none !important
  }
  .banner-hdr {
    font-size: 44px;
    line-height: 52px;
    max-width: unset
  }
  .banner-para {
    font-size: 16px;
    line-height: 28px
  }
  .inner-hdr, .testimonial-hdr {
    font-size: 32px;
    line-height: 42px;
    margin: 0 auto 12px
  }
  .sec-hdr {
    font-size: 36px;
    padding-bottom: 12px
  }
  .advantge-hdr {
    font-size: 32px;
    line-height: 42px;
    padding-bottom: 0
  }
  .testimonial-sldr-con {
    padding: 20px 0
  }
  .bot-text {
    font-size: 32px;
    line-height: 44px;
  }
.bot-text2 {
    font-size: 26px;
    line-height: 36px;
  }
  .testimonial-con {
    padding: 45px 0 10px;
  }
.crm-help-con {
    padding: 80px 25px 55px;
}
  .chrom-con {
    padding: 50px 25px 70px;
    display: block;
    box-sizing: border-box;
    width: 100%;
  }
  .content-accordian {
    width: 100%;
    text-align: left;
    padding-left: 0;
    padding-top: 20px;
}
  .bottom-con {
    max-width: 600px;
    margin: 0 auto;
  }
  .android-con .content-con {
    display: block;
    width: 96%;
    max-width: 700px;
    margin: 0 auto 10px;
    text-align: center;
    padding-right: 0
  }
  .android-top-img {
    display: none
  }
  .sml-round {
    display: none !important
  }
  .android-con {
    text-align: center;
    padding: 65px 0 0px
  }
  .help-points {
    width: 49.5%
  }
  .android-con .img-con {
    height: auto;
    width: 96%;
    max-width: 270px;
    margin: 0 auto;
    display: block
  }
  .android-bottom-img {
    position: static;
    display: block;
    width: 100%;
    margin-bottom: -1px;
}
  .testimonial-sldr-inner-con {
    width: 240%;
    margin-left: -70%
  }
  .left-arrow {
    left: 7.5%
  }
  .right-arrow {
    right: 7.5%
  }
  .banner-content-con {
    width: 94%;
    max-width: 840px;
    padding-right: 0;
    margin: 0 auto;
    text-align: center
  }
  .bnr-signup {
    width: 88%;
    max-width: 400px;
    margin: 40px auto 0;
    padding-left: 0;
   display: none;
  }
  .signup-hdr {
    text-align: center
  }
  .android-con-inner, .chrome-con-inner {
    margin-right: 0
  }
  .chrom-con .content-con, .chrom-con .img-con {
    width: max-content;
    text-align: center;
    float: none;
    margin: 0 auto
  }
  .chrom-con .content-con {
    padding-left: 0;
    padding-bottom: 15px
  }
  .gsuit-advantage {
    padding: 90px 25px 0
  }
  .chrom-con .img-con img.front-screen {
    right: -1%
  }
  .faq_title_sec>h2 {
    float: none;
    text-align: center;
    font: 32px/42px var(--zf-primary-semibold);
}
.faq_title_sec>a {
    margin-top: 15px;
}
.faq_container>div {
    display: block;
    width: 100%;
    margin: 0 auto !important;
}
.gd-fqa .ga-fq-cont:first-child {
    border: 0;
    border-bottom: 1px solid #e6e6e6;
}
.faq_section {
    padding: 30px 40px;
    width: 100%;
    box-sizing: border-box;
}
.gsuit-neccasary-con {
  padding: 135px 25px 0;
}
}
@media only screen and (max-width:767px) {
  .banner-access, .bot-btn-con {
    display: none !important;
  }
.lt-hdr {
  font-size: 20px;
}
.banner-section {
    padding: 30px 25px 0px;
}
.img-con {
 display: none;
}
.mob-chrome-img.img-con{
     display: block;
}
  .big-round:after {
    width: 180px;
font-size: 18px;
}
  .left-arrow {
    background-position: -456px -58px;
    left: -1%
  }
.content-accordian {
    padding-top: 0px;
}
  .right-arrow {
    background-position: -484px -29px;
    right: -1%
  }
  .advantge-hdr, .bot-text {
    font-size: 26px;
    line-height: 36px;
  }
 .bot-text {
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 0px;
  }
.gsuit-neccasary-con {
    padding: 120px 25px 0;
}
.gd-txt {
    font: 20px/24px var(--zf-primary-bold);
}
.bot-text2 {
    font-size: 18px;
    line-height: 26px
  }
  .sldr-box {
    padding: 0 20px
  }
  .bot-text2 {
    margin: 0 auto 30px
  }
  .para-sec, .sec-para {
    font-size: 16px;
    line-height: 28px
  }
  .advantge-hdr {
    font-size: 28px;
    line-height: 38px
  }
  .chrom-con .img-con {
    max-width: 400px;
    width: 100%;
  }
  .gsuit-advantage {
    padding: 40px 25px 0
  }
  .banner-hdr {
    font-size: 32px;
    line-height: 44px;
    max-width: 300px;
    margin: 0 auto
  }
  .inner-hdr, .testimonial-hdr {
    font-size: 28px;
    line-height: 38px
  }
.gmail-inbox h2 {
    font: 28px/38px var(--zf-primary-bold);
}
.faq_title_sec>h2 {
    font: 28px/38px var(--zf-primary-semibold);
}
  .integration-anim-inner {
    height: 175px
  }
  .chrom-con .img-con img.front-screen {
    width: 160px;
    top: 20%
  }
  .chrom-con .img-con img.crm-hand-icn {
    width: 65px
  }
  .gsuite-adv-box {
    max-width: 500px;
    width: 96%;
    display: block;
    margin: 0 auto
  }
  .big-round {
    width: 180px;
    height: 180px
  }
  .help-points {
    padding: 20px 15px
  }
  .help-point-inner {
    padding-left: 0
  }
  .help-point-inner:before {
    position: static;
    display: block;
    margin-bottom: 18px
  }
  .testimonial-sldr-inner-con {
    width: 280%;
    margin-left: -90%
  }
  .crm-help-con {
    padding: 70px 25px
  }
.gd-qus {
    padding: 0 40px 0 0;
    font: 18px/24px var(--zf-primary-bold);
}
}
@media only screen and (max-width:520px) {
  .testimonial-hdr {
    font-size: 28px;
    line-height: 38px
  }
  .help-points {
    width: 96%;
    max-width: 420px
  }
}

/* Arabic starts */

.i18n-ar .banner-content-con h1, .i18n-ar .banner-content-con p, .i18n-ar .banner-content-con div,.i18n-ar .banner-inner,.i18n-ar .integration-anim-inner {
    text-align: center;
}

.i18n-ar .integ-anim-con,.i18n-ar .inner-hdr, .i18n-ar .gsuit-neccasary-con p,.i18n-ar .crm-help-con .para-sec,.i18n-ar .bottom-con p, .i18n-ar .bottom-con div {
    text-align: center;
}

.i18n-ar .help-point-inner {
    padding-right: 60px;
    padding-left: 0;
}

.i18n-ar .help-point-inner:before {
    right: 0;
    left: auto;
}

.i18n-ar .content-accordian {
    padding-right: 8%;
    padding-left: 0;
}

.i18n-ar .hup-arow-up {
    left: -10px;
    right: auto;
}

.i18n-ar .gd-fetu {
    padding: 25px 0 27px 35px;
}

.i18n-ar .android-con .content-con, .chrom-con .content-con {
    padding-left: 6%;
    padding-right: 0;
}

.i18n-ar .advantge-hdr,.i18n-ar .testimonial-hdr {
    text-align: center;
}

.i18n-ar .sldr-box {
    float: right;
}

.i18n-ar .gd-qus {
    padding-left: 15px;
    padding-right: 0;
}

.i18n-ar .gd-sprite {
    left: 0;
    right: auto;
}

.i18n-ar .faq_container>div:last-child {
    margin-right: 3.5%;
    margin-left: 0;
}

.i18n-ar .gd-ans {
    padding: 8px 0 8px 15%;
}



/* Arabic ends */