.row {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   margin-right: -15px;
   margin-left: -15px;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -webkit-flex-direction: row;
   -ms-flex-direction: row;
   flex-direction: row;
   -webkit-box-pack: start;
   -webkit-justify-content: flex-start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-align-content: stretch;
   -ms-flex-line-pack: stretch;
   align-content: stretch;
}
.col {
   padding-right: 15px;
   padding-left: 15px;
   -webkit-box-flex: 1;
   -webkit-flex: 1;
   -ms-flex: 1;
   flex: 1;
}
.col.lg-1 {
   -webkit-box-flex: 0;
   -webkit-flex-grow: 0;
   -ms-flex-positive: 0;
   flex-grow: 0;
   -webkit-flex-basis: 8.33%;
   -ms-flex-preferred-size: 8.33%;
   flex-basis: 8.33%;
}
.col.lg-2 {
   -webkit-box-flex: 0;
   -webkit-flex: 0 16.67%;
   -ms-flex: 0 16.67%;
   flex: 0 16.67%;
}
.col.lg-3 {
   -webkit-box-flex: 0;
   -webkit-flex-grow: 0;
   -ms-flex-positive: 0;
   flex-grow: 0;
   -webkit-flex-basis: 25%;
   -ms-flex-preferred-size: 25%;
   flex-basis: 25%;
}
.col.lg-4 {
   -webkit-box-flex: 0;
   -webkit-flex-grow: 0;
   -ms-flex-positive: 0;
   flex-grow: 0;
   -webkit-flex-basis: 33.33%;
   -ms-flex-preferred-size: 33.33%;
   flex-basis: 33.33%;
}
.col.lg-5 {
   -webkit-box-flex: 0;
   -webkit-flex-grow: 0;
   -ms-flex-positive: 0;
   flex-grow: 0;
   -webkit-flex-basis: 41.67%;
   -ms-flex-preferred-size: 41.67%;
   flex-basis: 41.67%;
}
.col.lg-6 {
   -webkit-box-flex: 0;
   -webkit-flex: 0 50%;
   -ms-flex: 0 50%;
   flex: 0 50%;
}
.col.lg-7 {
   -webkit-box-flex: 0;
   -webkit-flex: 0 58.33%;
   -ms-flex: 0 58.33%;
   flex: 0 58.33%;
}
.col.lg-8 {
   -webkit-box-flex: 0;
   -webkit-flex-grow: 0;
   -ms-flex-positive: 0;
   flex-grow: 0;
   -webkit-flex-basis: 66.66%;
   -ms-flex-preferred-size: 66.66%;
   flex-basis: 66.66%;
}
.col.lg-9 {
   -webkit-box-flex: 0;
   -webkit-flex-grow: 0;
   -ms-flex-positive: 0;
   flex-grow: 0;
   -webkit-flex-basis: 75%;
   -ms-flex-preferred-size: 75%;
   flex-basis: 75%;
}
.col.lg-11 {
   -webkit-box-flex: 0;
   -webkit-flex-grow: 0;
   -ms-flex-positive: 0;
   flex-grow: 0;
   -webkit-flex-basis: 91.66%;
   -ms-flex-preferred-size: 91.66%;
   flex-basis: 91.66%;
}
.col.lg-10 {
   -webkit-box-flex: 0;
   -webkit-flex-grow: 0;
   -ms-flex-positive: 0;
   flex-grow: 0;
   -webkit-flex-basis: 83.33%;
   -ms-flex-preferred-size: 83.33%;
   flex-basis: 83.33%;
}
.col.lg-12 {
   -webkit-box-flex: 0;
   -webkit-flex-grow: 0;
   -ms-flex-positive: 0;
   flex-grow: 0;
   -webkit-flex-basis: 100%;
   -ms-flex-preferred-size: 100%;
   flex-basis: 100%;
}
@media (max-width: 991px) {
   .col.md-6 {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
   }
   .col.md-2 {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      -webkit-flex-basis: 16.33%;
      -ms-flex-preferred-size: 16.33%;
      flex-basis: 16.33%;
   }
   .col.md-3 {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      -webkit-flex-basis: 25%;
      -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
   }
   .col.md-4 {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      -webkit-flex-basis: 33.33%;
      -ms-flex-preferred-size: 33.33%;
      flex-basis: 33.33%;
   }
   .col.md-5 {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      -webkit-flex-basis: 41.67%;
      -ms-flex-preferred-size: 41.67%;
      flex-basis: 41.67%;
   }
   .col.md-7 {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      -webkit-flex-basis: 58.33%;
      -ms-flex-preferred-size: 58.33%;
      flex-basis: 58.33%;
   }
   .col.md-8 {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      -webkit-flex-basis: 66.66%;
      -ms-flex-preferred-size: 66.66%;
      flex-basis: 66.66%;
   }
   .col.md-9 {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      -webkit-flex-basis: 75%;
      -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
   }
   .col.md-10 {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      -webkit-flex-basis: 83.33%;
      -ms-flex-preferred-size: 83.33%;
      flex-basis: 83.33%;
   }
   .col.md-11 {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      -webkit-flex-basis: 91.66%;
      -ms-flex-preferred-size: 91.66%;
      flex-basis: 91.66%;
   }
   .col.md-12 {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
   }
   .col.md-1 {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      -webkit-flex-basis: 8.33%;
      -ms-flex-preferred-size: 8.33%;
      flex-basis: 8.33%;
   }
   .html-embed {
      display: none;
   }
}
@media (max-width: 767px) {
   .col.sm-2 {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      -webkit-flex-basis: 16.67%;
      -ms-flex-preferred-size: 16.67%;
      flex-basis: 16.67%;
   }
   .col.sm-3 {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      -webkit-flex-basis: 25%;
      -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
   }
   .col.sm-4 {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      -webkit-flex-basis: 33.33%;
      -ms-flex-preferred-size: 33.33%;
      flex-basis: 33.33%;
   }
   .col.sm-6 {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
   }
   .col.sm-7 {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      -webkit-flex-basis: 58.33%;
      -ms-flex-preferred-size: 58.33%;
      flex-basis: 58.33%;
   }
   .col.sm-8 {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      -webkit-flex-basis: 66.66%;
      -ms-flex-preferred-size: 66.66%;
      flex-basis: 66.66%;
   }
   .col.sm-9 {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      -webkit-flex-basis: 75%;
      -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
   }
   .col.sm-10 {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      -webkit-flex-basis: 83.33%;
      -ms-flex-preferred-size: 83.33%;
      flex-basis: 83.33%;
   }
   .col.sm-11 {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      -webkit-flex-basis: 91.66%;
      -ms-flex-preferred-size: 91.66%;
      flex-basis: 91.66%;
   }
   .col.sm-12 {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
   }
   .col.sm-5 {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      -webkit-flex-basis: 41.67%;
      -ms-flex-preferred-size: 41.67%;
      flex-basis: 41.67%;
   }
   .col.sm-1 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 8.33%;
      -ms-flex: 0 8.33%;
      flex: 0 8.33%;
   }
}
@media (max-width: 479px) {
   .col {
      max-width: 100%;
      -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
   }
   .col.xs-12 {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
   }
   .col.xs-2 {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      -webkit-flex-basis: 16.67%;
      -ms-flex-preferred-size: 16.67%;
      flex-basis: 16.67%;
   }
   .col.xs-3 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 25%;
      -ms-flex: 0 25%;
      flex: 0 25%;
   }
   .col.xs-4 {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      -webkit-flex-basis: 33.33%;
      -ms-flex-preferred-size: 33.33%;
      flex-basis: 33.33%;
   }
   .col.xs-5 {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      -webkit-flex-basis: 41.67%;
      -ms-flex-preferred-size: 41.67%;
      flex-basis: 41.67%;
   }
   .col.xs-6 {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
   }
   .col.xs-7 {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      -webkit-flex-basis: 58.33%;
      -ms-flex-preferred-size: 58.33%;
      flex-basis: 58.33%;
   }
   .col.xs-8 {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      -webkit-flex-basis: 66.66%;
      -ms-flex-preferred-size: 66.66%;
      flex-basis: 66.66%;
   }
   .col.xs-9 {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      -webkit-flex-basis: 75%;
      -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
   }
   .col.xs-10 {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      -webkit-flex-basis: 83.33%;
      -ms-flex-preferred-size: 83.33%;
      flex-basis: 83.33%;
   }
   .col.xs-11 {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      -webkit-flex-basis: 91.66%;
      -ms-flex-preferred-size: 91.66%;
      flex-basis: 91.66%;
   }
   .col.xs-1 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 8.33%;
      -ms-flex: 0 8.33%;
      flex: 0 8.33%;
   }
}
body {
   text-rendering: optimizeLegibility;
   -moz-osx-font-smoothing: grayscale;
   font-smoothing: antialiased;
   -webkit-font-smoothing: antialiased;
   text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
   scrollbar-face-color: white;
}
::-webkit-scrollbar {
   width: 9px;
   height: 9px;
}
::-webkit-scrollbar-track {
   background-color: white;
}
::-webkit-scrollbar-thumb {
   background-color: #DFE1E5;
   border-radius: 50px;
}
::-webkit-scrollbar-button {
   background-color: #DFE1E5f;
   width: 0px;
   height: 0px;
}
::-webkit-scrollbar-corner {
   background-color: #DFE1E5;
   width: 0px;
   height: 0px;
}
canvas {
   display: block;
   vertical-align: bottom;
}
.w-embed:before, .w-embed:after {
   display: none;
}
.w-webflow-badge, a.w-webflow-badge {
   display: none !important;
}
input, textarea, select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   border-radius: 0;
   background-image: none;
}
* {
   font-variant-ligatures: none;
}
input, select, select:focus, button:focus {
   outline: 0 !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
   border: interhit;
   -webkit-text-fill-color: #505f79;
   -webkit-box-shadow: inset 0 0 0 999px #F9FAFC;
   transition: all 300ms ease-out;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
   -webkit-appearance: none;
   margin: 0;
}
select:-moz-focusring {
   color: transparent;
   text-shadow: 0 0 0 #000;
}
textarea {
   resize: vertical;
}
input[type="checkbox"] {
   -webkit-appearance: checkbox;
   -moz-appearance: chekbox;
   appearance: chekbox;
   background-image: none;
}
.pcb-menu__nav-link:hover span.pcb-menu__nav-link--icon {
   color: #2692ff;
}
.w-form-done {
   text-align: left;
}
.alert div {
   display: inline-block;
}
.btn, .btn a {
   display: inline-block;
   text-align: center;
   white-space: nowrap;
   vertical-align: middle;
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   background-image: none;
   text-decoration: none;
}
.btn-group {
   position: relative;
   display: inline-block;
   vertical-align: middle;
}
.btn-group.btn-group--sort-by {
   margin-right: 0px;
   margin-left: 10px;
}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
}
.btn-group>.btn {
   position: relative;
   float: left;
   margin-left: 0;
   padding-left: 1em;
   padding-right: 1em;
   box-shadow: inset 0 0 0 1px #e4e9ee;
}
.btn--inline {
   margin-right: 15px;
   margin-bottom: 15px;
}
.btn-group {
   position: relative;
   display: inline-block;
   vertical-align: middle;
}
.btn-group>.btn {
   position: relative;
   float: left;
   margin-left: 0;
   padding-left: 1em;
   padding-right: 1em;
   box-shadow: inset 0 0 0 1px #e4e9ee;
}
.btn-group>.btn:hover,
.btn-group>.btn:focus,
.btn-group>.btn:active,
.btn-group>.btn.active {
   z-index: 2;
}
.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
   margin-left: -1px;
}
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
   border-radius: 0;
}
.btn-group>.btn:first-child {
   margin-left: 0;
}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
}
.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
}
.btn-group>.btn-group {
   float: left;
}
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
   border-radius: 0;
}
.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
}
.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
   outline: 0;
}
.btn-group>.btn+.dropdown-toggle {
   padding-left: 8px;
   padding-right: 8px;
}
.btn-group>.btn-lg+.dropdown-toggle {
   padding-left: 12px;
   padding-right: 12px;
}
.inline-group .btn, .inline-group .btn--default {
   margin-right: 20px;
}
h3::after {
   content: '';
   display: block;
   width: 75px;
   height: 3px;
   margin: 20px auto 30px;
   background-image: -webkit-gradient(linear, left top, right top, from(hsla(210.13824884792626, 100.00%, 57.45%, 0.00)), to(hsla(210.13824884792626, 100.00%, 57.45%, 1.00)));
   background-image: linear-gradient(90deg, hsla(210.13824884792626, 100.00%, 57.45%, 0.00), hsla(210.13824884792626, 100.00%, 57.45%, 1.00));
}
.section-text-wrap h3::after, .card h3::after, .field-body h3::after, h3.bordered-title::after {
   width: 65px;
   height: 3px;
   margin: 20px 0 30px;
}
.get-started-box h3::after, .pcb-software-tabs__text-wrap h3::after, .software__text-wrap h3::after {
   display: none;
}
@media (max-width: 767px) {
   h3::after, .section-text-wrap h3::after, .section-text-wrap h3::after, .card h3::after {
      width: 60px;
      margin: 17px auto 20px;
   }
}
.subsection .intro-text {
   width: 75% !important;
}
@media (max-width: 991px) {
   .subsection .intro-text {
      width: 90% !important;
      padding-bottom: 10px !important;
   }
}
@media (max-width: 479px) {
   .subsection .intro-text {
      width: 97% !important;
      padding-bottom: 10px !important;
   }
}
.pcb-software__tabs .tab__link.tab__link--vertical.w--current {
   background-color: transparent !important;
   border: none !important;
   box-shadow: none !important;
}
.hide {
   display: none !important;
}
.form-with-shadows label {
   display: none;
}
.section.section--check-out-how-to h4 {
   margin: 0px;
}
.check-out-how-to__card .btn.btn--more {
   color: #ffffff;
   opacity: 0.75;
}
.field-body ul {
   padding-left: 20px;
}
.rteright {
   text-align: right;
   color: #8993a4;
}
.form-field.form-tip a {
   color: #ffffff;
}
.hero-intro-wrap .btn.btn--secondary {
   padding-left: 5%;
   padding-right: 5%;
}
.pricing-guide .pricing-plan__box {
   min-width: 0px;
}

