/*
.column:hover {
    border:2px solid #A37CFC;
    margin-top: -1%;
    transform: scale(1.05);
    transition: transform 0.5s, border 0.5s, margin-top 0.5s;
}
*/

:root {
  --logo-height: 72px;
  --top-menu-height: 96px;
  --sticky-menu-height: 72px;
  --blog-content-width: 700px;
  --menu-background-color-1: #edf0f8;
  --menu-background-color-2: #edf0f8;
}

.zpdark-section-bg {
  background-color: #121213;
}

.zpdark-section a {
  color: #212131;
}

.zpdark-section a:hover {
  color: #0c0c13;
}

a {
  color: #000;
}

.zpbutton.zpbutton-type-link,
button.zpbutton-type-link,
input[type=submit].zpbutton-type-link,
input[type=button].zpbutton-type-link {
  color: #121213;
}

.zpheader-style-05 .theme-navigation-and-icons .theme-menu-area .theme-menu ul {
  justify-content: center;
}

@media all and (min-width: 992px) {
  .theme-header-topbar {
    display: none !important;
  }

  .zpheader-style-05 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 88px 0 16px;
    height: var(--top-menu-height);
    background: var(--menu-background-color-1);
  }

  .theme-header .zpcontainer .theme-branding-info .theme-logo-parent {
    padding: 0;
  }

  /* Logo Container */
  .theme-header {
    display: flex;
    flex: 0 0 auto;
    max-width: none !important;
    height: var(--top-menu-height);
    align-items: center;
    background: var(--menu-background-color-1);
  }

  .theme-header>div {
    width: auto;
    max-width: none;
  }

  .theme-header .zpcontainer {
    padding: 0;
    height: 100%;
    align-items: center;
  }

  /* Menu (take up the rest of the width) */
  .zpheader-style-navigation-05 {
    flex: 1;
    display: flex;
    justify-content: flex-start;
    /* height: var(--top-menu-height); */
    /* Ensure menu takes full height of header */
    align-items: center;
    /* Vertically center the menu items */
    /* position: relative;
    This makes the children position relative to the page */
  }

  .theme-menu {
    height: 37px;
  }
}

@media only screen and (min-width: 992px) {
  .box-pagesense {
    height: 800px;
    padding-bottom: 0 !important;
  }
}

@media only screen and (min-width: 992px) {
  .box-survey {
    height: 1180px;
    padding-bottom: 0 !important;
  }
}

@media only screen and (min-width: 992px) {
  .box-salesiq {
    height: 650px;
    padding-bottom: 0 !important;
  }
}

@media only screen and (min-width: 992px) {
  .box-social {
    height: 1420px;
    padding-bottom: 0 !important;
  }
}

.zptabelem-inner-container.zptabs-style-01.zptab-type-01 .zptabs-content-container .zptab-content,
.zptabelem-inner-container.zptabs-style-01.zptab-type-02 .zptabs-content-container .zptab-content,
.zptabelem-inner-container.zptabs-style-01.zptab-type-03 .zptabs-content-container .zptab-content {
  border-color: transparent;
  background: transparent;
}

.boxOffer {
  height: 1100px;
}

.zplight-section-bg {
  background-color: #F6F6F6;
  color: #191919;
  font-family: Arial;
  font-size: 14px;
  font-weight: normal;
  text-transform: none;
  line-height: 1.8;
  letter-spacing: normal;
}

.zplight-section {
  text-align: left;
}

