/*Single*/

.single .documentation a.tnz_btn {
	align-self: flex-start;
    margin-bottom: 30px;
    margin-left: 0;
}
.single .documentation .sec_content h2 {
    margin-right: 100px;
}
.single .documentation .sec_content p {
    margin-right: 100px;
    margin-bottom: 30px;
    padding-bottom: 0px;
    border-bottom: 0;
}

/*Alternation*/

.tnz_alternation_wrapper {	
}
.tnz_alternation_outer {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin-bottom: 80px;
}
.tnz_alternation_outer.last_alt {
	margin-bottom: 0px;
}
.tnz_alternation_item {
	flex: 0 0 50%;
}
.tnz_alternation_item img {
	max-width:500px;
}
.tnz_alternation_item img {
	/*box-shadow:0px 3px 14px #0000001A;*/
}
.tnz_alternation_item_content {
    display: flex;
    flex-direction: column;
    text-align: left;
    margin: 0px 30px;
}
.tnz_use_cases .tnz_alternation_item_content {
	margin: 0px;
}
.tnz_alternation_item_content h3,
.tnz_alternation_item_content p {
	margin-bottom:20px;
}
.tnz_alternation_item_content span {
	font-family: "TTCommonsPro-Bd";
	font-size: 14px;
	letter-spacing: 1.12px;
	color:#4B566F;
	margin-bottom:20px;
}

/*Tnz lists*/

.tnz_list {
	list-style: none;
    margin: 0;
    padding: 0;
}
.tnz_list li {
	display: flex;
	flex-direction: column;
	margin-bottom: 12px;
}
.tnz_normal_list {
    list-style: initial;
    margin-left: 20px;
	margin-bottom:20px;
}
.tnz_normal_list li {
	display: list-item;
	font-size: 16px;
}
.tnz_normal_list li a {
	color:#1057FC;
}
.tnz_list.tnz_list_icons .tnz_list_icon {
	position:relative;
}
.tnz_list.tnz_list_icons .tnz_list_icon img {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.tnz_inline_icon {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.tnz_list_icon {
	display: inline-flex;
	justify-content: center;
    align-items: center;
    border: 3px solid #1057FC;
    border-radius: 100%;
    height: 30px;
    width: 30px;
    margin-right: 15px;
}
.tnz_icon_item {
	height: 10px;
    width: 10px;
}
.tnz_alternation_item_content h3 {
	margin-bottom: 14px;
}
.tnz_list.tnz_list_icons li h5 {
	display: inline-flex;
	margin: 0;
	font-size: 18px;
}
.tnz_list.tnz_list_icons li p {
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 0;
	margin-left: 45px;
}
.tnz_list.tnz_ordered_list {
	list-style-type: decimal; 
}
.tnz_list.top_bottom_border {
	border-top:2px solid #FFFFFF;
	border-bottom:2px solid #FFFFFF;
	margin-top: 30px;
	padding-top: 20px;
}
.tnz_list.tnz_ordered_list li {
	display: list-item;
	padding-bottom:26px;
	border-bottom:2px solid #ffffff75;
}
.tnz_list.tnz_ordered_list li:last-child {
	border-bottom:none;
}
.tnz_list.tnz_ordered_list li > div {
	display: flex;
	flex-direction:column;
	align-items:flex-start;
}
.tnz_list.tnz_ordered_list li::marker {
	font-family:"TTCommonsPro-Bd";
	font-size:30px;
	color:#1057FC;
}
.tnz_list.tnz_ordered_list li h5 {
	font-family:"TTCommonsPro-Rg";
	font-size:18px;
	margin-bottom: 14px;
}
.tnz_list.tnz_ordered_list li *:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.tnz_list.tnz_ordered_list li .tnz_li_highlight {
	font-family:"TTCommonsPro-Rg";
	background:#1057FC;
	color:#FFFFFF;
	padding:2px 10px;
	border-radius:6px;
	margin-bottom: 14px;
}

/*Demo Block*/

.tnz_sec_demo {
	padding-bottom:0!important;
}
.tnz_sec_demo .sec_content p {
	color:#FFFFFF;
}
.demo_text {
	margin-top: 80px;
	text-align: left;
}

/*Featured Block*/

.tnz_features {
	padding: 80px 0;
}
.tnz_features .tnz_feature_wrapper {}
.tnz_features .tnz_feature_outer {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	border-top:2px solid #CCCCCC;
	border-bottom:2px solid #CCCCCC;
	padding-top: 60px;
}
.tnz_features .tnz_feature_item {
	display: flex;
	flex: 1 0 30%;
	padding: 10px;
}
.tnz_feature_icon {
	display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #1057FC;
    border-radius: 100%;
    height: 60px;
    width: 60px;
}
.tnz_feature_icon.no_border {
    border: none!important;
}
.tnz_feature_icon img {
}
.tnz_feature_item .feature_title {
	font-family:"TTCommonsPro-Bd";
	font-size:16px;
	margin-top:14px;
	margin-bottom: 8px;
}
.tnz_feature_item p {
	padding: 0px 60px;
}

/*Intro block features*/

.single .tnz_feature_wrapper_outer {
	padding: 60px 0px;
	margin: 60px 0px;
	border-top: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
}
.features_wrapper.single .tnz_feature_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #1057FC;
    border-radius: 100%;
    height: 60px;
    width: 60px;
}
.features_wrapper.single .tnz_feature_item p {
    padding: 0px;
}
.single .token_heading {
	margin-bottom: 40px;
}
.single .token_title, 
.single .token_text {
    text-align: left;
}
.single .token_title {
	margin-bottom: 12px;
} 
.single .token_text {
	margin-bottom: 30px;
}

/*2 Factor Authentication*/
.tnz_2fa_block:first-child, 
.tnz_2fa_block.first_child {
	background-color: #210F47;
}
.tnz_2fa_block:not(:first-child),
.tnz_2fa_block.not_first {
	background-color: #F3F2F5;
}
.tnz_2fa_block:not(:first-child) h5,
.tnz_2fa_block.not_first h5{
	color: #210F47;
} 
.tnz_2fa_block:not(:first-child) p,
.tnz_2fa_block.not_first p {
	color: #4B566F;
}
.tnz_2fa_block.not_first .tnz_2fa_block_content  a {
	color:#210F47!important
}
.tnz_2fa_block:not(:nth-child(4)) {
	margin-bottom: 17px;
}
.tnz_2fa_block {
	display: flex;
	flex-direction: row;
    padding: 26px;
}
.tnz_2fa_block .icon_wrapper {
	display: flex;
    align-items: center;
    justify-content: center;
    /* border: 3px solid #1057FC; */
    border-radius: 100%;
    height: 40px;
    width: 40px;
	margin-right:26px;
}

.tnz_2fa_block .icon_wrapper i {
    width: 42px;
	height: 42px;
	font-size: 18px;
	padding: 8px;
	border-bottom: 3px solid #1057FC;
	/* border-radius: 50%; */
	color: #1057FC;
	align-items: center;
	text-align: center;
}

.tnz_2fa_block .icon_wrapper .first_child i {
	color: #FFF;
}

.tnz_2fa_block_content h5,
.tnz_2fa_block_content p {
    color: #FFFFFF;
    margin-bottom:10px;
}
.tnz_2fa_block:first-child .tnz_2fa_block_content a {
    color: #FFF;
}
#alternation_1 .tnz_alternation_item_content ,
#alternation_2 .tnz_alternation_item_content {
    margin: 0px;
}
#alternation_1 .tnz_alternation_item,
#alternation_2 .tnz_alternation_item {
	margin-bottom:30px;
}
#alternation_3 .tnz_feature_icon {
	height:40px;
	width:40px;
	margin-bottom:20px;
}

