.customer-hub {
	position: relative;
	line-height: 24px;
}
.customer-data-platform {
	position: relative;
	font-size: 14px;
	line-height: 20px;
	color: #9ea4ac;
}
.tab {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding: 16px;
}
.customer-hub, .marketing-hub, .personalization-hub {
  	align-self: stretch;
  	position: relative;
  	line-height: 24px;
  	font-weight: 600;
}
.customer-data-platform, .campaigning, .personalization {
  	align-self: stretch;
  	position: relative;
  	font-size: 14px;
  	line-height: 20px;
  	color: #9ea4ac;
}
.customer-hub-parent, .marketing-hub-parent, .personalization-hub-parent {
  	flex: 1;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	padding: 16px 0px 16px 16px;
}
.tab-child {
  	align-self: stretch;
  	width: 4px;
  	position: relative;
  	background-color: #27a3dc;
  	overflow: hidden;
  	flex-shrink: 0;
}
.tab, .tab1 , .tab2 {
  	align-self: stretch;
  	border-radius: 8px 0px 0px 8px;
  	background-color: #f5f6f7;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: flex-start;
  	gap: 16px;
  	color: #27a3dc;
}
.marketing-hub {
  	position: relative;
  	line-height: 24px;
}
.campaigning {
  	position: relative;
  	font-size: 14px;
  	line-height: 20px;
  	color: #9ea4ac;
}
.tab1 {
  	align-self: stretch;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: center;
  	padding: 16px;
}
.tab5 {
  	align-self: stretch;
  	height: 76px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: center;
  	padding: 16px;
  	box-sizing: border-box;
}
.vertical-tabs {
  	width: 256px;
  	border-radius: 8px 0px 0px 8px;
  	background-color: #fff;
  	border-right: 1px solid #eee;
  	box-sizing: border-box;
  	overflow: hidden;
  	flex-shrink: 0;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: center;
}
.title-wrapper .title {
  	flex: 1;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	gap: 4px;
}
.title-wrapper {
  	align-self: stretch;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: center;
  	font-size: 28px;
}
.starters-wrapper {
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: center;
}
.tab-item {
  	align-self: stretch;
  	position: relative;
  	background-color: #1e73c1;
  	height: 160px;
  	overflow: hidden;
  	flex-shrink: 0;
  	transform:  rotate(-90deg);
}
.tab7 {
  	width: 160px;
  	background-color: #fff;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	justify-content: center;
  	gap: 8px;
  	color: #1e73c1;
}
.smb {
  	align-self: stretch;
  	position: relative;
  	line-height: 24px;
}
.smb-wrapper {
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	justify-content: center;
}
.tab8 {
  	align-self: stretch;
  	width: 160px;
  	background-color: #fff;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	justify-content: flex-start;
}
.horizontal-tabs {
  	width: 1096px;
  	border-bottom: 1px solid #eee;
  	box-sizing: border-box;
  	overflow: hidden;
  	display: none;
  	flex-direction: row;
  	align-items: center;
  	justify-content: flex-start;
}
.starters-site-plans {
  	align-self: stretch;
  	position: relative;
  	line-height: 28px;
  	font-weight: 600;
}
.starters-site-plans-wrapper {
  	width: 284px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
}
.calculate-your-price {
  	position: relative;
  	line-height: 24px;
  	font-weight: 600;
}
.ico16arrow-narrow-right-icon {
  	width: 16px;
  	position: relative;
  	height: 16px;
  	overflow: hidden;
  	flex-shrink: 0;
}
.cta {
  	border-radius: 8px;
  	border: 1px solid #1e73c1;
  	display: none;
  	flex-direction: row;
  	align-items: center;
  	justify-content: flex-start;
  	padding: 12px 24px;
  	gap: 8px;
  	font-size: 16px;
  	color: #1e73c1;
}
.faq {
  	align-self: stretch;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: flex-start;
  	font-size: 20px;
}
.toggle-child {
  	width: 20px;
  	position: relative;
  	border-radius: 50%;
  	background-color: #fff;
  	height: 20px;
}
.toggle {
  	width: 64px;
  	border-radius: 32px;
  	background-color: #27a3dc;
  	overflow: hidden;
  	flex-shrink: 0;
  	display: flex;
  	flex-direction: row;
  	align-items: flex-start;
  	justify-content: flex-start;
  	padding: 6px;
  	box-sizing: border-box;
}
.billed-yearly {
  	position: relative;
  	line-height: 24px;
  	color: #9ea4ac;
}
.billed-monthly-parent {
  	align-self: stretch;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: flex-start;
  	gap: 16px;
}
.billing-switch {
  	width: 305px;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	justify-content: center;
}
.for-small-teams {
  	align-self: stretch;
  	position: relative;
  	font-size: 16px;
  	line-height: 24px;
}
.starter-parent {
  	/* width: 128px; */
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	font-size: 20px;
}
.starts-from {
  	/* width: 128px; */
  	position: relative;
  	line-height: 24px;
  	display: inline-block;
}
.div {
  	position: relative;
  	line-height: 36px;
  	font-weight: 600;
}
.per-month {
  	position: relative;
  	font-size: 16px;
  	line-height: 24px;
}
.per-year {
	position: relative;
	font-size: 16px;
	line-height: 24px;
}
.parent {
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: flex-start;
  	gap: 4px;
  	font-size: 28px;
  	color: #1f344f;
}
.starts-from-parent {
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: center;
  	color: #9ea4ac;
}
.frame-child {
  	align-self: stretch;
  	position: relative;
  	border-top: 1px solid #eee;
  	box-sizing: border-box;
  	height: 1px;
}
.ico16check-parent {
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: flex-start;
  	gap: 8px;
}
.ico16check-wrapper {
	height: 24px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}
