/* cta css start  */
.pb-30 {
  padding-bottom: 30px;
}
.cta-cont{
  display: flex;
  gap: 15px;
}
.btn{
  display: inline-block;
  padding: 16px 24px;
  border-radius: 4px;
  font-size: 16px;
  font-family: var(--secondaryfont-semibold), -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto, "Segoe UI", Arial, sans-serif;
  text-align: center;
  cursor: pointer;
  flex-shrink: 0;
}
.primary-cta{
  background-color: var(--cta-primary-bg);
  color: #000;
}
.primary-cta:hover{
  background-color: var(--cta-primary-bg-hover);
}
.demo-cta{
  border: 1px solid #000;
  color: #000;
  background-color: #fff;
}
.demo-cta:hover{
  background-color: #000;
  color: #fff;
}
.bg-dark .demo-cta{
  border-color: #fff;
  color: #fff;
  background-color: #000;
}
.bg-dark .demo-cta:hover{
  background-color: #fff;
  color: #000;
}
.inner-footer{
  background: #000;
  color: #fff;
  text-align: center;
  padding: var(--sec-gap) 20px;
}
.inner-footer-cont{
  max-width: 680px;
}
.inner-footer-cont .cta-cont{
  justify-content: center;
}
.inner-footer .inner-footer-header{
  font-size: var(--footer-heading-size);
  line-height: 1.5;
}
.inner-footer .tag{
  font-size: 28px;
  line-height: 56px;
}
.inner-footer .green-highlight{
  color: var(--cta-highlight-color);
}
@media screen and (max-width: 600px) {
  .cta-cont{
    flex-direction: column;
  }
}