@media all and (min-width: 992px) {
  /* Menu font */

  .theme-navigation-and-icons .theme-menu-area .theme-menu ul li a {
    font-weight: 600;
    /* height: 37px; */
    min-height: 37px;
    color: #000000;
  }

  .theme-navigation-and-icons .theme-menu-area .theme-menu ul li.theme-menu-selected>a {
    background: #dee1eb;
    color: #000000;
  }

  .theme-navigation-and-icons .theme-menu-area .theme-menu ul li {
    margin-inline-start: 25px;
  }

  .theme-navigation-and-icons .theme-menu-area .theme-menu ul li:hover>a {
    background: #dee1eb;
    color: #000000;
  }

  .theme-navigation-and-icons .theme-menu-area .theme-menu ul li ul li:hover>a,
  .theme-navigation-and-icons .theme-menu-area .theme-menu ul li ul li.theme-menu-selected>a {
    color: #121213;
    background: #dee1eb;
  }

  .zpdark-header-portion.theme-header .theme-navigation-and-icons .theme-menu-area .theme-menu>ul>li:hover>a,
  .zpdark-header-portion.theme-header .theme-navigation-and-icons .theme-menu-area .theme-menu>ul>li.theme-menu-selected>a {
    background: #dee1eb;
    color: #000000;
  }

  /* Sticky style */
  .theme-header-transparent .theme-navigation-and-icons .theme-menu-area .theme-menu ul li a {
    /* color: #000; */
  }

  .theme-header-transparent {
    /* background: var(--menu-background-color-2) !important; */
    /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);
    height: var(--sticky-menu-height);
    position: fixed !important;
  }
}

.theme-navigation-and-icons .theme-menu-area .theme-menu ul li:hover>a {
  color: #121213;
}

.zptabelem-inner-container.zptabs-style-01.zptab-type-01 .zptab,
.zptabelem-inner-container.zptabs-style-01.zptab-type-02 .zptab,
.zptabelem-inner-container.zptabs-style-01.zptab-type-03 .zptab {
  border-color: #000000;
  background: #ffffff;
  color: #000000;
}

@media all and (min-width: 768px) {

  .zptabelem-inner-container.zptabs-style-01.zptab-type-01 .zptab,
  .zptabelem-inner-container.zptabs-style-01.zptab-type-02 .zptab,
  .zptabelem-inner-container.zptabs-style-01.zptab-type-03 .zptab {
    border-color: #Ffffff;
  }
}

.zptabelem-inner-container.zptabs-style-01.zptab-type-01 .zptab.zptab-active,
.zptabelem-inner-container.zptabs-style-01.zptab-type-01 .zptab:hover,
.zptabelem-inner-container.zptabs-style-01.zptab-type-02 .zptab.zptab-active,
.zptabelem-inner-container.zptabs-style-01.zptab-type-02 .zptab:hover,
.zptabelem-inner-container.zptabs-style-01.zptab-type-03 .zptab.zptab-active,
.zptabelem-inner-container.zptabs-style-01.zptab-type-03 .zptab:hover {
  background: #121213;
  color: #ffffff;
  border-color: #121213;
}

.tabcontent {
  background-color: #E7EBF3;
}

.zpbutton.zpbutton-type-primary,
button.zpbutton-type-primary,
input[type=submit].zpbutton-type-primary,
input[type=button].zpbutton-type-primary {
  background: #F0483E;
  color: #ffffff;
  border-color: #F0483E;
}

.zpbutton.zpbutton-type-secondary,
button.zpbutton-type-secondary,
input[type=submit].zpbutton-type-secondary,
input[type=button].zpbutton-type-secondary {
  background: #F0483E;
  color: #FFffff;
  border-color: #F0483E;
}

.boxicon {
  width: 50px;
}

.button1x {
  display: block;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background-color: #F0483E;
  border: none;
  border-radius: 0px;
  box-shadow: 9px 9px 9px #999;
}

@media (min-width: 992px) {
  .boxpricecrm {
    height: 580px;
    background-color: #ffffff;
  }

}

@media (min-width: 1200px) {
  .boxpricecrm {
    height: 510px;
    background-color: #ffffff;
  }

}

.boxpricecrmfree {

  background-color: #ffffff;
}

.button1x:hover {
  background-color: #3e8e41
}