.included-profiles-contacts, .included-interactions {
	flex: 1;
	position: relative;
	line-height: 24px;
}
.frame-group {
	flex: 1;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 8px;
}
.frame-wrapper {
	align-self: stretch;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
}
.frame-parent, .frame-container {
  	align-self: stretch;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	gap: 8px;
}
.cta1 {
  	align-self: stretch;
  	border-radius: 6px;
  	background-color: #27a3dc;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: center;
  	padding: 12px 24px;
  	gap: 8px;
  	color: #fff;
}
.package, .package1 {
  	align-self: stretch;
  	flex: 1;
  	box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.16);
  	border-radius: 8px;
  	background-color: #fff;
  	border: 1px solid #eee;
  	overflow: hidden;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	padding: 16px;
  	gap: 24px;
}
.starter-group {
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	font-size: 20px;
}
		  .span {
		font-weight: 600;
  }
  .span1 {
		font-weight: 500;
  }
  .div1 {
		position: relative;
		line-height: 36px;
  }
.group {
  	align-self: stretch;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: flex-start;
  	gap: 4px;
  	font-size: 28px;
  	color: #1f344f;
}
.starts-from-group {
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	color: #9ea4ac;
}
.frame-parent1 {
	align-self: stretch;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 8px;
}
.frame-wrapper2 {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}
.frame-container {
  	align-self: stretch;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	gap: 24px;
}

.package-parent {
  	align-self: stretch;
  	display: flex;
  	flex-direction: row;
  	align-items: flex-end;
  	justify-content: flex-start;
  	gap: 16px;
}

.package-wrapper {
	width: 540px;
	display: flex;
  	flex-direction: row;
  	align-items: flex-end;
  	justify-content: flex-start;
}