.is_2fa .tnz_features .tnz_feature_item {
    flex: 1 0 22%;
}

.is_2fa .tnz_testimonial_item {
    background-color: #FFFFFF;
}
.is_2fa .tnz_testimonial_item,
.is_sms_api .tnz_testimonial_item {
    padding: 40px 40px;
}
.is_2fa .tnz_testimonial_item p,
.is_sms_api .tnz_testimonial_item p {
    font-family: "TTCommonsPro-Rg";
    letter-spacing: -0.16px;
    font-size: 16px;
    color: #4B566F;
}
.is_2fa .testimonial_name,
.is_sms_api .testimonial_name {
    color: #1057FC;
}
.is_2fa .testimonial_company,
.is_sms_api .testimonial_company {
    color: #4B566F;
}


/*SMS*/

.sms.single .tnz_feature_item p {
    padding: 0px;
}

/*Web to SMS*/

.web_to_sms.single .connect_item img {
	margin:0 auto;
	display:block;
}

/*Keyword Campaigns*/

.tnz_getting_started {
	display: flex;
	flex-direction: column;
}
.tnz_getting_started h3 {
	margin-bottom:14px;
}
.tnz_getting_started p {
	margin-bottom:30px;
}
.tnz_getting_started a {
	align-self: center;
}
.tnz_use_cases .sec_content p {
	color:#FFFFFF;
	opacity:0.8;
}
.tnz_use_cases .tnz_alternation_item_content p {
	margin-bottom: 0px;
}
.is_2fa #alternation_1 	.tnz_alternation_outer,
.is_2fa #alternation_2 	.tnz_alternation_outer {
	margin-bottom: 0px;
}
#alternation_3 {
	padding-bottom:0px;
}
.tnz_features {
	padding-top:0px;
}
.tnz_features .tnz_feature_outer {
	border-top: 0px solid #CCCCCC;
	border-bottom: 0px solid #CCCCCC;
	padding-top: 0px;
}
.keyword_campaigns .tnz_features {
	padding-top: 80px;
}
.keyword_campaigns .tnz_features .tnz_feature_outer {
	padding-top: 20px;
}

