/*fix outer col width for 24 rule which cannot update from ucms*/
section#features > .container > .row > .col-xs-12 {
	width:100% !important;
}
.sbx4 .flex-valign-middle {
	margin-left:0;
	margin-right:0;
}

/*text-center should be always center except one-col-text*/
@media screen and (max-width:768px) {
	section#features .sbx4 .text-center .feature-subheader,
	section#features .sbx4 .text-center p {
		text-align:center;
	}
}

/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * industry-inc-base:
 *   - http://typekit.com/eulas/00000000000000007735a645
 * industry-inc-inline-stroke:
 *   - http://typekit.com/eulas/00000000000000007735a64a
 *
 * © 2009-2021 Adobe Systems Incorporated. All Rights Reserved.
 */
/*{"last_published":"2021-05-19 07:25:49 UTC"}*/

@import url("https://p.typekit.net/p.css?s=1&k=knd2llj&ht=tk&f=25296.25305&a=4224960&app=typekit&e=css");

@font-face {
font-family:"industry-inc-base";
src:url("https://use.typekit.net/af/18901b/00000000000000007735a645/30/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/18901b/00000000000000007735a645/30/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/18901b/00000000000000007735a645/30/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;
}

@font-face {
font-family:"industry-inc-inline-stroke";
src:url("https://use.typekit.net/af/5c42e2/00000000000000007735a64a/30/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/5c42e2/00000000000000007735a64a/30/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/5c42e2/00000000000000007735a64a/30/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;
}

.tk-industry-inc-base { font-family: "industry-inc-base",sans-serif; }
.tk-industry-inc-inline-stroke { font-family: "industry-inc-inline-stroke",sans-serif; }



/*============================== global ==============================*/

#features .sbx4 .product-info-container-light .feature-header,
#features .sbx4 .product-info-container-dark .feature-header {
	color:#878787;
}
#features .sbx4 .feature-header:after {
	background:#3358fa;
	width:36px;
}

#features .sbx4 .feature-subheader {
	font-family: "industry-inc-base",sans-serif;
	margin-top:0;
	margin-bottom: 20px;
	line-height:1.2;
}
#features .sbx4 .feature-subheader.tk-industry-inc-inline-stroke {
	font-family: "industry-inc-inline-stroke",sans-serif;
}
.sbx4 .product-info-container-light .feature-subheader {
	color:#090909;
}
.sbx4 .product-info-container-dark .feature-subheader {
	color:#fff;
}

#features .sbx4 p {
	font-size:calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
	font-weight:300;
	margin-bottom:30px;
  line-height: 1.8;
  margin-top:0;
}
#features .sbx4 p:last-of-type {
	margin-bottom:0;
}
#features .sbx4 p.footnote {
	font-size:calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
	line-height:calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
}
#features .sbx4 p strong {
	font-weight:700;
}
#features .sbx4 .product-info-container-light p {
	color:#090909;
}
#features .sbx4 .product-info-container-dark p {
	color:#fff;
}

#features .fw300 {
	font-weight:300 !important;
}
#features .fw400 {
	font-weight:400 !important;
}
#features .fw500 {
	font-weight:500 !important;
}
#features .fw600 {
	font-weight:600 !important;
}
#features .fw700 {
	font-weight:700 !important;
}

#features .sbx4 .btn {
  display: inline-block;
  font-family: "industry-inc-base",sans-serif;
  font-weight: 400;
  font-size: calc(14px + (24 - 14) * ((100vw - 320px) / (1920 - 320)));
  line-height: calc(16px + (30 - 16) * ((100vw - 320px) / (1920 - 320)));
  border-right: 50px solid #142df6;
  padding: 14px 20px 8px 20px;
  position: relative;
  cursor: pointer;
  background: #3358fa;
  color:#fff;
}
#features .sbx4 .btn.btn_center {
	margin:0 auto;
}
#features .sbx4 .btn.plus:before {
  transform: rotate(-90deg);
}
#features .sbx4 .btn:before,
#features .sbx4 .btn:after {
	content: "";
  position: absolute;
  right: -35px;
  top: calc(50% - 2px);
  width: 20px;
  height: 1px;
  display: block;
  border-top: 4px solid #fff;
  transition: .5s all ease-in;
  transform: rotate(0deg);
}

@media screen and (min-width:768px) {
	#features .sbx4 .feature-subheader.px42,
	#features .sbx4 .feature-subheader .px42 {
		font-size:calc(28px + (30 - 28) * ((100vw - 768px) / (1200 - 768)));
	}
	#features .sbx4 .feature-subheader.px60,
	#features .sbx4 .feature-subheader .px60 {
		font-size:calc(28px + (40 - 28) * ((100vw - 768px) / (1200 - 768)));
	}
	#features .sbx4 .feature-subheader.px80,
	#features .sbx4 .feature-subheader .px80 {
		font-size:calc(28px + (50 - 28) * ((100vw - 768px) / (1200 - 768)));
	}
}

@media screen and (min-width:1200px) {
	#features .sbx4 .feature-subheader.px42,
	#features .sbx4 .feature-subheader .px42 {
		font-size:calc(30px + (42 - 30) * ((100vw - 1200px) / (1920 - 1200)));
	}
	#features .sbx4 .feature-subheader.px60,
	#features .sbx4 .feature-subheader .px60 {
		font-size:calc(40px + (60 - 40) * ((100vw - 1200px) / (1920 - 1200)));
	}
	#features .sbx4 .feature-subheader.px80,
	#features .sbx4 .feature-subheader .px80 {
		font-size:calc(50px + (80 - 50) * ((100vw - 1200px) / (1920 - 1200)));
	}
}

@media screen and (min-width:1920px) {
	#features .sbx4 .feature-subheader.px42,
	#features .sbx4 .feature-subheader .px42 {
		font-size:42px;
	}
	#features .sbx4 .feature-subheader.px60,
	#features .sbx4 .feature-subheader .px60 {
		font-size:60px;
	}
	#features .sbx4 .feature-subheader.px80,
	#features .sbx4 .feature-subheader .px80 {
		font-size:80px;
	}
	#features .sbx4 p {
		font-size:20px;
	}
	#features .sbx4 p.footnote {
		font-size:14px;
	}
	#features .sbx4 .btn {
		padding:20px 20px 14px 20px;
	}
}