.button1x:active {
  background-color: #3e8e41;
  box-shadow: 0px 0px #666;
  transform: translateY(4px);
}

.disable {
  display: none !important;
}

.boxpage1 {
  background-color: white;
  height: 550px;
  width: 100%;
  justify-self: center;
}

.boxpage2 {
  background-color: #A37CFC;
  height: 550px;
  width: 100%;
  justify-items: center;
}

.boxpage {
  background-color: #A37CFC;
  height: 230px;
  width: 100%;
}

@media (min-width: 992px) {
  .boxpagex3 {
    height: 260px;
    width: 100%;

  }
}

@media (min-width: 1200px) {
  .boxpage3 {
    height: 230px;
    width: 100%;
  }
}

.center {
  text-align: center;
  margin: auto;
}

@media (min-width: 992px) {
  .boxpagex {
    background-color: white;
    height: 550px;
    width: 100%;
    justify-self: center;
  }

  .boxpagexpink {
    background-color: #A37CFC;
    height: 550px;
    width: 100%;
    justify-self: center;
  }


}

@media (min-width: 1200px) {
  .boxpagex {
    background-color: white;
    height: 500px;
    width: 100%;
    justify-self: center;
  }

  .boxpagexpink {
    background-color: #A37CFC;
    height: 500px;
    width: 100%;
    justify-self: center;
  }

}

@media (min-width: 1200px) {
  .boxdeskprice {
    background-color: #e7ebf3;
    height: 950px;
  }
}

@media (min-width: 992px) {
  .boxdeskprice {
    background-color: #e7ebf3;
    height: 1050px;
  }
}

.iconone {
  background-color: #ffffff;
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
}

.boxone {
  background-color: #ffffff;
  height: 270px;
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
}

.boxone1 {
  background-color: #ffffff;
  height: 300px;
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
}

.boxone2 {
  background-color: #ffffff;
  height: 340px;
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
}

/*MARKETING PAGES */

.desk-free-box {
  padding-bottom: 197% !important;
  background-color: #e7ebf3;
  height: 790px;
}

.desk-standard-box {
  padding-bottom: 57% !important;
}

.desk-professional-box {
  padding-bottom: 45% !important;
}

.social-standard-box {
  padding-bottom: 84% !important;
}

.surveys-free-box {
  padding-bottom: 385px !important;
}

.salesiq-free-box {
  padding-bottom: 47% !important;
}

.surveys-pro-box {
  padding-bottom: 490px !important;
}

.campaigns-credite-email-box {
  padding-bottom: 35% !important;
}

.surveys-enterprise-box {
  padding-bottom: 910px !important;
}

/*ZOHO ONE PAGES*/

.bookings-basic-box {
  padding-bottom: 48% !important;
}

.forms-basic-box {
  padding-bottom: 45% !important;
}

.backstage-free-box {
  padding-bottom: 65% !important;
}

.backstage-ultimate-box {
  padding-bottom: 200% !important;
}

.assist-free-box {
  padding-bottom: 120% !important;
}

.assist-remote-standard-box {
  padding-bottom: 41% !important;
}

.assist-remote-professional-box {
  padding-bottom: 68% !important;
}

.mail-premium-box {
  padding-bottom: 145% !important;
}

.mail-workplace-box {
  padding-bottom: 110% !important;
}

.projects-free-box {
  height: 430px !important;
}

.workdrive-business-box {
  padding-bottom: 45% !important;
}

.sign-standard-box {
  padding-bottom: 85% !important;
}

.sign-professional-box {
  padding-bottom: 145% !important;
}

.sign-enterprise-box {
  padding-bottom: 55% !important;
}

.books-professional-box {
  padding-bottom: 70% !important;
}

.books-premium-box {
  padding-bottom: 230% !important;
}

.inventory-free-box {
  padding-bottom: 85% !important;
}

.inventory-standard-box {
  padding-bottom: 75% !important;
}