.pricing-card__plus {
   font-size: 20px;
   display: block;
   line-height: 9px;
}

@media (max-width: 1220px) {
   .pricing-guide .pricing-plan__label-text {
      display: block;
   }
   .pricing-plan__header {
      min-height: 265px;
   }
   .pricing-guide .pricing-plan__features {
      top: -53px;
   }
   .pricing-guide .pricing-plan__boxes {
      top: -265px;
   }
}
@media (max-width: 767px) {
   .pricing-guide .pricing-plan__boxes .col.sm-12 {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
   }
   .pricing-guide .pricing-plan__box {
      margin-bottom: 45px;
   }
   .pricing-guide .pricing-plan__boxes {
      top: 0px;
   }
}
@media (max-width: 1650px) {
   .row.four-plans .pricing-plan__label-text, .col-lg-3 .pricing-plan__label-text {
      display: block;
   }
   .page-content .pricing-plan__header {
      min-height: 266px;
   }
   .page-content .pricing-plan__header.features-list {
      min-height: auto;
   }
   .page-content .pricing-plan__features {
      top: 213px;
   }
}
@media (max-width: 1380px) {
   .row.three-plans .pricing-plan__label-text, .col-lg-4 .pricing-plan__label-text {
      display: block;
   }
}
.formFooter, .formFooter-content {
   display: none !important;
}
.cta-price__box:hover .box-circle-bg {
   background-color: #fff;
   background-image: linear-gradient(180deg, rgba(242, 249, 255, 0), rgba(242, 249, 255, 0)), linear-gradient(225deg, #fff 25%, rgba(242, 249, 255, 0.65) 50%, rgba(242, 249, 255, 0.65) 75%, rgba(242, 249, 255, 0.65)), url('../images/landing-top-left-bg.svg');
   background-position: 0px 0px, 0px 0px, -50% 280%;
   background-size: auto, auto, auto 340px;
   background-repeat: repeat, repeat, no-repeat;
   background-attachment: scroll, scroll, scroll;
   box-shadow: 0 16px 24px -12px rgba(16, 104, 207, 0.2);
   opacity: 1;
   -webkit-transform: scale(1.075);
   -ms-transform: scale(1.075);
   transform: scale(1.075);
}
body.logged-in .btn.btn--sign-in,
body.logged-in .btn.btn--sign-up,
body.logged-in .btn.btn--secondary.btn--getstarted,
body.logged-in .section--inner-hero .btn.btn--secondary,
body.logged-in .leaf.link-visible--on-mobile,
body.logged-in .get-started-box .btn.btn--secondary.btn--get-started,
body.logged-in .btn.btn--primary.btn--start-for-free,
body.logged-in .leaf.link-visible--on-mobile,
body.logged-in .btn.btn--secondary.btn--start-for-free {
   display: none;
}
body.logged-in .btn.btn--my-account,
body.logged-in .cta-price__box .btn.btn--primary.btn--create-project,
body.logged-in .get-started-box .btn.btn--secondary.btn--create-a-project,
body.logged-in .btn.btn--secondary.btn--add-project,
body.logged-in .section--inner-hero .btn.btn--create-project {
   display: inline-block;
}
@media (max-width: 479px) {
   body.logged-in .leaf.link-my-account--on-mobile {
      display: flex;
   }
}
.w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
   cursor: pointer;
   background-color: #ffffff;
}
select, .select {
   background-image: url('../images/select-field__arrow.svg') !important;
   background-repeat: no-repeat !important;
   background-position: calc(100% - 13px) center !important;
   background-size: 0.675em !important;
   -webkit-appearance: none !important;
   -moz-appearance: none !important;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   cursor: pointer;
}
.ais-SearchBox-reset {
   position: absolute;
   left: auto;
   right: 33px;
   top: 11px;
   background-color: transparent;
   width: 32px;
   height: 32px;
   padding: 0px;
   -webkit-transition-duration: 250ms;
   transition-duration: 250ms;
}
.ais-SearchBox-resetIcon {
   width: 15px;
   height: 15px;
   fill: #0076ff;
}
.ais-SearchBox-reset:hover {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}
.ais-SearchBox-loadingIndicator {
   position: absolute;
   left: auto;
   right: 30px;
   top: 14px;
   background-color: transparent;
   width: 32px;
   height: 32px;
   padding: 0px;
}
.ais-SearchBox-loadingIcon {
   width: 20px;
   height: 20px;
   fill: #0076ff;
   stroke: #0076ff;
   stroke-width: 1.5px;
}
table caption {
   padding: 0 0 1em 0;
}
table {
   background-color: transparent;
}
caption {
   padding-top: 10px;
   padding-bottom: 10px;
   color: #3C4858;
   text-align: left;
}
th {
   text-align: left;
   font-weight: 600;
}
.table {
   background-color: #FFF;
   font-size: 15px !important;
   width: 100%;
   max-width: 100%;
   margin-bottom: 20px;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th,
.table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
   padding: 7px 10px;
   vertical-align: top;
   border-top: 1px solid #e4e9ee;
}
.table>thead>tr>th {
   vertical-align: bottom;
   border-bottom: 2px solid #E5E9F2;
}
.table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>th, .table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>td {
   border-top: 0;
}
.table>tbody+tbody {
   border-top: 2px solid #E5E9F2;
}
.table-condensed>thead>tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td {
   padding: 7px;
}
.table-bordered {
   border: 1px solid #E0E6ED;
}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
   border: 1px solid #E0E6ED;
}
.table-bordered>thead>tr>th, .table-bordered>thead>tr>td {
   border-bottom-width: 2px;
}
.table-striped>tbody>tr:nth-of-type(odd) {
   background-color: #fbfcfd;
}
.table-hover>tbody>tr:hover {
   background-color: #FBFCFD;
}
table col[class*="col-"] {
   position: static;
   float: none;
   display: table-column;
}
table td[class*="col-"], table th[class*="col-"] {
   position: static;
   float: none;
   display: table-cell;
}
.table>thead>tr>td.active, .table>tbody>tr>td.active, .table>tfoot>tr>td.active,
.table>thead>tr>th.active, .table>tbody>tr>th.active, .table>tfoot>tr>th.active,
.table>thead>tr.active>td, .table>tbody>tr.active>td, .table>tfoot>tr.active>td,
.table>thead>tr.active>th, .table>tbody>tr.active>th, .table>tfoot>tr.active>th {
   background-color: #D3DCE6;
}
.table-hover>tbody>tr>td.active:hover, .table-hover>tbody>tr>th.active:hover,
.table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr.active:hover>th {
   background-color: #D3DCE6;
}
.table-responsive {
   overflow-x: auto;
   min-height: 0.01%;
}
@media screen and (max-width: 767px) {
   .table-responsive {
      width: 100%;
      margin-bottom: 16.5px;
      overflow-y: hidden;
      -ms-overflow-style: -ms-autohiding-scrollbar;
   }
   .table-responsive>.table {
      margin-bottom: 0;
   }
   .table-responsive>.table>thead>tr>th,
   .table-responsive>.table>tbody>tr>th,
   .table-responsive>.table>tfoot>tr>th,
   .table-responsive>.table>thead>tr>td,
   .table-responsive>.table>tbody>tr>td,
   .table-responsive>.table>tfoot>tr>td {
      white-space: nowrap;
   }
   .table-responsive>.table-bordered {
      border: 0;
   }
   .table-responsive>.table-bordered>thead>tr>th:first-child,
   .table-responsive>.table-bordered>tbody>tr>th:first-child,
   .table-responsive>.table-bordered>tfoot>tr>th:first-child,
   .table-responsive>.table-bordered>thead>tr>td:first-child,
   .table-responsive>.table-bordered>tbody>tr>td:first-child,
   .table-responsive>.table-bordered>tfoot>tr>td:first-child {
      border-left: 0;
   }
   .table-responsive>.table-bordered>thead>tr>th:last-child,
   .table-responsive>.table-bordered>tbody>tr>th:last-child,
   .table-responsive>.table-bordered>tfoot>tr>th:last-child,
   .table-responsive>.table-bordered>thead>tr>td:last-child,
   .table-responsive>.table-bordered>tbody>tr>td:last-child,
   .table-responsive>.table-bordered>tfoot>tr>td:last-child {
      border-right: 0;
   }
   .table-responsive>.table-bordered>tbody>tr:last-child>th,
   .table-responsive>.table-bordered>tfoot>tr:last-child>th,
   .table-responsive>.table-bordered>tbody>tr:last-child>td,
   .table-responsive>.table-bordered>tfoot>tr:last-child>td {
      border-bottom: 0;
   }
}
.center-block {
   display: block;
   margin-left: auto;
   margin-right: auto
}
.display-none {
   display: none
}
.display-inline-block {
   display: inline-block;
}
.display-flex--centered {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
}
.hide, .hidden {
   display: none !important
}
.invisible {
   visibility: hidden
}
.show {
   display: block !important
}
.text-nowrap {
   white-space: nowrap
}
.truncate-text {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   max-height: 60px;
}
body::before {
   content: "";
   position: fixed;
   top: -10px;
   left: 0;
   width: 100%;
   height: 10px;
   box-shadow: 0px 0 10px rgba(0, 0, 0, 0.8);
   z-index: 100;
}
.nav-link.w--current {
   border-style: solid;
   border-width: 0px 0px;
   border-color: #071937 #000 rgba(0, 0, 0, 0);
   color: #fff;
}
.ais-Pagination {
   display: block;
   width: 100%;
   max-width: 300px;
   margin-top: 20px;
   margin-right: auto;
   margin-left: auto;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   text-align: center;
}
.btn-group.ais-Pagination-list {
   margin-right: 0px;
   margin-left: 0px;
}
ul.ais-Pagination-list {
   position: relative;
   display: inline-block;
   vertical-align: middle;
   margin-top: 0px;
   margin-bottom: 0px;
   padding-left: 0px;
   list-style: none;
}
.btn.ais-Pagination-item, .ais-Pagination-item {
   position: relative;
   text-align: center;
   white-space: nowrap;
   vertical-align: middle;
   -ms-touch-action: manipulation;
   touch-action: manipulation;
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   background-image: none;
   text-decoration: none;
   display: inline-block;
   overflow: hidden;
   margin: 0px 7px;
   width: 32px;
   height: 32px;
   margin-top: 0px;
   margin-bottom: 0px;
   padding-right: 0px;
   padding-left: 0px;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: stretch;
   -webkit-align-items: stretch;
   -ms-flex-align: stretch;
   align-items: stretch;
   border-radius: 3px;
   font-weight: 400;
   letter-spacing: 0px;
   text-transform: none;
   color: #0076ff;
   background-color: #fff;
   border-radius: 3px;
   overflow: hidden;
}
.ais-Pagination-link.ais-Pagination-link--icon {
   font-family: 'Cadlab Icons', sans-serif;
   font-size: 18px;
   font-weight: 400;
}
.ais-Pagination-link {
   position: absolute;
   left: 0%;
   top: 0%;
   right: 0%;
   bottom: 0%;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   height: 100%;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-flex: 0;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;
   grid-auto-columns: 1fr;
   grid-column-gap: 16px;
   grid-row-gap: 16px;
   -ms-grid-columns: 1fr 1fr;
   grid-template-columns: 1fr 1fr;
   -ms-grid-rows: auto auto;
   grid-template-rows: auto auto;
   font-family: Archivo, sans-serif;
   color: #505f79;
   font-size: 15px;
   line-height: 32px;
   font-weight: 500;
   border-radius: 3px;
   overflow: hidden;
   box-shadow: inset 0 0 0 1px #dfe1e5
}
.ais-Pagination-item:hover, .ais-Pagination-link:hover {
   color: #fff;
   background-color: #0076ff;
   box-shadow: inset 0 0 0 1px #0076ff;
}
.ais-Pagination-item--disabled:hover, .ais-Pagination-item--disabled .ais-Pagination-link:hover {
   color: #505f79;
   background-color: #fff;
   box-shadow: inset 0 0 0 1px #dfe1e5;
   cursor: not-allowed;
}
.ais-Pagination-item--disabled {
   opacity: 50%;
   cursor: not-allowed;
}
.ais-Pagination-item--selected .ais-Pagination-link, .ais-Pagination-item--selected {
   background-color: #0076ff;
   color: #fff;
   box-shadow: inset 0 0 0 1px #0076ff;
}
.logo.quiz {
   margin-right: 0 !important;
}