/*Case Studies*/
#tnz_case_studies {
	padding:40px 0;
}
.case_studies_links {
	margin: 0px 0px 25px 0px;
	padding: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
    justify-content: center;
}
ul.case_studies_links li {
    display: flex;
    list-style: none;
}
ul.case_studies_links li a {
    color: #4B566F;
    text-decoration: none;
    border-bottom: 0px;
    padding: 10px;
    letter-spacing: 0px;
    font-size: 18px;
}
ul.case_studies_links li a.active {
    color: #1057FC;
    text-decoration: none;
    border-bottom: 2px solid #1057FC;
    padding: 10px;
    font-family: "TTCommonsPro-Bd";
    letter-spacing: 0px;
    font-size: 18px;
}
ul.case_studies_links li:not(:first-child) a {
    margin:0px 15px;
}
.case_studies_content {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.case_studies_content p {
	margin-bottom:20px;
	color:#4B566F;
}
.case_studies_content .case_study_item {
	flex: 0 0 33.33%;
	padding: 20px 10px;
}
.case_studies_content .case_study_item h5 {
	margin-top: 20px;
}

/*Pagination*/
ul.case_studies_links.general_pagination li a.active, .general_pagination li a.active {
	color:#000000;
	border-bottom: 3px solid #1057FC;
	margin:0px;
}
ul.case_studies_links.general_pagination li a, .general_pagination li a {
	border-bottom: 3px solid #CCCCCC;
	color:#707070;
	font-family: "TTCommonsPro-Bd";
	font-size:15px;
	margin:0px;
	padding:0px 15px 5px 15px;
}
.general_pagination {
	margin: 40px 0px 25px 0px;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.general_pagination li {
    display: flex;
    list-style: none;
}
.general_pagination li a {
	text-decoration:none;
}

/*API Documentation*/
.tnz_sec.tnz_api_sec {
	padding: 40px 0;
}
.api_search_wrapper {
	position: relative;
	margin-top: 30px;
}
.api_input {
	width: 100%;
    background-color: #ECEBEF;
    border: none;
	outline:none!important;
    color: #333333;
	padding-right: 63px!important;
}
.api_sec {
	position:relative;
}
.api_navigation_wrapper {
	position: absolute;
	bottom: 0;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
}
.api_navigation {
	
}
.api_navigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.api_navigation ul li {
    padding: 0;
    margin: 0px 15px;
	padding-bottom:5px;
}
.api_navigation ul li a {
    text-decoration:none;
	border-bottom: 2px solid transparent;
	padding-bottom:5px;
	color:#4B566F;
	
}
.api_navigation ul li a.active {
	font-family: "TTCommonsPro-Bd";
}
.api_navigation ul li a.active, 
.api_navigation ul li a:hover {
	color:#1057FC;
	border-bottom: 2px solid #1057FC;
}
.api_outer {
	background-color: transparent;
	box-shadow: none;
	padding: 0px 40px;
}
.api_outer ul li span a {
	text-decoration:none;
}
.api_outer ul li span:nth-child(1) {
    font-family: "TTCommonsPro-Rg";
}
.api_outer ul li:before {
    display:none;
}

/*Integrations*/
.tnz_sec.tnz_integration_sec {
	padding: 80px 0;
}
.integration_search {

}
.integration_search_wrapper {
	position: relative;
	display: flex;
	flex-direction: row;
}
.integration_input {
	flex-grow: 1;
	/* background-color: transparent; */
	background-color: #FFF;
	border: none;
	outline:none;
	color: #210F47;
}
.integration_input::placeholder {
	color: #210F47;
	opacity: 1; /* Firefox */
  }
  
  .integration_input::-ms-input-placeholder { /* Edge 12 -18 */
	color: #210F47;
  }
.integration_search_wrapper.result_sorting {
	justify-content: flex-end;
}
.integration_search_wrapper.result_sorting .result_order {
	/* background-color: transparent; */
	background-color: white;
	/* border: none; */
	border: 1px solid #1057FC;
	outline:none;
	color: #210F47;
	font-family: 'TTCommonsPro-Md';
	font-size: 14px;
	padding-right: 40px!important;
	/* z-index: 2; */
}
.integration_search_wrapper.result_sorting i {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(-50%, -50%);
	font-size: 12px;
	z-index: 2;
	color: #210F47;
}
.result_sorting{
	
}
.integration_content {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	/* transition: opacity 1s ease-in-out; */
}

.integration_item {
	display: flex;
	flex-direction: column;
	flex: 0 0 30.33%;
	margin: 1%;
	padding: 30px;
	background-color: #FFFFFF;
	box-shadow:0px 3px 14px #0000001A;
}
.integration_item.tnz_no_bg {
	
	background-color: transparent;
	box-shadow:none;
}
.integration_item img {
	display: flex;
	height: 80px;
	max-height: 80px;
	margin: 80px auto;
}
.intergration_single_item .integration_item img {
	display: flex;
	max-height: 100%;
	margin: 0px 0px 20px 0px;
	height: auto;

}
.integration_title {
	font-family: 'TTCommonsPro-Bd';
	font-size:35px;
	margin-bottom:10px;
	flex-grow:1;
}
.integration_item p {
	color:#4B566F;
	flex-grow: 1;
}
.intergration_single_item .integration_item p {
	flex-grow: 0;
}

/*Resources Page*/

.resources_tnz_tag {
	color: #FFF;
	font-weight: 500;
	padding: 10px;
	margin: 3px 0;
}
.resources_tnz_tag::before {
	content: '# ';
}

/*Help Center*/
#tnz_help_center {
	padding:40px 0;
}
.help_center_wrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:center;
}
.help_center_wrapper .tnz_box_item {
	flex: 0 0 31.33%;
}