@media (min-width: 1638px) {
  .people-box {
    height: 750px;
    padding-bottom: 0 !important;
  }
}

@media (min-width: 1400px) {
  .people-box {
    height: 950px;
    padding-bottom: 0 !important;
  }
}

@media (max-width: 1399px) and (min-width: 769px) {
  .people-box {
    width: 100%;
    padding-bottom: 0 !important;
  }
}

@media only screen and (max-width: 768px) {
  .people-box {
    padding-bottom: 0 !important;
  }
}

@media only screen and (max-width: 600px) {
  .box {
    padding-bottom: 0 !important;
  }
}

@media only screen and (max-width: 768px) {
  .box {
    padding-bottom: 0 !important;
  }
}

@media only screen and (min-width: 992px) {
  .box {
    height: 1040px;
    padding-bottom: 0 !important;
  }
}

@media only screen and (min-width: 992px) {
  .box-campaigns {
    height: 780px;
    padding-bottom: 0 !important;
  }
}

.forms-basic-box {
  padding-bottom: 14% !important;
}

.backstage-free-box {
  padding-bottom: 9% !important;
}

.backstage-ultimate-box {
  padding-bottom: 115% !important;
}

.assist-free-box {
  padding-bottom: 67% !important;
}

.assist-remote-professional-box {
  padding-bottom: 35% !important;
}

.assist-unattended-professional-box {
  padding-bottom: 23% !important;
}

.sign-standard-box {
  padding-bottom: 35% !important;
}

.sign-professional-box {
  padding-bottom: 65% !important;
}


.desk-free-box {
  padding-bottom: 45% !important;
}

.desk-professional-box {
  padding-bottom: 25% !important;
}

.surveys-free-box {
  padding-bottom: 90% !important;
}

.surveys-enterprise-box {
  padding-bottom: 115% !important;
}

.salesiq-basic-box {
  padding-bottom: 4% !important;
}

.salesiq-enterprise-box {
  padding-bottom: 32% !important;
}

.salesiq-free-box {
  padding-bottom: 30% !important;
}

/* Mega Menu */
.svn-mega-menu-container {
  position: fixed !important;
  /* Make it fixed to the viewport */
  z-index: 10000 !important;
}


/* Blog Post Container */
.blog-post {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  min-height: 100vh;
  max-width: 100%;
}

.theme-blog-part .zpcontainer {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 !important;
}

.theme-blog-container {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.blog-post-page {
  width: var(--blog-content-width);
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
  /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);*/
  border-radius: 6px;
}

.blog-post-content {
  margin: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  padding-top: 16px !important;
  padding-bottom: 0 !important;
  border-top: 2px solid #a37cfb;
}


/* Post Title */
.theme-blog-container h1 {
  width: var(--blog-content-width);
  max-width: 100%;
  margin: 0 auto;
  font-family: Roboto, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 2rem !important;
  font-weight: 700;
  text-align: left;
  line-height: 1.4;
}

.theme-blog-container .zpelem-heading h2 {
  padding-top: 16px;
  border-bottom: 2px solid #a37cfb;
}

.theme-blog-container .zpelem-heading,
.theme-blog-container .zpelem-heading h2,
.theme-blog-container .zpheading h2,
.theme-blog-container .zpheading h2 span,
.theme-blog-container .zpelem-heading h3,
.theme-blog-container .zpheading h3,
.theme-blog-container .zpheading h3 span {
  font-family: Roboto, 'Open Sans', 'Helvetica Neue', sans-serif;
  color: #1f2328;
}


.theme-blog-container .zpelem-heading h2,
.theme-blog-container .zpheading h2,
.theme-blog-container .zpheading h2 span {
  font-size: 1.6rem !important;
  line-height: 1.2 !important;
}