.sidebar {
   position: fixed;
}

.sidebar-wrap {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 90px;
    overflow: visible;
    margin-top: 75px;
    margin-bottom: 30px;
    padding: 20px 15px;
}

.logged-in a.btn.btn--secondary.btn--pricing.open-source {
    display: none;
}

.section.section--pcd-design-process {
   padding-top: 30px;
}

.section--self-hosted {
   padding-top: 260px;
   padding-bottom: 50px;
}

.section--self-hosted--integration {
   padding-top: 100px;
   padding-bottom: 0;
}

.self-hosted {
   background-color: #172B4D;
   border-radius: 10px;
   max-width: 1200px;
   margin: 0 auto;
   overflow: hidden;
   box-shadow: 0px 16px 24px rgba(112, 135, 173, 0.25);
   position: relative;
   padding: 35px 0;
}

.self-hosted__promo {
   width: 55%;
}

.self-hosted__bg {
   width: 55%;
   position: absolute;
   top: 0;
   bottom: 0;
}
.self-hosted__bg1, 
.self-hosted__bg2 {
   overflow: hidden;
   top: -20px;
   bottom: -20px;
   left:0;
   right: 0;
   position: absolute;
   border-radius: 10px 0 0 10px;
   background: linear-gradient(162.73deg, rgba(0, 118, 255, 0.16) 5.82%, #0076FF 96.67%);
   transform: skewx(-40deg);
   transform-origin: top left;
}
.self-hosted__bg2 {
   transform-origin: bottom right;
   transform: skewx(40deg);
}

.self-hosted__bg_img {
   transform: skewx(40deg);
   transform-origin: top left;
   background-image: url("../images/private-server.svg");
   background-size: 185px 185px;
   background-repeat: no-repeat;
   width: 185px;
   height: 185px;
   bottom: 20px;
   right: 100px;
   position: absolute;
   opacity: 0.7
}

.self-hosted__content {
   display: flex;
   align-items: center;
}

.self-hosted__title {
   color: #fff;
   font-family: Archivo;
   font-style: normal;
   font-weight: 600;
   font-size: 30px;
   max-width: 210px;
   line-height: 1.2;
   padding: 0 0 0 55px;
   position: relative;
   margin:0;
   box-sizing: content-box;
}

.self-hosted__details {
   padding: 0 55px 0 0;
   width: 45%;
}

.self-hosted__description {
   color: #fff;
   font-family: Archivo;
   font-style: normal;
   font-size: 18px;
   line-height: 1.6;
   margin: 0 0 10px;
}

.self-hosted__link {
   color: #0076FF;
   border: 2px solid #0076FF;
   border-radius: 4px;
   text-transform: uppercase;
   font-family: Archivo;
   font-style: normal;
   font-weight: bold;
   font-size: 15px;
   line-height: 16px;
   padding: 10px 20px;
   float: right;
}

.calendly-flex-fix {
   flex-basis: auto;
}

@media (max-width: 1200px) {
   .self-hosted__bg_img {
      right: 60px;
   }
}
@media (max-width: 1100px) {
   .self-hosted__bg_img {
      display: none;
   }
}
@media (max-width: 991px) {
   .section--self-hosted {
      padding: 30px 25px;
   }
}

@media (max-width: 870px) {
   .section--self-hosted {
      padding: 30px 25px;
   }
   .self-hosted {
      padding: 15px 0;
      display: flex;
   }
   .self-hosted__bg {
      position: absolute;
      width: 100%;
      bottom: auto;
      height: 66px;
   }

   .self-hosted__bg1, 
   .self-hosted__bg2 {
      bottom: 0;
      top: 0;
      display: flex;
      align-items: center;
      padding-left: 30px;
   }

   .self-hosted__bg_img {
      display: block;
      right: auto;
      bottom: auto;
      background-size: 50px 50px;
      width: 50px;
      height: 50px;
      position: relative;
   }


   .self-hosted__content {
      flex-direction: column;
   }

   .self-hosted__promo {
      width: 100%;
      padding: 0 30px;
   }

   .self-hosted__title {
      max-width: 100%;
      padding: 0;
      margin-bottom: 20px;
      padding-left: 60px;
   }

   .self-hosted__details {
      width: 100%;
      padding: 0 30px;
   }
}

@media (max-width: 645px) {
   .self-hosted__bg {
      height: 95px;
   }
   .self-hosted__bg1 {
      padding-left: 43px;
   }
   .self-hosted__title {
      padding-left: 60px;
   }
}

@media (max-width: 420px) {
   .self-hosted__title {
      font-size: 28px;
      padding-left: 40px;
   }
   .self-hosted__details {
      padding: 0 15px;
   }
   .self-hosted__bg1 {
      padding-left: 30px;
   }
}

@media (max-width: 384px) {
   .self-hosted__bg {
      height: 125px;
   }
   .self-hosted__bg1 {
      padding-left: 40px;
   }
}

@media (max-width: 352px) {
   .self-hosted__bg {
      height: 112px;
   }
   .self-hosted__title {
      font-size: 24px;
   }
   .self-hosted__bg1 {
      padding-left: 32px;
   }
   .self-hosted__title {
      padding-left: 40px;
   }
   .self-hosted__details {
      padding: 0 15px;
  }
}

.hero-landing-heading {
   max-width: 500px;
}

@media screen and (max-width: 991px) {
   .quiz-form__wrapper {
      margin-bottom: -135px;
   }
   .quiz-form {
      margin: -35px auto -60px;
   }
}