.compare-our-plans1 {
  	position: relative;
  	line-height: 28px;
  	font-weight: 600;
}
.tier-0s {
  	width: 124px;
  	position: relative;
  	line-height: 24px;
  	font-weight: 600;
  	display: inline-block;
}
.frame-parent2  {
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: flex-end;
  	gap: 16px;
  	text-align: center;
  	font-size: 16px;
}
.compare-our-plans-parent {
  	align-self: stretch;
  	background-color: #fff;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: space-between;
  	padding: 0px 16px;
}
.ico16plus-wrapper {
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: center;
}
.faq-inner {
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: flex-start;
}
.faq2 {
  	align-self: stretch;
  	background-color: #f2f2f2;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: space-between;
  	padding: 16px;
}
.faq-wrapper {
  	align-self: stretch;
  	overflow: hidden;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
}
.faq-container {
  	align-self: stretch;
  	border: 1px solid #e3e3e3;
  	overflow: hidden;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
}
.faq1 {
  	align-self: stretch;
  	box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.16);
  	border-radius: 8px;
  	border: 1px solid #e3e3e3;
  	overflow: hidden;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	font-size: 16px;
  	color: #1e73c1;
}
.compare-our-plans {
  	width: 1032px;
  	display: none;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	gap: 24px;
  	font-size: 20px;
}
.cta3, .cta2 {
  	border-radius: 6px;
  	border: 1px solid #27a3dc;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: flex-start;
  	padding: 12px 24px;
  	gap: 8px;
  	color: #27a3dc;
}
.starter-wrapper {
  	width: 184px;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	justify-content: center;
}
.starter3 {
  	width: 184px;
  	position: relative;
  	line-height: 24px;
  	font-weight: 600;
  	display: inline-block;
  	flex-shrink: 0;
}
.frame-parent3 {
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: flex-start;
  	gap: 16px;
  	text-align: center;
  	font-size: 16px;
}
.faq-inner3 {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	text-align: center;
	font-size: 16px;
}
.faq7 {
  	align-self: stretch;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: space-between;
  	padding: 0px 56px 0px 0px;
  	font-size: 20px;
}
.features1 {
  	position: relative;
  	line-height: 20px;
  	font-weight: 600;
}
.faq9 {
  	align-self: stretch;
  	background-color: #f5f6f7;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: space-between;
  	padding: 16px;
}
.faq-wrapper3 {
  	align-self: stretch;
  	border-right: 1px solid #e3e3e3;
  	border-bottom: 1px solid #e3e3e3;
  	border-left: 1px solid #e3e3e3;
  	overflow: hidden;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	font-size: 14px;
  	color: #27a3dc;
}
.ico16check-wrapper, .ico16check-frame, .ico16check-container {
  	width: 184px;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: center;
}
.frame-parent4, .features-inner  {
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: flex-start;
  	padding: 0px 40px 0px 0px;
  	gap: 16px;
}
.features2 {
  	align-self: stretch;
  	background-color: #fff;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: space-between;
  	padding: 16px;
}
.features8, .features6 {
  	align-self: stretch;
  	background-color: #fff;
  	border-bottom: 1px solid #eee;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: space-between;
  	padding: 16px;
}
.gb {
	width: 184px;
	position: relative;
	line-height: 24px;
	display: inline-block;
	flex-shrink: 0;
}
.gb-parent {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	padding: 0px 40px 0px 0px;
	gap: 16px;
	text-align: center;
}

.faq-wrapper4 {
  	align-self: stretch;
  	border: 1px solid #e3e3e3;
  	overflow: hidden;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	font-size: 14px;
  	color: #27a3dc;
}
.frame-parent1 {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}

.frame-parent4 {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 16px;
}
.frame-parent19 {
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: flex-start;
  	gap: 16px;
}
.features17 {
  	align-self: stretch;
  	background-color: #fff;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: space-between;
  	padding: 16px 56px 16px 16px;
}
.features18 {
  	align-self: stretch;
  	background-color: #f5f6f7;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: space-between;
  	padding: 16px 56px 16px 16px;
}

.faq-wrapper5 {
  	align-self: stretch;
  	border: 1px solid #e3e3e3;
  	overflow: hidden;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	color: #1e73c1;
}
.div2, .div1 {
  	width: 174px;
  	position: relative;
  	line-height: 24px;
  	display: inline-block;
  	flex-shrink: 0;
}
.container, .group {
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: flex-start;
  	gap: 4px;
  	text-align: center;
}
.features24  {
  	align-self: stretch;
  	background-color: #fff;
  	/* height: 52px; */
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: space-between;
  	padding: 16px 56px 16px 16px;
  	box-sizing: border-box;
}
.features25, .features19 {
  	align-self: stretch;
  	background-color: #fafafa;
  	/* height: 52px; */
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: space-between;
  	padding: 16px 56px 16px 16px;
  	box-sizing: border-box;
}
.metrics1 {
  	width: 1096px;
  	display: none;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
}
.faq-wrapper6 {
  	align-self: stretch;
  	border-top: 1px solid #e3e3e3;
  	border-bottom: 1px solid #e3e3e3;
  	overflow: hidden;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	font-size: 14px;
  	color: #27a3dc;
}
.frame-parent25 {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}