.theme-blog-container .zpelem-heading h3,
.theme-blog-container .zpheading h3,
.theme-blog-container .zpheading h3 span {
  padding: 0;
  padding-top: 8px;
  font-size: 1.3rem !important;
  line-height: 1.2 !important;
}

/* author meta */
.theme-blog-author {
  width: var(--blog-content-width);
  max-width: 100%;
  margin: 0 auto;
  font-family: Roboto, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 1rem;
  text-align: left;
  color: #1f2328;
}

.theme-blog-author a,
.theme-blog-author a:visited {
  color: #0969da !important;
  text-decoration: underline !important;
}

.theme-blog-date {
  width: var(--blog-content-width);
  max-width: 100%;
  margin: 0 auto;
  font-family: Roboto, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 1rem;
  font-weight: 300;
  text-align: left;
  color: #57606a;
}

/* Text */
.theme-blog-container .zptext,
.theme-blog-container .zptext span {
  font-family: Inter, 'Poppins', 'Helvetica Neue', sans-serif !important;
  font-size: 1rem;
  letter-spacing: -.0012em;
  line-height: 1.6;
  color: #1f2328;
}

/* Media Queries for Mobile */
@media (max-width: 768px) {
  .blog-post {
    padding: 0 !important;
  }

  .blog-post-page {
    padding: 0;
  }

  .theme-blog-container h1 {
    font-size: 1.8rem !important;
    line-height: 1.3 !important;
    padding-bottom: 8px;
  }

  .theme-blog-container .zpelem-heading h2,
  .theme-blog-container .zpheading h2,
  .theme-blog-container .zpheading h2 span {
    padding-top: 0;
    font-size: 1.3rem !important;
    line-height: 1.2 !important;
  }

  .theme-blog-container .zpelem-heading h3,
  .theme-blog-container .zpheading h3,
  .theme-blog-container .zpheading h3 span {
    padding: 0;
    font-size: 1rem !important;
    line-height: 1 !important;
  }

  .theme-blog-container .zptext,
  .theme-blog-container .zptext span {
    font-family: Inter, 'Poppins', 'Helvetica Neue', sans-serif !important;
    font-size: 1rem;
    letter-spacing: 0em;
  }
}

/* End of blog post stuff*/

/* Blog list page */


/* title */
.theme-blog-part .theme-blog-heading a {
  display: inline-block;
  font-family: Roboto, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 2rem !important;
  font-weight: 700;
  text-align: left;
  line-height: 1.4;
  color: #000;
  text-decoration: none;
}

.theme-blog-part .theme-blog-heading a:hover {
  color: #0969da;
  text-decoration: underline;
}

.theme-blog-heading-space p {
  font-family: Roboto, 'Open Sans', 'Helvetica Neue', sans-serif !important;
  font-size: 1rem;
  padding-bottom: 32px;
}

.theme-blog-heading-author {
  font-family: Roboto, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.theme-blog-heading-author .theme-blog-author,
.theme-blog-heading-author .theme-blog-author:hover {
  font-family: Roboto, 'Open Sans', 'Helvetica Neue', sans-serif;
  color: #0969da;
  text-decoration: underline;
}

.theme-blog-readmore a,
.theme-blog-readmore a:hover {
  font-family: Roboto, 'Open Sans', 'Helvetica Neue', sans-serif;
  /* font-weight: 500; */
  color: #0969da;
  text-decoration: underline;
}

.theme-blog-date-comment-count span,
.theme-blog-date {
  font-family: Roboto, 'Open Sans', 'Helvetica Neue', sans-serif !important;
  font-size: 1rem;
}

.theme-blog-date-comment-count span a:hover {
  color: #0969da;
  text-decoration: underline;
}

.theme-blog-container-column .theme-blog-container {
  padding: 32px 16px;
  border-bottom: 1px solid #e8e8e6;
}

.theme-blog-container-column .theme-blog-container:first-child {
  padding-top: 0;
}

.theme-blog-container-column .theme-blog-container:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}