/*Help Center - Articles*/
.hc_article h1 {
	font-size:40px;
}
.hc_description {
	margin-top:16px;
	margin-bottom:9px;
	font-size:20px;
	letter-spacing: -0.4px;
}
.hc_description, .hc_date {
	color:#4B566F;
}
.hc_date {
	font-size:14px;
	letter-spacing: 1.12px;
}
.hc_article .tnz_content h4 {
	margin-bottom:20px;
}
.hc_article .tnz_content p {
	margin-bottom:40px;
	color:#4B566F;
}
.hc_article .tnz_content img {
	margin-top:20px;
	margin-bottom:40px;
}
.hc_article .tnz_content .hc_faq strong {
	font-size:18px;
}
.hc_article .tnz_content .hc_faq p {
	margin-bottom:24px;
}
.tnz_hc_related .sec_content {
	color:#210F47;
}

/*About*/
#tnz_about .row:not(:first-child) .about_content {
	margin-top:80px;
}
.sec_content.about_content {
	text-align:left;
	font-size: larger;
}
.sec_content.about_content h3 {
	margin-bottom:30px;
}
#tnz_about .row:not(:first-child) .sec_content.about_content h3, 
#tnz_about .row:not(:first-child) .sec_content.about_content p {
	/* padding-left:135px; */
}
#tnz_about .row:first-child .sec_content.about_content h3, 
#tnz_about .row:first-child .sec_content.about_content p {
	padding-right:135px;
}
.team_wrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.team_item {
	flex: 0 0 25%;
}
.team_item_content {
	padding:10px;
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.team_member_name {
	margin-top:20px;
	margin-bottom:6px;
}
.team_member_name,
.team_member_position {
	font-family: 'TTCommonsPro-Bd';
}

.team_member_name {
	font-size:22px;
}
.team_member_position {
	font-size:14px;
	color:#1057FC!important;
	margin-bottom:10px;
}
.tnz_box_outer {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.sustainability .tnz_box_item {
	flex:0 0 33.33%;
	margin: 0;
	padding: 10px;
}

/*API Item*/
#tnz_api_item {
	padding:0px;
}
.api_selection select {
	font-family: 'TTCommonsPro-Bd';
	color:#210F47;
}
.api_selection i {
    color: #210F47;
}
.api_item_date  {
	display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}
.api_item_date span {
	font-family: 'TTCommonsPro-Md';
	padding: 12px 10px !important;
	font-size:14px;
}
.tnz_api_article_container, .tnz_api_nav_bg {
	background-color: #e9e7ed;
}
.tnz_api_item_bg {
	background-color: #f3f2f5;
}
.tnz_api_nav_wrapper {
	padding: 40px 20px;
}
.tnz_api_item_content_wrapper {
	padding: 80px 100px 80px 100px;	
}
.tnz_api_item_content h4 {
	margin-bottom:20px;
}
.tnz_api_item_content p  {
	color:#4B566F;
}
.tnz_api_item_content h4:not(:first-child) {
	margin-top:40px;
}
.tnz_list .api_version {
	display: block;
	font-family: 'TTCommonsPro-Bd';
	font-size:14px;
	margin-top:30px;
	color:#4B566F;
}

/*Use Case Single*/

.use_case_item.single .tnz_feature_wrapper_outer {
	margin-top: 0px;
	padding-bottom:0px;
    margin-bottom:0px;
    border-bottom: none;
}
.tnz_box_item .tnz_list.tnz_normal_list {
	padding-left:32px;
	margin-bottom:16px;
}


@media (max-width: 1399px) {
}
@media (max-width: 1200px) {
	.is_2fa .tnz_feature_item p {
		padding: 0px;
	}
}
@media (max-width: 1199px) {
	.single .tnz_sec.no_bottom_padding .page_information img {
		padding-top: 100px;
	}
	.use_case_item.single .tnz_feature_wrapper_outer {
		border:none;
	}
	.use_case_item .sec_content.inline_buttons .tnz_btn {
		margin-top:10px;
	}
	
}
@media (max-width: 991px) {
	.single .tnz_sec.no_bottom_padding .page_information img {
		margin-bottom:0px!important;
	}
	.single .tnz_sec {
		padding: 60px 0;
	}
	.tnz_alternation_outer.order-swap-md {
		flex-direction:column-reverse;
	}
	.tnz_alternation_outer {
		margin-bottom: 40px;
	}
	.tnz_alternation_item {
		flex: 0 0 100%;
	}
	.tnz_alternation_item_content {
		margin:0;
	}
	.tnz_alternation_item_content h3 {
		margin-top: 30px;
	}
	.tnz_alternation_item_content p {
		margin-bottom:0;
	}
	.demo_text {
		margin-top: 0px;
		margin-bottom:25px;
	}
	.demo_text h2, .demo_text p {
		    margin-bottom: 20px;
	}
	.tnz_sec_demo {
		padding-top: 60px;
	}
	.tnz_features .tnz_feature_outer {
		flex-direction: row;
		justify-content: center;
	}
	.tnz_features .tnz_feature_item {
		flex: 0 0 46%;
	}
	.tnz_feature_item p {
		padding:0;
	}
	.tnz_list.tnz_ordered_list li {
		margin-left: 35px;
	}
	.single .token_title, .is_2fa .tnz_feature_icon {
		margin-top:30px;
	}
	.is_2fa .tnz_alternation_item_content h3 {
		margin-top: 0px;
	}
	.tnz_alternation_item img {
		width: 100%;
	}
	#alternation_3 .tnz_alternation_outer {
		margin-bottom:0px;
	}
	.is_2fa .tnz_features .tnz_feature_item {
		flex: 1 0 48%;
	}
	#alternation_1 .owl-stage,
	#alternation_2 .owl-stage {
		margin-left: -35px;
	}
	.is_2fa .tnz_features .tnz_feature_outer {
		border-top: 0px solid #CCCCCC;
		border-bottom: 0px solid #CCCCCC;
		padding-top: 0px;
	}
	.is_2fa #alternation_3 {
		padding-bottom:0;
	}
	.is_2fa #tnz_featured_items {
		padding-top: 0;
	}
	.is_2fa .tnz_feature_item p {
		margin-bottom: 0;
	}
	.is_sms .more_features_item {
		padding: 70px 20px;
	}
	.case_studies_content .case_study_item {
		flex: 0 0 50%;
	}
	.integration_item, .help_center_wrapper .tnz_box_item {
		flex: 0 0 48%;
	}
	#tnz_about .row .sec_content.about_content,
	#tnz_about .row .sec_content.about_content h3, 
	#tnz_about .row .sec_content.about_content p {
		margin:0px!important;
		padding:0px!important;
	}
	#tnz_about .row:first-child .sec_content.about_content h3 {
		margin-top:0px!important;
	}
	#tnz_about .row .sec_content.about_content h3 {
		margin-top:30px!important;
		margin-bottom:30px!important;
	} 
	#tnz_about .row .sec_content.about_content p {
		margin-bottom:30px!important;
	}
	.team_item, .sustainability .tnz_box_item {
		flex: 0 0 50%;
	}
	.tnz_box_outer.sustainability {
		justify-content: center;
		
	}
	
}
@media (max-width: 767px) {
	.is_sms .more_features_item {
		padding: 50px 20px;
	}
	.case_studies_content .case_study_item, .team_item, .sustainability .tnz_box_item {
		flex: 0 0 100%;
	}
	.result_order,
	.tnz_select_wrapper,
	.api_selection select	{
		margin: 0 auto;
		width: 100%;
	}
	.integration_item, .help_center_wrapper .tnz_box_item {
		flex: 0 0 98%;
	}
	.use_case_item .sec_content.inline_buttons {
		justify-content:center;
	}
	.is_2fa .tnz_features .tnz_feature_item {
		flex: 0 0 100%;
	}
}
@media (max-width: 575px) {
	.is_sms .more_features_item {
		padding: 30px 20px;
	}
}
@media (max-width: 413px) {
	.tnz_features .tnz_feature_item {
		flex: 0 0 100%;
	}
}

