.ctm-infographic-wrapper .hero {
    margin-top: 0;
}

.ctm-infographic-form{
    margin-bottom: 100px!important;
}

.gform_button.button{
    width: fit-content;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #01BDF6;
    transition: 0.3s all;
    border-radius: 80px;
    padding: 12px 20px;
    border: 0;
    color: #fff;
    font-weight: 600;
}

.gform_button.button:hover {
	background-color: #16294F;
}

.ctm-infographic-wrapper{
	margin-bottom: 100px;
}

h1, h2, h3, h4{
	    line-height: 120%;
	    font-family: "obviously", sans-serif;
		font-weight: 700;
		font-style: normal;
		color: #4d4d4d;
		text-wrap: pretty;
	}

	h2 {
		font-size: 24px;
	    margin-bottom: 30px;
	    margin-top: 0;
	}

	h5 {
	    margin-bottom: 30px;
        line-height: 140%;
        color: #4d4d4d;
        text-wrap: pretty;
	}

	.ctm-infographic-form h1{
	    margin-top: 2rem;
	    margin-bottom: 1rem;
	    font-family: Montserrat, sans-serif;
	    font-size: 2.3rem;
	    line-height: 110%;
	    font-weight: 700;
	}

	.hs-form-wrapper h3 {
	    margin-top: 1rem;
	    margin-bottom: 1rem;
	    font-family: Montserrat, sans-serif;
	    font-size: 1.1rem;
	    line-height: 110%;
	    font-weight: 700;
	}

	.hs-form-wrapper .gform_footer{
		padding-bottom: 0!important;
		margin-top: 20px!important;
	}

	.hs-form-wrapper img.gform_ajax_spinner {
		display: none !important;
	}

	@media (min-width: 768px){
		.hs-form-wrapper h3 {
		    font-size: 1.5rem;
		}
	}

	@media (min-width: 1200px){
		.hs-form-wrapper h3 {
		    font-size: 1.8rem;
		}
	}

	



	p {
	    color: #4d4d4d;
        line-height: 170%;
        text-wrap: pretty;
	}
	.number-bullet{
		line-height: 120%;
	    font-family: "obviously", sans-serif;
		font-weight: 700;
		font-style: normal;
	    font-size: 40px;
	    margin-right: 20px;
	    color: #4d4d4d;

	}

	@media screen and (min-width: 1080px) {
		.number-bullet{
		    font-size: 130px;
		}
	}


	.narrow-text-column-wrapper{
	    background-color: #def0fb;
	}
	
	.narrow-text-column{
		max-width: 860px;
		margin: 0 auto;
		padding-left: 20px;
		padding-right: 20px;
	}

	@media screen and (min-width: 1080px) {
		.narrow-text-column{
			padding-left: 30px;
			padding-right: 30px;
		}
	}

	#sec-1 .narrow-text-column,
	#sec-final .narrow-text-column {
		padding-top: 0;
	}

	.narrow-text-column h1{
		margin-bottom: 40px;
	}

	#sec-1{
	    margin-top: -50px;

	}

	#sec-1 .narrow-text-column,
	#sec-final .narrow-text-column{
		max-width: 890px;
		top: 30px;
	    opacity: 0;
	    position: relative;
	    padding-bottom: 130px;
	}
	#sec-1 .sub-hl ,
	#sec-final .sub-hl {
		max-width: 700px;
	}

	#sec-final{
	    padding-top: 60px;
	}

	#sec-final a:not(.pill-button) {
	    color: #02bdf6;
	}

	#sec-2.ctm-section-container {
		flex-direction: column!important;
	}

	

	#sec-2 .right-side-shift-col {
		top: 30px;
	    opacity: 0;
	    position: relative;
	}

	#sec-2 .right-side-shift-col  {
		padding: 70px 20px;
	}

	#sec-2.ctm-section-container .left-side-shift-col,
	#sec-enhance-your-tech.ctm-section-container .left-side-shift-col {
	    border-top-right-radius: 0!important;
	    border-bottom-right-radius: 0!important;
	}

	@media screen and (min-width: 1080px) {
		#sec-2.ctm-section-container,
		#sec-enhance-your-tech.ctm-section-container {
			flex-direction: row!important;
		}
		#sec-2 .right-side-shift-col,
		#sec-enhance-your-tech .right-side-shift-col  {
			padding: 0;
		}
		#sec-2.ctm-section-container .left-side-shift-col,
		#sec-enhance-your-tech.ctm-section-container .left-side-shift-col {
		    border-top-right-radius: 80px!important;
		    border-bottom-right-radius: 80px!important;
		}

	}

	#sec-3 .bullet-wrapper,
	#sec-5 .bullet-wrapper{
		top: 30px;
	    opacity: 0;
	    position: relative;
	}
	#sec-3, 
	#sec-5, 
	#sec-track,
	#sec-drive-leads,
	#sec-get-granular,
	#sec-enhance-your-tech .right-side-shift-col,
	#sec-track-leads{
		padding: 80px 0;
	}

	#sec-enhance-your-tech .right-side-shift-col{
		padding: 80px 20px;
	}

	@media screen and (min-width: 1080px) {
		#sec-3, 
		#sec-5, 
		#sec-track,
		#sec-drive-leads,
		#sec-get-granular,
		#sec-track-leads,
		#sec-enhance-your-tech .right-side-shift-col{
			padding: 130px 0;
		}
	}
	#sec-3 .activity-icon{
		opacity: 0;
		top: 30px;
		position: relative;
		transform: rotateY(180deg);

	}

	.dot-icon img{
		    max-width: 120px;
	}

	#sec-5 .activity-icon{