.saas {
  	width: 184px;
  	position: relative;
  	line-height: 24px;
  	display: flex;
  	flex-shrink: 0;
	justify-content: center;
}
.features33, .features39 {
  	align-self: stretch;
  	background-color: #f5f6f7;
  	/* height: 52px; */
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: space-between;
  	padding: 16px 56px 16px 16px;
  	box-sizing: border-box;
  	font-size: 16px;
  	color: #1f344f;
}
.saas-wrapper {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	padding: 0px 40px 0px 0px;
	text-align: center;
}
.pricing-per-additional {
	position: relative;
	line-height: 20px;
	text-transform: uppercase;
	font-weight: 600;
}
.faq-wrapper7 {
	align-self: stretch;
	border: 1px solid #e3e3e3;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	font-size: 14px;
	color: #27a3dc;
}
.pricing1 {
  	align-self: stretch;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	font-size: 14px;
  	color: #27a3dc;
}
.pricing-per-additional {
  	position: relative;
  	line-height: 20px;
  	text-transform: uppercase;
  	font-weight: 600;
}
.wrapper {
  	/* width: 384px; */
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: center;
  	text-align: center;
}
.features35 {
  	align-self: stretch;
  	background-color: #f5f6f7;
  	/* height: 52px; */
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: space-between;
  	padding: 16px 56px 16px 16px;
  	box-sizing: border-box;
}
.pricing3 {
  	align-self: stretch;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
}
.features40 {
	align-self: stretch;
	background-color: #fff;
	/* height: 52px; */
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: 16px;
	box-sizing: border-box;
}
.features41 {
	align-self: stretch;
	background-color: #f5f6f7;
	/* height: 52px; */
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: 16px;
	box-sizing: border-box;
}
.features27 {
	align-self: stretch;
	background-color: #fff;
	/* height: 52px; */
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: 16px;
	box-sizing: border-box;
}
.features28 {
	align-self: stretch;
	background-color: #f5f6f7;
	/* height: 52px; */
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: 16px;
	box-sizing: border-box;
}
.div21 {
	position: relative;
	line-height: 24px;
	opacity: 0;
}

.div24 {
	position: relative;
	line-height: 24px;
	opacity: 0;
}
.div46 {
  	position: relative;
  	line-height: 24px;
  	opacity: 0;
}
.cta4, .cta3 {
  	align-self: stretch;
  	border-radius: 6px;
  	background-color: #27a3dc;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: center;
  	padding: 12px 24px;
  	gap: 8px;
}
.cta-wrapper {
  	flex: 1;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	justify-content: center;
}
.cta5 {
  	align-self: stretch;
  	border-radius: 8px;
  	background-color: #27a3dc;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: center;
  	padding: 12px 24px;
  	gap: 8px;
}
.cta-container {
  	flex: 1;
  	border-radius: 6px;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	justify-content: center;
}
.frame-parent30, .frame-parent37 {
  	/* width: 384px; **/
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: flex-start;
  	gap: 16px;
  	color: #fff;
}
.features-inner19 {
	/* width: 184px; */
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	color: #fff;
}
.features46, .features33 {
	align-self: stretch;
	background-color: #fff;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: 16px 56px 16px 16px;
}
.faq8 {
  	align-self: stretch;
  	box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.16);
  	border-radius: 8px;
  	border: 1px solid #e3e3e3;
  	overflow: hidden;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
}
.content1 {
  	flex: 1;
  	background-color: #fff;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	justify-content: center;
  	gap: 24px;
}
.content {
  	width: 100%;
  	position: relative;
  	background-color: #fff;
  	display: flex;
  	flex-direction: row;
  	align-items: flex-start;
  	justify-content: flex-start;
  	padding: 0px 40px;
  	box-sizing: border-box;
  	gap: 24px;
  	text-align: left;
  	font-size: 16px;
  	color: #1f344f;
  	font-family: Poppins;
}