/* Integrations landing page */
.integrations_hero { position: relative; overflow: hidden; background-color: #2955F4 !important; }
.integrations_hero::after { position: absolute; top: -35%; right: -15%; width: 65%; height: 170%; border-radius: 50%; background: rgba(255,255,255,.1); content: ""; }
.integrations_hero .hero_inner { padding: 64px 0; }
.integrations_hero .container { z-index: 2; }
.integrations_hero_content { max-width: 650px; }
.integrations_eyebrow,
.integrations_section_eyebrow { display: inline-block; margin-bottom: 14px; color: #71869D; font-family: "TTCommonsPro-Bd"; font-size: 12px; letter-spacing: 1.5px; }
.integrations_catalogue_section .integrations_section_eyebrow { color: #1057FC; }
.integrations_eyebrow { color: #FFC107; }
.integrations_hero_content h1 { max-width: 680px; margin-bottom: 20px; font-size: 50px; font-family: "TTCommonsPro-Rg"; line-height: 1.08; }
.integrations_hero_lede { max-width: 620px; margin: 0; padding-bottom: 26px; font-size: 18px; line-height: 1.5; }
.integrations_hero_actions { display: flex; flex-wrap: wrap; gap: 12px; }
.integrations_hero_actions .tnz_btn { margin: 0; }
.integrations_hero_visual { position: relative; overflow: hidden; margin-left: auto; border-radius: 6px; aspect-ratio: 3 / 2; box-shadow: 0 24px 54px rgba(33,15,71,.26); }
.integrations_hero_visual img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 6px; box-shadow: none; }

.integrations_catalogue_section { padding: 76px 0; }
.integrations_search_form { width: 100%; margin-bottom: 54px; }
.integrations_search_form .integration_search_wrapper { overflow: hidden; border: 1px solid #EDF0F4; border-radius: 4px; background: #FFFFFF; box-shadow: 0 3px 12px rgba(33,15,71,.04); }
.integrations_search_form .integration_input { min-width: 0; min-height: 54px; padding: 13px 48px 13px 16px; border: 0; border-radius: 0; font-size: 16px; }
.integrations_search_form .integration_input:focus { box-shadow: inset 0 0 0 2px #1057FC; }
.integrations_search_form .integration_input::placeholder { color: #98A2B3; font-family: "TTCommonsPro-Rg"; font-size: 14px; font-weight: 400; opacity: 1; }
.integrations_search_form .integration_input::-ms-input-placeholder { color: #98A2B3; font-family: "TTCommonsPro-Rg"; font-size: 14px; font-weight: 400; }
.integration_search_clear { display: none; width: 44px; min-width: 44px; border: 0; background: #FFFFFF; color: #71869D; font-size: 16px; }
.integration_search_clear.is-visible { display: inline-flex; align-items: center; justify-content: center; }
.integration_search_clear:hover,
.integration_search_clear:focus-visible { color: #210F47; }
.integrations_search_form .integration_search_submit { display: inline-flex; width: 54px; min-width: 54px; margin: 0; padding: 0; align-items: center; justify-content: center; border-radius: 0; }
.integrations_results_heading { display: flex; margin-bottom: 20px; align-items: center; }
.integrations_sort_selector { display: inline-flex; overflow: hidden; border: 1px solid #E2E7ED; border-radius: 6px; background: #F7F9FB; }
.integrations_sort_option { min-height: 40px; padding: 9px 16px; border: 0; background: transparent; color: #637386; font-family: "TTCommonsPro-Bd"; font-size: 13px; line-height: 1.2; transition: background-color 160ms ease,color 160ms ease,box-shadow 160ms ease; }
.integrations_sort_option + .integrations_sort_option { border-left: 1px solid #E2E7ED; }
.integrations_sort_option:hover { background: #EEF2F7; color: #210F47; }
.integrations_sort_option:focus-visible { position: relative; z-index: 1; outline: 2px solid #1057FC; outline-offset: -2px; }
.integrations_sort_option.active { background: #1057FC; box-shadow: inset 0 0 0 1px #1057FC; color: #FFFFFF; }

.integration_logo_frame { --integration-logo-scale: 1; display: flex; width: 150px; height: 54px; padding: 6px 0; align-items: center; justify-content: flex-start; overflow: hidden; border: 0; border-radius: 0; background: #FFFFFF; }
.integration_logo_frame--aqua { padding: 7px 10px; border-radius: 4px; background: #00BFE2; }
.integration_logo_frame--dark { padding: 7px 10px; border-radius: 4px; background: #000000; }
.integration_logo_frame img { display: block; width: 100%; height: 100%; max-width: 100%; max-height: 100%; margin: 0; object-fit: contain; object-position: left center; border-radius: 0; box-shadow: none; transform: scale(clamp(.85,var(--integration-logo-scale),1.2)); transform-origin: left center; }
.integration_logo_frame img[data-src$="/Jotform.svg"] { transform: scale(3); transform-origin: left bottom; }
.integrations_card_grid { align-items: stretch; }
.integration_featured_card { display: flex; min-height: 238px; padding: 24px; flex-direction: column; gap: 16px; border: 1px solid #EEF1F4; border-radius: 6px; background: #FFFFFF; color: #210F47; text-decoration: none; transition: transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease; }
.integration_featured_card:hover,
.integration_featured_card:focus-visible { border-color: #D9E0E8; box-shadow: 0 10px 26px rgba(33,15,71,.08); color: #210F47; text-decoration: none; transform: translateY(-2px); }
.integration_featured_body { display: flex; min-height: 0; flex: 1; flex-direction: column; }
.integration_featured_body h3 { margin: 0; padding: 0; color: #210F47; font-size: 18px; line-height: 1.25; }
.integration_featured_body p { margin: 10px 0 16px; padding: 0; flex: 1; color: #536376; font-size: 15px; line-height: 1.45; }
.integration_card_link { color: #1057FC; font-family: "TTCommonsPro-Bd"; font-size: 12px; letter-spacing: .8px; }

.integrations_more_toggle { display: flex; width: 100%; min-height: 350px; margin: 34px 0 0; padding: 28px; align-items: stretch; border: 1px solid #DEE2E6; border-radius: 8px; background: #F7F9FB; color: #210F47; font-family: "TTCommonsPro-Bd"; transition: border-color 160ms ease,background-color 160ms ease,box-shadow 160ms ease; }
.integrations_more_toggle:hover,
.integrations_more_toggle:focus-visible { border-color: #BFC9D5; background: #FFFFFF; box-shadow: 0 12px 30px rgba(33,15,71,.08); color: #1057FC; }
.integration_more_icons { display: grid; width: 50%; grid-template-columns: repeat(4,74px); grid-auto-rows: 52px; align-content: center; justify-content: center; gap: 10px 12px; }
.integration_more_icon { --integration-logo-scale: 1; display: flex; width: 74px; height: 52px; padding: 8px; align-items: center; justify-content: center; overflow: hidden; border: 1px solid #E8ECF1; border-radius: 5px; background: #FFFFFF; box-shadow: 0 2px 7px rgba(33,15,71,.06); }
.integration_more_icon.integration_logo_frame--aqua { background: #00BFE2; }
.integration_more_icon.integration_logo_frame--dark { background: #000000; }
.integration_more_icon img { width: 100%; height: 100%; margin: 0; object-fit: contain; border-radius: 0; box-shadow: none; transform: scale(clamp(.85,var(--integration-logo-scale),1.2)); }
.integration_more_action { display: flex; width: 50%; padding: 28px; align-items: center; justify-content: center; gap: 14px; border-left: 1px solid #E2E7ED; }
.integration_more_label { color: #1057FC; font-size: 30px; line-height: 1.15; }
.integration_more_action > i { font-size: 20px; transition: transform 180ms ease; }
.integrations_more_toggle.is-expanded .integration_more_action > i { transform: none; }
.integrations_more_collapse { padding-top: 30px; }
.integrations_no_results { margin-top: 28px; padding: 36px 20px; border: 1px dashed #A3AEBA; border-radius: 6px; background: #F7F9FB; }
.integrations_no_results h3 { color: #210F47; }
.integrations_no_results p { padding-bottom: 12px; font-size: 17px; }

.integrations_outcomes_section,
.integrations_options_section { padding: 72px 0; }
.integrations_outcomes_section { position: relative; overflow: hidden; }
.integrations_outcomes_visual { overflow: hidden; border-radius: 6px; box-shadow: 0 18px 42px rgba(0,0,0,.22); }
.integrations_outcomes_visual img { display: block; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 6px; box-shadow: none; }
.integrations_outcomes_copy h2 { margin-bottom: 22px; }
.integrations_outcomes_copy p { margin: 0 0 16px; padding: 0; color: #FFFFFF; font-size: 16px; line-height: 1.5; }
.integrations_outcomes_copy p strong { color: #FFFFFF; }
.integrations_outcomes_copy .integrations_outcomes_closing { margin-top: 24px; font-family: "TTCommonsPro-Bd"; font-size: 19px; }
.integrations_compliance_note { margin-top: 24px; padding: 14px 16px; border-left: 3px solid #FFC107; background: rgba(255,255,255,.08); color: rgba(255,255,255,.9); font-size: 14px; line-height: 1.45; }
.integrations_compliance_note strong { display: block; margin-bottom: 2px; color: #FFC107; }

.integrations_options_section { position: relative; overflow: hidden; }
.integrations_options_intro { margin-bottom: 34px; }
.integrations_options_intro p { margin: 0; padding: 0; font-size: 18px; line-height: 1.5; }
.integrations_options_eyebrow { display: inline-block; margin-bottom: 12px; color: #FFC107; font-family: "TTCommonsPro-Bd"; font-size: 12px; letter-spacing: 1.5px; }
.integrations_pathway { display: grid; gap: 16px; }
.integrations_pathway_card { display: grid; padding: 30px; grid-template-columns: 58px minmax(0,1fr); gap: 24px; border: 1px solid rgba(255,255,255,.35); border-radius: 8px; background: #FFFFFF; box-shadow: 0 10px 26px rgba(33,15,71,.14); }
.integrations_pathway_number { display: inline-flex; width: 48px; height: 48px; align-items: center; justify-content: center; border-radius: 50%; background: #E8EEFD; color: #1057FC; font-family: "TTCommonsPro-Bd"; font-size: 21px; }
.integrations_pathway_step { display: inline-block; margin-bottom: 7px; color: #71869D; font-family: "TTCommonsPro-Bd"; font-size: 11px; letter-spacing: 1.25px; }
.integrations_pathway_body h3 { margin: 0 0 10px; padding: 0; color: #210F47; font-size: 27px; }
.integrations_pathway_body > p { max-width: 900px; margin: 0 0 20px; padding: 0; color: #536376; font-size: 16px; line-height: 1.5; }
.integrations_pathway_body .tnz_btn { margin: 0; }
.integrations_api_links { display: flex; flex-wrap: wrap; gap: 9px; }
.integrations_api_link { display: inline-flex; padding: 7px 12px; align-items: center; gap: 7px; border: 1px solid #DCE5FA; border-radius: 4px; background: #F0F4FF; color: #1057FC; font-family: monospace; font-size: 13px; text-decoration: none; transition: border-color 160ms ease,background-color 160ms ease,color 160ms ease; }
.integrations_api_link:hover,
.integrations_api_link:focus-visible { border-color: #1057FC; background: #1057FC; color: #FFFFFF; text-decoration: none; }
.integrations_platform_link { padding: 5px 10px 5px 6px; }
.integrations_platform_logo { display: inline-flex; width: 38px; height: 26px; padding: 4px; align-items: center; justify-content: center; overflow: hidden; border: 1px solid #E2E7ED; border-radius: 3px; background: #FFFFFF; }
.integrations_platform_logo--square { width: 26px; }
.integrations_platform_logo img { display: block; width: 100%; height: 100%; margin: 0; object-fit: contain; border-radius: 0; box-shadow: none; }
.integrations_pathway_card--bespoke { border-color: #D8CFEA; background: #FBFAFD; }
.integrations_bespoke_prices { display: flex; flex-wrap: wrap; gap: 12px; }
.integrations_bespoke_prices > div { min-width: 178px; padding: 13px 16px; border-left: 3px solid #FFC107; background: #FFFFFF; }
.integrations_bespoke_prices strong,
.integrations_bespoke_prices span { display: block; }
.integrations_bespoke_prices strong { color: #210F47; font-family: "TTCommonsPro-Bd"; font-size: 22px; line-height: 1.1; }
.integrations_bespoke_prices span { margin-top: 3px; color: #637386; font-size: 13px; }
.integrations_bespoke_action { margin-top: 14px; }
.integrations_pathway_body > .integrations_bespoke_note { margin: 14px 0 0; color: #71869D; font-size: 13px; }
@media (max-width: 991px) {
  .integrations_hero .hero_inner { padding: 54px 0; }
  .integrations_hero_content h1 { font-size: 44px; }
  .integrations_catalogue_section,
  .integrations_outcomes_section,
  .integrations_options_section { padding: 60px 0; }
  .integrations_hero_visual { max-width: 700px; margin: 8px auto 0; }
}
@media (max-width: 767px) {
  .integrations_hero .hero_inner { padding: 42px 0; }
  .integrations_hero_content h1 { font-size: 38px; }
  .integrations_hero_lede { font-size: 17px; }
  .integrations_hero_actions .tnz_btn { width: 100%; text-align: center; }
  .integrations_catalogue_section { padding: 52px 0; }
  .integrations_search_form { margin-bottom: 42px; }
  .integrations_sort_selector { width: 100%; }
  .integrations_sort_option { padding-right: 8px; padding-left: 8px; flex: 1; font-size: 12px; }
  .integration_featured_card { min-height: 0; padding: 20px; }
  .integrations_more_toggle { min-height: 0; padding: 24px 18px; flex-direction: column; }
  .integration_more_icons { width: 100%; grid-template-columns: repeat(4,62px); grid-auto-rows: 48px; gap: 9px; }
  .integration_more_icon { width: 62px; height: 48px; padding: 7px; }
  .integration_more_action { width: 100%; margin-top: 24px; padding: 24px 8px 4px; border-top: 1px solid #E2E7ED; border-left: 0; }
  .integration_more_label { font-size: 24px; }
  .integrations_pathway_card { padding: 24px 20px; grid-template-columns: 44px minmax(0,1fr); gap: 16px; }
  .integrations_pathway_number { width: 40px; height: 40px; font-size: 18px; }
}
@media (max-width: 575px) {
  .integrations_hero_content h1 { font-size: 34px; }
  .integrations_search_form .integration_input { font-size: 15px; }
  .integration_more_icons { grid-template-columns: repeat(4,50px); grid-auto-rows: 43px; gap: 8px; }
  .integration_more_icon { width: 50px; height: 43px; padding: 6px; }
  .integrations_pathway_card { display: block; }
  .integrations_pathway_number { margin-bottom: 16px; }
  .integrations_bespoke_prices { width: 100%; }
  .integrations_bespoke_prices > div { width: 100%; }
  .integrations_outcomes_copy h2 { font-size: 32px; }
}
/* Integrations landing page: legacy search/sort compatibility */
.integrations_catalogue_search { padding: 52px 0 20px; }
.integrations_catalogue_search .integrations_section_eyebrow { display: block; margin-bottom: 14px; color: #1057FC; }
.integrations_catalogue_search .integration_search_wrapper { min-height: 54px; overflow: hidden; border: 1px solid #EDF0F4; border-radius: 4px; background: #FFFFFF; box-shadow: 0 3px 12px rgba(33,15,71,.04); }
.integrations_catalogue_search .integration_input { min-width: 0; padding: 13px 16px; font-size: 16px; }
.integrations_catalogue_search .integration_input:focus { box-shadow: inset 0 0 0 2px #1057FC; }
.integrations_catalogue_search .integration_input::placeholder { color: #98A2B3; font-family: "TTCommonsPro-Rg"; font-size: 14px; opacity: 1; }
.integrations_catalogue_search .result_sorting .result_order { width: 100%; min-height: 54px; padding: 13px 42px 13px 16px !important; border-color: #E2E7ED; border-radius: 4px; color: #637386; font-family: "TTCommonsPro-Bd"; font-size: 14px; }
.integrations_catalogue_section { padding-top: 28px; }
.integrations_catalogue_section .integration_content { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; align-items: stretch; justify-content: stretch; }
.integrations_catalogue_section .integration_item { display: flex; min-width: 0; min-height: 238px; margin: 0; padding: 24px; flex: none; gap: 0; border: 1px solid #EEF1F4; border-radius: 6px; background: #FFFFFF; box-shadow: none; transition: transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease; }
.integrations_catalogue_section .integration_item:hover { border-color: #D9E0E8; box-shadow: 0 10px 26px rgba(33,15,71,.08); transform: translateY(-2px); }
.integrations_catalogue_section .integration_item > img { display: block; width: 150px !important; height: 54px !important; max-width: 100%; max-height: 54px; margin: 0 0 18px; object-fit: contain; object-position: left center; border-radius: 0; box-shadow: none; transform-origin: left center; }
.integrations_catalogue_section .integration_title { margin: 0; color: #210F47; font-size: 18px; line-height: 1.25; }
.integrations_catalogue_section .integration_text { margin: 10px 0 16px; padding: 0; color: #536376; font-size: 15px; line-height: 1.45; }
.integrations_catalogue_section .integration_item > a { color: #1057FC; font-family: "TTCommonsPro-Bd"; font-size: 12px; letter-spacing: .8px; text-align: left !important; text-decoration: none; }
.integrations_catalogue_section .integration_item > a::before { content: "LEARN MORE "; }
.integrations_catalogue_section .integration_item > a i { color: #1057FC !important; font-size: 18px !important; }
.integration_content:not(.is-expanded) .integration_item:nth-child(n+7) { display: none !important; }
.integrations_catalogue_section .integrations_more_toggle { min-height: 220px; }
#no_results_section { margin-top: 28px; padding: 36px 20px !important; border: 1px dashed #A3AEBA; border-radius: 6px; background: #F7F9FB; }
@media (max-width: 991px) { .integrations_catalogue_section .integration_content { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 767px) { .integrations_catalogue_search { padding: 42px 0 12px; } .integrations_catalogue_section .integration_content { grid-template-columns: 1fr; } .integrations_catalogue_section .integration_item { min-height: 0; padding: 20px; } }