/*		opacity: 0;*/
	    transform: scale(0, 0);
        display: flex;
	}



	.ctm-infographic-wrapper a {
		color: #02bdf6;
		    text-decoration: underline;
	}
	.ctm-infographic-wrapper a:hover {
		    text-decoration: none;
	}
	.left-side-shift-col{
		justify-content: center;
	}

	.left-side-shift-col .position-wrapper{
	    margin-bottom: 40px;
	}
	.obv-med {
		font-family: "obviously", sans-serif;
		font-weight: 500;
		font-style: normal;
	}
	.obv-bold {
		font-family: "obviously", sans-serif;
		font-weight: 700;
		font-style: normal;
	}

	.mount-text {
	    font-family: Montserrat, sans-serif;
	}

	.eyebrow-text {
	    font-size: 16px;
	}

	.enough-data{
	    font-size: 20px;
	}

	.lt-blue-text {
		color: #02bdf6;
	}
	body{
		background-color: #def0fb;
	}
	.info-form-wrapper{
		max-width: 1440px;
	    width: 100%;
	    margin: 0 auto;
	    
	}

	.iframe-container {
		width: 100%;
	}

	.responsive-iframe{
	 	width: 100%;
    	height: 200px;
    	border: 0;
	}

	.percent-wrapper, 
	.results-wrapper,
	.reporting-quality-wrapper,
	.circular-wrapper{
	    background-color: #16294F;
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	    align-items: center;
	    text-align: center;
	    padding: 100px 20px;
	    color:#fff;
        border-bottom-right-radius: 80px;
        border-bottom-left-radius: 80px;
	}

	.conv-wrapper {
		opacity: 0;
	}

	.left-side-shift-col{
		margin-bottom: 30px;
	    border-top-right-radius: 0!important;
    	border-bottom-right-radius: 0!important;
	}

	
	.percent-wrapper .top-text,
	.reporting-quality-wrapper .top-text,
	#sec-drive-leads .narrow-text-column,
	#sec-get-granular .narrow-text-column,
	#sec-radial .radial-top,
	#sec-radial .row-wrapper,
	#sec-track-leads .narrow-text-column,
	#sec-enhance-your-tech .enhance-top,
	#sec-enhance-your-tech .position-wrapper,
	#sec-enhance-your-tech .bullet-wrapper{
		opacity: 0;
		top:30px;
		position: relative;
	}

	.percent-bar {
	    border: 5px solid #fff;
	    border-radius: 50px;
	    width: 100%;
	    max-width: 700px;
	    display: flex;
	    opacity: 0;
        margin-top: 30px;
	}
	.percent-fill {
		width: 0;
		background-color: #01bdf6;
	    border-top-left-radius: 50px;
    	border-bottom-left-radius: 50px;
    	opacity: 0;
    	border-right: solid #fff 5px;
    	display: flex;
    	align-items: center;
    	justify-content: center;
	}

	.percent-fill img {
	    height: 24px;
	}

	@media screen and (min-width: 1080px) {
		.percent-fill img {
		    height: 32px;
		}
	}

	.percent-group-wrapper {
		opacity: 0;
	    height: 200px;
	}

	.percent-text {
		color: #fff;
	    font-size: 2rem;
        text-align: center;
        flex-grow: 1;
        padding-top: 4px;
        padding-bottom: 4px;
        opacity: 0;
        margin-top: -10px;
	}
	.percent-counter {
	    font-size: 114px;
	    line-height: 120%;
	    margin-top: -30px;
        display: flex;
	    height: 140px;
	    align-items: center;
	    justify-content: center;
	}
	.people-group{
	    position: relative;
	    height: 230px;
	    opacity: 0;
	    width: 100%;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    top:60px;

	}

	.people-group img{
	    height: 230px;
	}
	.pg-light-blue, .pg-dark-blue{
		position: absolute;
		width: auto;
		height: 230px;
	}

	.pg-light-blue{
	    z-index: 9;
	    opacity: 0;
	}

	.has-enough {
	    width: 100px;
	    left: -40px;
	    position: relative;
	    z-index: 99;

	}

	.not-enough {
	    width: 100px;
	    right: -40px;
	    position: relative;
	    z-index: 99;
	}

	

	.enough-wrapper{
		position: relative;
	    display: flex;
        top: -110px;
	}

	.blurred-infographic{
	    max-width: 900px;
	    margin: 0 auto;
	    margin-top: 40px;
	}

	@media screen and (min-width: 1080px) {
		.has-enough {
		    width: 150px;

		}
		.not-enough {
		    width: 150px;
		}

		.enough-wrapper{
	        top: -100px;
		}
	}

	.bullet-wrapper{
		display: flex;
	}

	.activity-icons-wrapper{
		display: flex;
	}

	.activity-icons{
	    display: flex;
    	margin-left: -40px;
	}
	#sec-6 {
	    padding-top: 70px;
		padding-bottom: 0;
	    overflow: hidden;
	}
	#sec-6 .top-text {
		top: 30px;
	    opacity: 0;
	    position: relative;
	}
	.sec-6-sub-box {
	    max-width: 700px;
	    margin: 0 auto;
	    width: 100%;
        overflow: hidden;
	    color: #4d4d4d;
	}

	.sub-box-cap{
		background-color: #f4fdff;
		height: 20px;
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
		margin-top: 30px;
	}

	.table-wrapper{
	    padding: 10px 30px;
	    background-color: #f4fdff;
	    height: 0;
	    overflow: hidden;
	    margin-bottom: -40px;
	}

	.table-wrapper .header-col{
		font-size: 20px;
    	font-weight: 600;
    	margin-bottom: 18px;
	}

	.table-wrapper .col-4,
	.table-wrapper .col-3,
	.table-wrapper .col-5{
		display: flex;
		justify-content: flex-start;
	    text-align: left;
        margin-bottom: 17px;
    	line-height: 110%;

	}

	#sec-6 .col-text {
		opacity: 0;
	}
	.radial-graph-wrapper{
		position: relative;
		width: fit-content;
    	border: 15px solid #fff;
    	background-color: #fff;
    	border-radius: 50%;
    	margin-bottom: 20px;
	}
	.circular-pbar {
	    --p: 0;
        background: conic-gradient(#e47373 var(--p, 0), 0, #e5e5e4);
	    width: 150px;
	    height: 150px;
	    border-radius: 50%;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    color: #000;
        font-size: 32px;
    	font-weight: 700; 
	}
	.circular-pbar-counter{
		 z-index: 999;
	    position: relative;
	    opacity: 0;
	}

	#sec-radial .cir-pbar-circle  {
		position: absolute;
		width: calc(100% - 40px);
		height: calc(100% - 40px);
		border-radius: 50%;
	    background-color: #fff;
	    top: 20px;
	    left: 20px;
	    z-index: 1;
	}

	.perc-num{
		z-index: 99;
		opacity: 0;
	}

	#sec-radial{
		display: flex;
		flex-direction: column;
	}

	#sec-radial .row-wrapper{
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    flex-direction: column;
	}

	#sec-lead-quality{
	    text-align: left;
	}

	#sec-lead-quality h5,
	#sec-lead-quality p {
		color: #fff;
	}

	#sec-lead-quality p{
	    font-weight: 600;
    	font-size: 17px;
	}

	#sec-lead-quality .col-wrapper{
	    padding-left: 0;
	    line-height: 200%;
	}

	.percent-bar-long {
		background-color: #01bcf5;
    	height: 20px;
    	width: 0;
	}

	.footnote-row{
		margin-top: 30px;
	    font-size: 14px;
	}

	.radial-item-wrapper {
		padding: 0 30px;
	    margin-bottom: 50px;
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    max-width: 320px;
	}

	.radial-text p{
		color: #fff;
	}

	#sec-enhance-your-tech .box-bg-dark-blue{
		padding: 60px 0;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	#sec-enhance-your-tech .position-wrapper  {
		position: relative;
	}
	#sec-enhance-your-tech .position-wrapper .four-lines{
		position: absolute;
		width: 100%;
	}

	#sec-enhance-your-tech .position-wrapper{
		width: 100%;
    	padding: 0;
    	display: flex;
	    align-items: center;
	    justify-content: center;
        height: 400px;
	}

	#sec-enhance-your-tech .position-wrapper .four-lines .graph-line{
		border-top: solid 1px #fff;
		width: 100%;
		margin-top: 55px;
		margin-bottom: 55px;
		opacity: .6;
	}

	.two-col-section #sec-enhance-your-tech  a:not(.pill-button) {
	    color: #02bdf6!important;
	}

	#sec-enhance-your-tech .enhance-top{
		padding: 0 30px;
    	font-size: 20px;
	    text-align: center;
        width: 100%;
	}

	#sec-enhance-your-tech .box-bg-dark-blue{
	    height: 570px;
		padding: 40px 0;
	}

	#sec-enhance-your-tech .graph-image{
	    width: 100%;
    	z-index: 9;
	    max-width: 600px;
	}

	.radial-top{
		margin-bottom: 40px;
		font-size: 23px;
    	font-weight: 600;
	}
	@media screen and (min-width: 1080px) {
		.radial-top{
			margin-bottom: 70px;
		}
		#sec-radial .row-wrapper{
		    flex-direction: row;
		}
		#sec-enhance-your-tech .enhance-top{
			padding: 0 110px;
	    	font-size: 22px;
	    	text-align: left;
		}

		#sec-enhance-your-tech .box-bg-dark-blue{
		    height: 790px;
			padding: 90px 0;
			border-top-right-radius: 80px;
			border-bottom-right-radius: 80px;
		}

		#sec-enhance-your-tech .position-wrapper{
		    height: 100%;
		}
		#sec-radial{
			display: flex;
			flex-direction: column;
		}
		.left-side-shift-col{
			margin-bottom: 0;
		    border-top-right-radius: 80px;
    		border-bottom-right-radius: 80px;
		}
		.percent-wrapper{
		    background-color: #16294F;
		    display: flex;
		    flex-direction: column;
		    justify-content: center;
		    align-items: center;
		    text-align: center;
		    padding: 100px 20px;
		    color:#fff;
	        border-bottom-right-radius: 80px;
	        border-bottom-left-radius: 80px;
		}

		h2 {
			font-size: 52px;
		    margin-bottom: 30px;
		    margin-top: 2rem;
		}

		h5 {
		    margin-bottom: 30px;
	        line-height: 140%;
	        color: #4d4d4d;
	        text-wrap: pretty;
		}
	}