/*
Theme Name: Motionpoint
Author: Nathan Lucas
Version: 1.0
*/


audio, canvas, progress, video {display: inline-block;vertical-align: baseline;}audio:not([controls]) {display: none;height: 0;}[hidden], template {display: none;}a:active, a:hover {outline: 0;}abbr[title] {border-bottom: 1px dotted;}b, strong {font-weight: bold;}dfn {font-style: italic;}mark {background: #ff0;color: #000;}small {font-size: 80%;}sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sup {top: -0.5em;}sub {bottom: -0.25em;}svg:not(:root) {overflow: hidden;}figure {margin: 1em 40px;}pre {overflow: auto;}code, kbd, pre, samp {font-family: monospace, monospace;font-size: 1em;}button[disabled], html input[disabled] {cursor: default;}button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0;}input {line-height: normal;}input[type="checkbox"], input[type="radio"] {box-sizing: border-box;padding: 0;}input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;}input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}legend {border: 0;padding: 0;}textarea {overflow: auto;}optgroup {font-weight: bold;}table {border-collapse: collapse;border-spacing: 0;}td, th {padding: 0;}input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select {height: 38px;padding: 6px 10px;background-color: #fff;border: 1px solid #D1D1D1;border-radius: 4px;box-shadow: none;box-sizing: border-box;}input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea {-webkit-appearance: none;-moz-appearance: none;appearance: none;}textarea {min-height: 65px;padding-top: 6px;padding-bottom: 6px;}input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus {border: 1px solid #33C3F0;outline: 0;}label, legend {display: block;margin-bottom: .5rem;font-weight: 600;}fieldset {padding: 0;border-width: 0;}input[type="checkbox"], input[type="radio"] {display: inline;}label > .label-body {display: inline-block;margin-left: .5rem;font-weight: normal;}ul {list-style: circle inside;}ol {list-style: decimal inside;}ol, ul {padding-left: 0;margin-top: 0;}ul ul, ul ol, ol ol, ol ul {margin: 1.5rem 0 1.5rem 3rem;font-size: 90%;}li {margin-bottom: 1rem;}code {padding: .2rem .5rem;margin: 0 .2rem;font-size: 90%;white-space: nowrap;background: #F1F1F1;border: 1px solid #E1E1E1;border-radius: 4px;}pre > code {display: block;padding: 1rem 1.5rem;white-space: pre;}th, td {padding: 12px 15px;text-align: left;border-bottom: 1px solid #E1E1E1;}th:first-child, td:first-child {padding-left: 0;}th:last-child, td:last-child {padding-right: 0;}input, textarea, select, fieldset {margin-bottom: 1.5rem;}pre, blockquote, dl, figure, table, p, ul, ol, form {margin: 0;}.u-full-width {width: 100%;box-sizing: border-box;}.u-max-full-width {max-width: 100%;box-sizing: border-box;}.u-pull-right {float: right;}.u-pull-left {float: left;}/*.container:after, .row:after, .u-cf {content: "";display: table;clear: both;}*/

@font-face {
    font-family: 'Poppins';
    src: url('https://esdemo2.convertlanguage.com/wp-content/themes/motionpoint/fonts/poppins-extrabold-webfont.woff2') format('woff2'),
         url('https://esdemo2.convertlanguage.com/wp-content/themes/motionpoint/fonts/poppins-extrabold-webfont.woff') format('woff');
    font-weight: 800;
    font-style: normal;

}

pre,code {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
	max-width:663px;
}
code, kbd, pre, samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
/*from critical*/
h1, h2,.h2, h3, h4, h5, h6, .h6 {
	color: #323c4a;
  }

/* Custom MotionPoint Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: Here are the styles specific to MotionPoint
*/

#mobile-close {
    text-align: right;
    font-size: 40px;
    position: absolute;
    right: 25px;
    top: 0;
}

#mobile-pop .button{
	height: 45px !important;
	line-height: 45px !important;
}

p {margin: 0 0 0 1em;}

.relative{
	position: relative;
}

.footer-link{
	display: block;
	color: #323c4a;
	text-decoration: none;
	margin-bottom: 5px;
	
}
footer p, footer a{
	font-size: 1.5rem;
}
#copyright {
	height: 40px;
}
#copyright p, #copyright a{
	font-size:1.3rem;

	line-height: 1.2;
	text-decoration: none !important;
}

.card-icon, .icon-wrapper, .quote-icon{
	display: flex;
	justify-content: center;
}
.card-icon{
	height: 105px;
	width: 105px;
}
.quote-icon{
	height: 44px;
	width: 44px;
}
/*.quote-author{
	position: absolute;
	bottom: 20px;
	left:0;
	right: 0;
	margin: 0 auto;
	margin-top: -64px;
}*/
.icon-wrapper{
	height: 121px;
	width: 121px; 
}


.card-icon svg, .card-icon img{
	max-width: 100%;
	max-height: 80%;
}

.icon-wrapper svg, .icon-wrapper img{
	max-width: 100%;
	max-height: 100%;
}

.card-title{
	/*margin-bottom: auto !important;*/
	margin-bottom: 0;
}
.card-subtitle{
	/*margin-bottom: auto !important;*/
	margin-top: auto !important;
	height: 100%;
}

.card-image{
	height: 200px;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	border-radius: 34px 34px 0 0;
}

.card-button-left{
	align-self: start;
	margin-top: auto !important;
}

.card-button-right{
	align-self: end;
	margin-top: auto !important;
}

.card-button-center{
	align-self: center;
	margin-top: auto !important;
}
.card .case-study-logo{
	background: #fff;
    border-radius: 20px 0 0 0;
    align-self: end;
    position: absolute;
    right: 0;
    top: 175px;
	
}

.card .case-study-logo img{
	height: 30px;
	width: auto;
}
.icp-card{
	padding-top: 200px;
	background-size: 115% !important;
    background-position: center -15px !important;
	background-repeat: no-repeat !important;
	border-radius: 20px 20px 0 0;
	
}
.slider-circle{
	height: 35px;
	width: 35px;
	border-radius: 50%;
}
/*NON ESSENTIALS*/
.quote-author p{
	font-size: 1.6rem;
	line-height: 1.5;
}
#home-testimonials .card{
		margin-bottom: 14rem !important;
	}

.uniform-height{
	margin-bottom: 0;
}

#deeper-dive-graphic, .graphic-wrap{
	position: relative;
	display: block;
	width:100%;
	content: " ";
}
#deeper-dive-graphic img, .graphic-wrap img{
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: contain;
	height: auto;
	z-index: 1;
}

#content-circles img{
	width: 100%;
	    top: 50%;
    transform: translateY(-50%);
}

#table-header .logo-icon{
	width: 45px;
	height: 45px;
	display: inline-block;
}
#table-header .logo-icon svg, .table-checkmark svg, .list-checkmark svg, .webinar-checkmark svg{
	max-width: 100%;
	max-height: 100%;
}
.webinar-checkmark{
	max-width: 75px;
}
.table-header-title{
	font-size: 2.7rem !important;
	padding: 0 !important;
	margin: 0 !important;
}
.table-header-subtitle{
	font-size: 1.2rem;
	padding: 0 !important;
	margin: 0 !important;
}
.table-row-title{
	font-size: 2.2rem;
	margin: 0 !important;
}
.table-row-subtitle{
	font-size: 1.8rem;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.uppercase{
	text-transform: uppercase;
}
.table-cell{
	border-top:1px solid;
	border-right:1px solid;
	border-bottom:1px solid;
	border-left:1px solid;
}
.table-checkmark{
	width: 52px;
	height: 52px;
	display: block;
	margin: 0 auto;
}
.webinar-checkmark{
	width: 25px;
	height: 25px;
	margin: 0 auto;
	display: block;
	max-width: 75px;
}
#form-wrapper{
	z-index: 10;
	position: absolute;
	background: rgba(0,0,0,.8);
	    width: 90%;
	max-width: 825px;
    margin: 0 auto;
    left: 0;
    right: 0;
	top: 50%;
	transform: translateY(-25%);
	border-radius: 20px;
}

.list-checkmark{
	width: 40px;
	height: 40px;
	min-width: 40px;
}
.list-count span{
	font-family: 'Poppins', sans-serif;
	border:4px solid;
	font-size: 3.4rem;
	text-align: center;
	border-radius:100%;
	    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.list-count span.large{

	font-size: 4rem;
	    width: 60px;
    height: 60px;
    
}
.checkmark-row p{
	margin: 0 !important;
	font-size: 3rem;
	line-height: 1.3;
}
#platform-checkmarks .checkmark-row p{
	margin: 0 !important;
	font-size: 2.3rem;
	line-height: 1.3;
}
#platform-solves h3{
	font-size: 4.2rem;
}
				.adaptive-step{
					position: relative;
				}
				.adaptive-background{
					position: absolute;
					top: 0;
					left: 0;
					right: 0;
					margin: 0 auto;
				}
				.z-top{
					z-index: 10;
				}
				.z-middle{
					z-index: 5;
				}
				.z-bottom{
					z-index: 0;
				}
				.adaptive-step-graphic{
					position: relative;
				}
			
				
				.adaptive-step-graphic.graphic-left img{
					right: -25px !important;
					left: unset;
					
				}
				.adaptive-step-content{
					position: relative;
				}
				.translating-by{
					position: absolute;
					right: 0;
					top: -50px;
				}
				
				.content-right .translating-by{
					left: 0;	
				}
				.flip-image{
					 -webkit-transform: scaleX(-1);
  					transform: scaleX(-1);
				}
				#start-card{
					position: absolute;
					width: 300px;
					top:100px;
					left:-25px;
				}
				.learn-more-graphic img{
					top: 50% !important;
					transform: translateY(-52%);
				}


.bg-self-serve{
	background-color: #0144bf;
}

.grid-3.table-cell, #table-header .grid-3 {
    flex-basis: 31%;
    flex-grow: 1;
}

.table-row.gap-2, #table-header.gap-2{
	gap: 0rem;
    grid-row-gap: 0rem;
}

#table-title {
	flex-direction: column;
	text-align: center;
}
#table-header .grid-6{
	justify-content: center;
}
  .tag {
      display: inline-block;
      padding: 5px 10px;
      margin: 5px;
      background-color: #f2f2f2;
      border-radius: 3px;
    }

    .tag-close {
      margin-left: 5px;
      cursor: pointer;
    }
   .pricing-step {
    display: none;
  }
  .pricing-step.active {
    display: block !important;
  }
  .optional {
    display: none;
  }
  .show-optional .optional {
    display: block;
  }
  .show-optional .pricing-step.optional {
    display: block;
  }
.pricing-row{
	height: 110px;
}
#compare-table .pricing-row{
    height: 74px;
}
.pricing-cell{
	padding: 0 9px;
	height: 100%;
	font-size: 1.3rem;
	box-shadow: 10px 0 5px -2px rgb(0 0 0 / 11%);
	text-align: center;
}
.pricing-row .pricing-cell:first-child {
  /* CSS styles for the first pricing-cell */
	text-align: left;
	padding: 0px;
}
#pricing-table-header{
	border-radius: 30px 30px 0 0;
}

#pricing-table-footer{
	border-radius: 0 0 30px 30px;
}
.arrow-up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white;
	margin: 0 auto;
}
.arrow-wrapper {
    padding-left: 6px;
	transform: translateX(-45%);
    width: 252px;
    padding: 0 3.5rem;
}

.client-logo{
	height: 45px;
	display: block;
}
.logo-slider img{
	max-width: 250px;
	max-height: 100%;
}
.logo-years{
	font-size: 1.2rem;
	margin: 0 !important;
}

#logo-slider-container{
	max-width: 95%;
	height: auto;
	margin: 0 auto;
}

#logo-slider{
	position: relative;
}

#logo-slider .grid-auto {
     flex-basis: 30%;
    flex-grow: 1;
    justify-content: center;
    text-align: center;
	padding: 5px;
}

.client-logo img {
       max-width: 40vw;
	display: inline-block;
	/* vertical-align: middle;*/
	mix-blend-mode: multiply;
	/*top: 35px;*/
	position: relative;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

footer .grid-auto{
	flex-basis: 42%;
    flex-grow: 1;
}

#footer-badges{
	max-width: 350px;
}

#mp-oss {
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    /* z-index: -1; */
    padding: 15px;
    background: rgba(188, 188, 188, 0.1);
    border-radius: 5px;
    display: none;
    top: 87px;
    width: 91%;
}

#mp-oss input {
    display: block;
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    font-size: 14px;
    font-style: italic;
    font-family: inherit !important;
}

	.content-circle{
		border-radius: 50%;
		position: relative;
		
		flex-direction: column;
		justify-content: center;
		cursor: default;
		opacity: 1;
		width: 150px;
		height: 150px;
		float:left;
		margin: 15px;
		flex-grow: 1;
		box-shadow: 0px 0px 7px 5px rgb(0 0 0 / 11%);
		z-index: 2;
		border: 4px solid;
		display: none;
	}
	.content-circle p{
		cursor: default;
	}




#dashboard-image{
	max-width: 100%;
	height: auto;
}
.graph-image{
	max-width: 100%;
	height: auto;
}

.hover-only{
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-55%);
}
.hover:hover *{
	opacity: 0;
}
.hover:hover .hover-only, .hover:hover a{
	opacity: 1;
}

.hover:hover .button{
	visibility: hidden;
}

#form-section{
	position: relative;
}
#form-close, .modal-close{
	position: absolute;
	top: 5px;
	right: 50px;
	font-size: 40px;
	z-index: 10;
}
.reverse-on-mobile > div:first-child, .reverse-on-mobile > section:first-child{
	order: 2;
}
.reverse-on-mobile > div:last-child, .reverse-on-mobile > section:last-child{
	order: 1;
}

.landing-graphic{
		position: absolute;
		width: 55vw;
		max-width: 850px;
		height: auto;
		bottom: 0;
		right: 0;
		transform: translateX(33%);
	}
	.landing-form{
		margin-top: 0px;
		width: 77%;
		
	}
	.landing-form-wrapper{
		backdrop-filter: blur(4px);
		background: rgba(1, 68, 191, .6);
	}

	.modal-background{
		position: fixed;
    display: block;
    height: 100vh;
    width: 100vw;
    top: 0;
    z-index: 999;
    background-color: rgba(0,0,0,.8);
		
	}
	.modal-body{
		width: 100%;
		/*max-width:750px;*/
		margin: 0 auto;
		position: absolute;
		top: 0px;
		left: 0;
		right: 0;
		opacity: 0;
		padding: 5rem 2rem 2rem 2rem !important;
	}
.modal-body .h1{
	font-size: 3rem;
	line-height: 3.5rem;
}

#speaker-section {
    display: flex;
    justify-content: center;
}
	#speaker-image{
	position: relative;
	z-index: 1;
	right: 0;
	bottom: 0;
}
#speaker-graphic{
	position: absolute;
	z-index: 2  !important;
	right: 0;
	bottom: 0;
}
#speaker-info{
	position: absolute;
    height: 168px  !important;
    bottom: 0;
    right: 0;
    z-index: 3;
    width: 429px  !important;
}
#speaker-name{
	font-size: 2.8rem !important;
	font-weight: 800  !important;
	margin-bottom: 0  !important;
	margin-bottom: 2px  !important;
}
#speaker-title{
	font-size: 1.4rem !important;
	line-height: 0 !important;
	font-weight: 700 !important;
	color: #000  !important;
	margin-bottom: 0  !important;
/*	padding-left: 7px;*/
	width: 210px  !important;
}
#speaker, #speaker p{
    color: #000;
    font-size: 2rem !important;
    font-weight: 700  !important;
    position: absolute;
    height: 204px  !important;
    bottom: 0 !important;
    right: 0  !important;
    z-index: 3 !important;
    width: 299px  !important;
}

.green-plus{
	position: absolute;
	top:100%;
	right: 0;
	left: 0;
	margin: 0 auto;
	z-index: 10;
	transform: translateY(-20px);
}

#adaptive-steps img{
	max-width: 100%;
}

#adaptive-steps .graphic-left img, #adaptive-steps .graphic-right img{
	position: relative;
}

#human-ai-graphic {
	position: relative;
    max-width: 100%;
    top: 6px;
}
#human-ai-form{
		position: relative;
		background:rgba(77, 50, 202, .3);
	margin: 3rem auto;
	}
#human-form-wrapper{
	max-width: 100%;
	margin-top: -20rem;
}
.card-header{
	border-radius:36px 36px 0 0;
}
.event-card p{
	font-size: 2.5rem;
	line-height: 1.5;
}
.event-card-header h4{
	font-size: 3.4rem;
	line-height: 4.4rem;
}
.event-card-header, .event-card{
	border-radius: 20px 20px 0 0;
}
.event-time-wrap{
	font-size: 2.8rem;
}

.event-time-wrap{
	min-width: 143px;
}
.event-time-pill{
	padding: 0 1rem;
	width: 96px;
	font-size: 2rem;
}
.event-time-pill svg{
	width: 20px;
}
#pricing-table-header .pricing-cell{
	border-radius: 20px 20px 0 0;
	font-size: 1.4rem;
	border: none;
}
#pricing-wizard [type="text"],#pricing-wizard [type="email"],#pricing-wizard [type="number"], #pricing-wizard select, #pricing-wizard label{
	width: 100% !important;
	margin: 0;
}
#pricing-wizard .searchSelect {
    height: 67px;
}
.more-info-icon svg{
	height: 15px;
}
.more-info-icon{
	position: relative;
}
.more-info-content{
	position: absolute;
    width: 267px;
    font-size: 1.6rem;
    line-height: 1.4;
	font-style: italic;
	z-index: 10;
}
.more-info-content.large{
	width: 200px;
}
.more-info-content.left{
	left:0;
}
.more-info-content.right{
	right:0;
}
.more-info-content.center{
	left:0;
}
.more-info-icon:hover .more-info-content{
	display: block !important;
}

.most-popular{
	position: absolute;
	top: 0;
	border-radius: 0px 0px 10px 10px;
}
.feature-name-cell{
	    flex-basis: 100%;
}

#pricing-wizard{
	padding: 23px;
}
#feature-cell{
		justify-content: center;
	}
.testimonial-quote-mark svg {
    height: 22px;
    width: 22px;
    display: inline-block;
}

.testimonial-quote-mark.close svg {
    transform: rotate(180deg) translate(-5px, -5px);
}

.gray-bar{
	height: 2px;
	width: 60%;
}

.beyond-icons img{
	width: 80%;
	height: auto;
}

.mp-lite-tier{
	border-radius: 100px;
    height: 20px;
    display: inline-block;
    width: 20px;
}

.bg-gold{
	background: rgb(255,211,0);
background: -moz-linear-gradient(243deg, rgba(255,211,0,1) 0%, rgba(228,197,48,1) 21%, rgba(255,211,0,1) 49%, rgba(201,176,55,1) 84%);
background: -webkit-linear-gradient(243deg, rgba(255,211,0,1) 0%, rgba(228,197,48,1) 21%, rgba(255,211,0,1) 49%, rgba(201,176,55,1) 84%);
background: linear-gradient(243deg, rgba(255,211,0,1) 0%, rgba(228,197,48,1) 21%, rgba(255,211,0,1) 49%, rgba(201,176,55,1) 84%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffd300",endColorstr="#c9b037",GradientType=1);
}

.bg-silver{
	background: rgb(255,255,255);
background: -moz-linear-gradient(243deg, rgba(255,255,255,1) 0%, rgba(208,199,199,1) 21%, rgba(244,240,240,1) 49%, rgba(215,215,215,1) 84%);
background: -webkit-linear-gradient(243deg, rgba(255,255,255,1) 0%, rgba(208,199,199,1) 21%, rgba(244,240,240,1) 49%, rgba(215,215,215,1) 84%);
background: linear-gradient(243deg, rgba(255,255,255,1) 0%, rgba(208,199,199,1) 21%, rgba(244,240,240,1) 49%, rgba(215,215,215,1) 84%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#d7d7d7",GradientType=1);
}

.bg-bronze{
	background: rgb(251,178,70);
background: -moz-linear-gradient(243deg, rgba(251,178,70,1) 0%, rgba(161,123,68,1) 21%, rgba(236,182,101,1) 49%, rgba(173,138,86,1) 84%);
background: -webkit-linear-gradient(243deg, rgba(251,178,70,1) 0%, rgba(161,123,68,1) 21%, rgba(236,182,101,1) 49%, rgba(173,138,86,1) 84%);
background: linear-gradient(243deg, rgba(251,178,70,1) 0%, rgba(161,123,68,1) 21%, rgba(236,182,101,1) 49%, rgba(173,138,86,1) 84%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fbb246",endColorstr="#ad8a56",GradientType=1);
}


	.mp-lite-website-form [type="text"],.mp-lite-website-form [type="email"], .get-started-form [type="text"],.get-started-form [type="email"]{
							height: 55px !important;
							border-radius: 5px !important;
							background-color: rgba(255,255,255,0.40) !important;
							/*font-size: 2.6rem !important;*/
							width: 100%;
							border: 1px solid !important;
							border-color: #6651df !important;
						}
						
						.mp-lite-website-form [type="text"]::placeholder,.mp-lite-website-form [type="email"]::placeholder,.get-started-form [type="text"]::placeholder,.get-started-form [type="email"]::placeholder{
							color: #fff !important;
							opacity: .8 !important;
						}
						.mp-lite-submit{
							align-self: flex-end !important;
						}
						#motionpoint-trust img{
							max-width: 100px;
							height: auto;
						}
						.mp-lite-website-form select{
							width: 100%;
							height: 45px;
							background: none;
							color: white;
						}

				

	#mp-lite-hero{
		min-height: 850px !important;
	}

#pillar-nav {
  
  position: absolute;
  z-index: 999;
  width: 93%;
}
#pillar-nav h3 {
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
  margin: 0 0 15px -6px;
}
#pillar-nav .nav-item {
  font-weight: 700;
  font-size: 16px;
  line-height: 26px;
  cursor: pointer;
  padding: 0 0 20px 22px;
  /*border-left: 2px solid #ccd4d9;*/
  position: relative;
}
#pillar-nav .nav-item:last-child {
  padding-bottom: 0;
}
#pillar-content {
  padding: 85px 45px 47px 53px;
  margin-bottom: 74px;
}
.nav-bullet {
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  background: #fff;
  border: 1px solid #0061d5;
  top: 6px;
  left: -8px;
}
.nav-item.active .nav-bullet {
  background: #0061d5;
}
.nav-line {
  position: absolute;
  width: 2px;
  height: 100%;
  left: -1px;
  background: #ccd4d9;
}
/* Define the main container for the custom scrollbar */
.custom-scrollbar {
    width: 100%; /* Take up the entire parent container's width */
    max-height: 681px; /* Let it adjust based on content height */
    overflow-x: hidden; /* Hide horizontal scrollbar */
    overflow-y: auto; /* Enable vertical scrolling */
    position: relative;
}

/* Define the content inside the custom scrollbar */
.custom-scrollbar .content {
    width: 100%;
    min-height: 100%; /* Ensure the content fills the container vertically */
   /* background-color: #f0f0f0;  Background color of the content area */
    padding: 20px;
    box-sizing: border-box; /* Include padding in the height calculation */
}

/* Style the custom scrollbar */
.custom-scrollbar::-webkit-scrollbar {
    width: 10px; /* Adjust the width of the scrollbar */
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: #fff; /* Color of the scrollbar thumb */
    border-radius: 5px; /* Rounded corners for the thumb */
}



.custom-scrollbar::-webkit-scrollbar-track {
    background-color: #007bff; /* Color of the scrollbar track */
}
.custom-scrollbar.event-scrollbar::-webkit-scrollbar-track {
    background-color: rgba(0,0,0,0); /* Color of the scrollbar track */
	border: 2px solid #9f62d7;
	border-radius: 100px;
}

/* Style the custom scrollbar */
.custom-scrollbar.event-scrollbar::-webkit-scrollbar {
    height: 7px !important; /* Adjust the width of the scrollbar */
}

/* Optional: Style the scrollbar on hover */
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: #fff; /* Color on hover */
}

.resources-nav.undock {
    position: fixed;
    width: 100%;
}

#unlock-global-graphic{
	max-width: 100%;
			
}

#compare-article h2{
		margin-top: 5rem !important;
		font-size: 3.8rem !important;
	}
	#compare-article.faq-container h2{
		margin: 0 !important;
		font-size: 2.2rem !important;
	}
	#compare-article h3{
		margin-top: 5rem !important;
		font-size: 2.5rem !important;
		margin-bottom: 0 !important;
		
	}
	#compare-article a {
		color: #0061d5; 
	}

/* Styling for the accordion */
.accordion {
  margin: 20px 0;
}
.accordion-item{
	cursor: pointer;
	margin-top: 2rem;
}
.accordion-item .arrow{
	height: 18px;
	width: 18px;
}

.accordion-content {
  display: none;
  padding: 10px;
}

/* Styling for the active state */
.accordion-active {
  background-color: #ccc;
}


.gate-content{
	height: 195px;
  background: rgb(255,255,255);
background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 64%, rgba(255,255,255,0.8939950980392157) 80%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 64%, rgba(255,255,255,0.8939950980392157) 80%, rgba(255,255,255,0) 100%);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 64%, rgba(255,255,255,0.8939950980392157) 80%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
    margin-top: -200px;
    z-index: 10;
    position: relative;
	padding-top: 175px;
}

ul.express-hero-list {
            list-style-type: none; /* Removes default bullets */
            padding-left: 0; /* Optional: Removes default padding */
        }
        
        ul.express-hero-list li {
			font-size: 2rem;
			line-height: 1.2;
            background-image: url('https://www.motionpoint.com/wp-content/uploads/checkmark-yellow-1.png');
            background-repeat: no-repeat;
            background-position: 5px 2px; /* Adjust the position of the image */
            padding-left: 40px; /* Adjust padding to make space for the bullet image */
            background-size: 20px; /* Adjust the size of the image */
            margin-bottom: 10px; /* Optional: Adds space between list items */
        }

ul.express-hero-list.pink-checkmarks li{
	font-size: 1.8rem !important;
    line-height: 1.3 !important;
	background-image: url('https://www.motionpoint.com/wp-content/uploads/express-checkmark.png');
}
ul.express-hero-list.primary-checkmarks li{
	font-size: 1.8rem !important;
    line-height: 1.3 !important;
	background-image: url('https://www.motionpoint.com/wp-content/uploads/concierge-checkmark.png');
}

#overlay-express{
	border-left: 1px solid #CCD4D9;
	padding-left: 3rem !important;
}
#overlay-express-title{
		font-size: 3.8rem !important;
	}
.overlay-express-button{
	    margin-top: 3.5rem !important;
}

.circle-count{
	border-radius: 100px;
	width: 50px;
	height: 50px;
	border: 4px solid;
	
	text-align: center;
}
.circle-count p{
	font-size: 4.5rem;
	line-height: 50px;
	font-family: 'Poppins', sans-serif;
	font-weight: 900;
	margin: 0 !important;
}

.left-summary {
	border-left: 1px solid  #e8ecef;
}

.express-form-show{
		position:fixed !important;
		width: 768px;
		border-radius: 30px;
		top:50%;
		transform: translateY(-65%);
		z-index:999;
		left: 0;
		right: 0;
		margin: 0 auto;
		-webkit-box-shadow: -1px 10px 0px 2000px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 10px 0px 2000px rgba(0,0,0,0.75);
box-shadow: -1px 10px 0px 2000px rgba(0,0,0,0.75);
	}

#culture-isms{
	background-size: cover !important; 
	background-repeat: no-repeat !important; 
	background-position: center center !important; 
	width:92%;
	padding-bottom: 50%;
}

.feature-description-row{
	padding: 0 2.5rem 2.5rem 2.5rem;
}
.feature-descriptions p{
	padding:2rem;
}

.feature-descriptions{
	border-radius: 5px;
    height: 100%;
    padding: 0;
    margin: 0;
    top: -15px;
    position: relative;
}

.features-row {
    margin: 3rem 3.2rem 0 3.2rem;
}

.feature-option{
	padding: 2rem 0 2rem 0;
	border-radius: 5px 5px 0 0; flex-grow: 1;
	text-align: center;
}

#event-learn-more{
height: 45px;
    line-height: 45px;
    margin-top: -68px !important;
    position: relative;
    display: flex;
    width: 182px;
}

#promo-learn-more{
	height: 45px;
    line-height: 45px;
    margin-top: -62px !important;
    position: relative;
    display: flex;
    width: 182px;
	float:left;
}


.translation-count{
		font-size: 19rem;
		font-family: 'Poppins', sans-serif;
		line-height: 1;
	}
.mini-blog p{
    font-size: 1.4rem;
    line-height: 1.2;
}
.mini-blog-image{
    border-radius: 20px;
    height: 70px;
    display: block;
    position: relative;
}



.card-tag{
    border-radius: 5px;
    font-size: 1.5rem;
    padding: 5px 15px;
}

#loaded-content {
  display: flex;
  flex-wrap: wrap !important; /* Enables wrapping of children */
}

#loaded-content .grid-3{
  max-width: 23.68%;
}

/* Optional: Adjust spacing or margins if needed */
#loaded-content .card-container:nth-child(4n+1) {
  clear: left !important; /* Forces the wrap after every 4th element */
}
#breadcrumb a, #breadcrumb p{
	font-size: 16px;
}
.web-cards {
	margin-top:20px;
}
.card.web-card{
	top:20px;
}
#subscribe-form-container .card{
	top:20px;
	/*padding:50px 45px;*/
}
.iconmp-logo::before {
	vertical-align: middle;
}
#subscribe-form h3{
	font-size:58px;
}
#subscribe-form p{
	/*font-size:22px;
	line-height: 34px;*/
}
#subscribe-form{
	/*padding:0 45px 0 0;*/
}
.web-card{
	padding:50px 45px;
}
.web-card-content h4{
	font-size:48px;
		line-height:45px;
	font-weight:400;
	margin-bottom:30px;
}
.web-card-content p{
	font-size:18px;
	line-height:28px;
	margin-bottom:30px;
}
.btn-tertiary {
	color: #0061d5;
	padding:10px 22px;
	font-size:18px;
	line-height: 18px;
}
.blog-cards ul li {
	display: inline;
	margin-right: 10px;
}

.blog-card{
	width:100%;
	max-width:100%;
	padding: 0;
	top:-15px;
}
#blog-card-img{
	height:156px;
	 /*background-size: auto 156px!important;*/
	background-size:cover !important;
	background-position: center center !important;
}

.col-lg-8 #blog-card-img{
	height:156px;
	 background-size: 100% 156px!important;
}
.col-lg-4 .blog-card-content p{
	font-size:14px;
	line-height: 24px;
}
/*.col-lg-8  .blog-card-content p{
	font-size:18px;
	line-height: 24px;
}
*/
.blog-card-content h6, #hero-slider h1{
	font-family: 'Lato', sans-serif ;
	
	font-weight: 700;
}
#hero-slider h1{
font-size: 53px;
    line-height: 63px;
    text-shadow: none;
    margin-top: 25px;
	font-family: 'Lato', sans-serif !important;
}
.col-lg-4 .blog-card-content h6{
    font-size: 20px;
    line-height: 27px;
}

.col-lg-8 .blog-card-content h6{
    font-size: 34px;
    line-height: 40px;
}

.blog-card-content{
	padding:0px 30px 75px 30px;
}

p.read-link {
	font-size:14px;
	line-height: 24px;
	font-weight: 700;
	position: absolute;
	bottom: 55px;
	/* right: 0; */
	left: 30px;
	margin: 0 auto;
}
p.read-link span{
	font-size:12px;
	color:#65737c;
}
p.feature-description {
    font-size: 16px;
    line-height: 26px;
}
.social-icons {
	/*position: absolute;*/
	bottom: 0px;
	left: -8px;
}
.news_social a {
	color: #ccd4d9;
	font-size: 18px;
	cursor: pointer;
}
.news_social a:hover {
	color: #0061d5;
}
.blog-hero-author {
	margin: -30px 0 30px 0;
}
.blog-author{
	font-size: 11px;
	position: absolute;
	left: 95px;
	top: 159px;
}
.blog-date {
	font-size: 11px;
	position: absolute;
	right: 30px;
	top: 159px;
}
.blog-hero-author img {
	border-radius: 50%;
	margin: 0 10px 0 0;
	max-width: 60px;
}
.category-link {
	z-index: 1;
	position: relative;
}
.svg-icon{
	/*filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(245deg) brightness(101%) contrast(101%);*/
}
.svg-icon-blog{
	filter: invert(79%) sepia(3%) saturate(453%) hue-rotate(160deg) brightness(110%) contrast(87%);
}
.svg-icon-blog:hover{
	filter: invert(33%) sepia(89%) saturate(3429%) hue-rotate(200deg) brightness(103%) contrast(107%);
}
.category-tag {
	height: 27px;
	line-height: 27px;
	display: inline-block;
	padding: 0 30px;
	margin-left:30px;
	top:10px;
	position: relative;
}


.center-divider-white{
	min-width:70px;
}
.featured-category-tag {
	height: 27px;
	line-height: 27px;
	display: inline-block;
	padding: 0 30px;
	margin: 0 auto;
}
.featured-read-time{
	font-size:12px;
	font-weight: 700;
}
#pagination{
	border-radius: 10px;
	border:1px solid #ccd4d9;
	margin:65px auto 0;
}
#pagination ul{
	margin: 0;
	padding: 0;
}
#pagination li{
	border-right:1px solid #ccd4d9;
	margin: 0;
	padding:0 12px;
	height: 38px;
	line-height: 38px;
	display:inline-block;
	color:#0061d5;
}
#pagination li a{
	color:#0061d5;
}
#pagination li:last-child{
	border-right:none;
}
#page-previous, #page-next{
	color:#ced4d9 !important;
}
#page-previous[data-active=active], #page-next[data-active=active]{
	color:#0061d5!important;
}
#page-previous{
	color:#ced4d9 !important;
}
#page-previous[data-active=active]{
	color:#0061d5;
}
#pagination li.active{
	color:#FFFFFF;
	background: #0061d5;
}
#pagination li.active a{
	color:#FFFFFF !important;
}

/*Hero Carousel*/

#carouselExampleIndicators{
	   background: #f4f7f9; /* Old browsers */
    background: -moz-linear-gradient(top, #f4f7f9 0%, #ebeef0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f4f7f9 0%, #ebeef0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f4f7f9 0%, #ebeef0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f7f9', endColorstr='#ebeef0', GradientType=0 ); /* IE6-9 */
    padding-bottom: 300px;
}
#carousel-indicators {
    display: block;
    height: 20px;
}
.carousel-indicators {
    position: relative;
		cursor:pointer;
	bottom:60px;
}
.carousel-indicators li {
    background: #fff;
    height: 15px;
    width: 15px;
    border-radius: 50px;
}
.carousel-indicators .active {
    background: #ffcb05;
}
.carousel-item {
    height: 500px;
}
.btn-tertiary-outline{
	padding:0 25px;
	font-size:16px;
	line-height: 34px;
	height: 36px;
	border:1px solid white;
	cursor: pointer;
}
.btn-tertiary-outline:hover{
	border:1px solid white;
}
#blog-hero a{
	color:#fff;
}
#blog-hero a:hover{
	text-decoration: none;
	color:#fff;
}
footer {
    border-top: none;
}
.row.cat-select {
	padding-right: 15px;
}
.row.cat-select label {
	font-size: 16px;
}
select {
    padding:0;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
   /*webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;*/
    background: #fff;
    color:#65737c;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
	border:1px solid #ccd4d9;
	font-size:13px;
	height: 32px;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}

.cat-select {position:relative}
.cat-select::after {
	content: '';
	right: 27px;
	top: 16px;
	padding: 0 0 2px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 8px solid #ccd4d9;
	position: absolute;
	pointer-events: none;
}
.cat-select:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    position:absolute;
    pointer-events:none;
    display:block;
}
#pagination-container{
	width:100%;
	text-align: center;
}
#pagination{
	display: inline-block;
}


/* CUSTOMERS */
p:empty::before {
	content: none !important;
}
figure img {
    width: 100%;
}
.customers .quote-name {
    font-weight: 600;
}
.customers .quote-name p {
    font-weight: 600;
    font-size: 16px !IMPORTANT;
    line-height: 26px !important;
}
#story-body p, #page-content p, #story-body li, #page-content li {
    font-size: 18px;
    line-height: 30px;
	margin-bottom: 1em;
}
#story-body ul, #page-content ul {
    margin: 35px 0 0 48px;
    padding-left: 0;
}
#more-stories h2 {
    font-size: 44px;
    font-weight: 600;
    line-height: 54px;
    width: 60%;
    margin: 0 auto;
}
#story-body li, #page-content li, .story-bullets li {
    background: url('https://www.motionpoint.com/wp-content/themes/motionpoint/images/content/resources/check-mark.gif') no-repeat left 2px;
    padding-left: 35px;
    display: block;
    margin-bottom: 20px;
    min-height: 40px;
}
#story-body h3, #page-content h3 {
    font-size: 32px;
    line-height: 42px;
    color: #002640;
    margin-top: 60px;
}
#story-body .text-feature p, #page-content .text-feature p {
    font-weight: 300;
    font-size: 24px;
    line-height: 34px;
    text-align: left;
    padding-right: 20px;
}
.divider-long {
    width: 70%;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 0;
}
#video-player {
    padding-top: 55px;
}
#customers-hero .subtitle {
    width: 60%;
    margin: 0 auto;
}

#hero-slider h1 {
    width: 80%;
}
.customer-card p, #featured-vid p {
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 20px;
    font-size: 16px;
    line-height: 20px;
}
.customer-card h6, #featured-vid h6 {
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 0;
}
.customer-card {
    max-width: 100%;
    padding: 0;
}
p.read-link {
    padding-left: 31px;
}
#featured-vid {
    height: 100%;
    cursor: pointer;
}
#play-btn {
    width: 117px;
    margin: 0 auto;
    padding-top: 133px;
}
.overlay-text {
    padding: 0px 30px 70px 30px;
}
#featured-vid .overlay-text {
    width: 50%;
}
#customer-card-img {
    height: 218px;
}
img.casestudy-logo {
    max-width: 180px;
    height: auto;
    margin-bottom: 25px;
}
#client-info {
    border-radius: 10px;
    max-width: 250px;
}
#client-info h6, #client-info-mobile h6 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
}
#client-info p, #client-info-mobile p {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
}
.quote-icon {
    margin: 0 auto 35px auto;
    width: 51px;
}
#main-quote h2, #secondary-quote h2 {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 35px;
}
.quote-name p {
    font-size: 16px;
    line-height: 26px;
    margin: 0;
}
.quote-author {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    align-self: end;
    -webkit-box-shadow: 0px 8px 11px -4px rgba(101,115,124,0.45);
    -moz-box-shadow: 0px 8px 11px -4px rgba(101,115,124,0.45);
    box-shadow: 0px 8px 11px -4px rgba(101,115,124,0.45);
	background-size: cover !important;
}

.customer-hero-border{
	border:4px solid;
	height: 100%;
	width:100%;
	position: absolute;
	top: -25px;
	left: 25px;
}
.customer-hero-graphic{
	background-size: cover !important;
}
.card-link {
    display: block;
    height: 100%;
    width: 100%;
    text-indent: -9999px;
    position: absolute;
    top: 0;
    left: 0;
}
#page-hero {
    height: 372px;
    margin-top: 70px;
}
#page-content {
    margin-top: 200px;
    border-radius: 30px 30px 0 0;
    padding-top: 40px;
}
#story-body, #page-content, #client-content {
    padding-left: 80px;
    padding-right: 70px;
}
div.col-lg-4:nth-child(3) > img:nth-child(1) {
    width: 120% !important;
    margin-left: 0px !important;
}
#social-row img {
    width: 100%;
    max-width: 35px;
}


#whats-new-nav-container {
     transition: top 0.3s ease; /* Smooth top position transitions */
	width: 88%;
}

#whats-new-nav-container .whats-new-nav {
    list-style: none;
    padding: 0;
    margin: 0;
}

#whats-new-nav-container .whats-new-primary-nav {
    cursor: pointer;
    margin: 0.5rem 0;
    position: relative;
    display: flex;
    align-items: center;
}

#whats-new-nav-container .whats-new-primary-nav a {
    text-decoration: none;
    color: inherit;
    flex-grow: 1;
}

#whats-new-nav-container .whats-new-arrow {
    margin-left: 0.5rem;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    position: relative;
}

#whats-new-nav-container .whats-new-arrow::before {
    content: "▼";
    display: inline-block;
    transform-origin: center center; /* Rotate from center */
    transition: transform 0.3s ease;
    font-size: 1.5rem;
    position: absolute;
    left: 0; /* Ensures proper alignment */
    top: 0;
}

#whats-new-nav-container .whats-new-arrow.expanded::before {
    transform: rotate(180deg);
}

#whats-new-nav-container .whats-new-subnav {
    list-style: none;
    padding: 0 1.5rem;
    margin: 0.5rem 0;
    display: none;
}

#whats-new-nav-container .whats-new-subnav-item {
    margin: 0.3rem 0;
}

.bg-center-center{
	background-position: center center !important; 
}
.resource-video-thumbnail{
	padding-top: 16%;
}

/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/

/* smaller than mobile */
@media (max-width: 593px) {
	.webloc-iframe{
		height: 300px;
	}
}


/* Larger than mobile */
@media (min-width: 431px) {
	
}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
	#table-title{
		flex-direction: row;
		text-align: left;
	}
	#table-header .grid-6{
		justify-content: left;
	}
}


@media (min-width: 700px) {
	.table-header-subtitle{
	font-size: 1.8rem;
}
	footer .grid-auto{
	flex-basis: 25%;
    flex-grow: 1;
}
	#pricing-wizard{
	    padding-left: 4rem !important;
    	padding-right: 4rem !important;
		padding-bottom: 4rem !important;
		padding-top: 4rem !important;
}
}

@media (max-width:355px){
	.hide-pricing-col{
		display: none;
	}
}
/* SNALLER than tablet */
@media (max-width:990px){
	.hide-on-mobile{
		display: none;
	}
	#modal-card-wrap  {
		padding: 0 !important;
		padding-top: 0 !important;
		margin-top: 0 !important;
	}
	#modal-card-wrap .card{
		padding: 2rem !important;
	}
	.modal-body {
		top:0 !important;
	}
	.mini-blog-image{
    	height: 120px !important;
		background-size: cover !important;
		background-position: center center;
	}
	
	.resource-video-thumbnail{
		height: 0%;
		padding-top: 26% !important;
		background-size: cover !important;
	}
	
	.quote-author {
		align-self: center;
	}
	.customer-hero-border{
	border:4px solid;
	height: 100%;
	width:100%;
	position: absolute;
	top: -25px;
	left: 0px;
}
	
#video-player {
    padding: 20px 0 30px 0;
}
.mobile-show {
    display: block;
}
.mobile-hide {
    display: none;
}
img.casestudy-logo {
    max-width: 100px;
}
#story-body, #page-content, #client-content {
    padding-left: 0px;
    padding-right: 0px;
}

#more-stories h2 {
    width: 80%;
}
#story-body .text-feature p, #page-content .text-feature p {
    padding-right: 0px;
}
#casestudy-hero h3 {
    margin-top: 0 !important;
}
	
	.left-summary {
		border-left: none;
	border-top: 1px solid  #e8ecef;
		padding: 10px 0 10px 0;
		margin-top: 10px;
}
	.circle-count-wrap{
		flex-basis: 15%;
	}
	.scorecard-header .grid-2{
		flex-basis: 20%;
	}
		#translation-process .how-it-works{
		text-align: center;
	}
	#pop-over-graphic{
		max-height: 200px;
		max-width: 100%;
		width: auto;
		margin: 0 auto;
	}
	
	.get-started-form [type="submit"] {
							display: flex;
							width: 100%;
							text-align: center;
							justify-content: center;
						}
	.get-started-form .email-field{
		margin-top: -20px;
	}
	#compare-article {
		margin-top: -30px !important;
	}
	
	#pilar-nav-mobile select{
		width: 100% !important;
	}
	#motionpoint-trust .grid-auto{

		flex-basis: 25% !important;
	}
	#mp-lite-hero{
		min-height: 1400px !important;
	}
	
	#pricing-wizard button{
	padding: 0 15px;
		border-radius: 14px;
	}
	
	
}

@media only screen and (max-width: 1024px) {
   #loaded-content .grid-3{
  max-width: 100%;
}
	#resource-filters{
		margin-bottom: 10px;
	}
	#resource-filters div {
    flex-basis: 45% !important;
    max-width: 41%;
}
	#resource-filters input, #resource-filters select{
		max-width:100%;
		margin-bottom: 0;
	}	
}
@media (max-width:768px){
	
	#more-stories h2 {
    width: 100%;
}
#story-body .text-feature p, #page-content .text-feature p {
    font-size: 20px;
    line-height: 30px;
}

	
	.features-card-body{
		display: flex;
	}
	.features-row{
		flex-basis: 20%;
		margin: 0 !important;
	}
	.feature-description-row{
		flex-basis: 80%;
		padding: 0 !important;
	}
		.feature-descriptions{
	border-radius: 5px;
    height: 100%;
    padding: 0;
    margin: 0;
    top: -15px;
    position: relative;
}

	
	.feature-option{
	padding: 2rem;
		width: 100%;
	border-radius: 5px 0 0 5px;
		flex-grow: unset;
	text-align: left;
}
	
		.more-info-icon{
		position: unset;
	}
	.more-info-content{
		left: 0 !impotant;
		width: auto !important;
	}
	.more-info-content.center{
		left: 0 !impotant;
		width: auto !important;
		transform: translateX(0%) !important;
	}
	#onetrust-banner-sdk #onetrust-policy-text {
    font-size: 0.7em !important;
    line-height: 1.5;
}
	#onetrust-banner-sdk #onetrust-policy {
    margin-left: 0em !important;
	padding-top: 5px;
}
	.overlay-express-best-for{
		margin: 0 !important;
	}
	.overlay-express-button{
	    margin-top: 2rem !important;
	}
	
	#overlay-express-title{
		font-size: 2rem !important;
	}
	#overlay-express{
	border-left: none;
	padding-left: 0 !important;
		border-top: 1px solid #CCD4D9;
	padding-top: 2rem !important;
}
	
	#nav-links{
		left: -100%;
		transition: left 0.3s ease;
	}
	#nav-links .nav-link{
		display: none;
	}
	#nav-links .grid-auto, #right-menu.mobile-nav .grid-auto{
		padding:10px 0;
		background: #fff;
	}
		#home-hero-wrap{
		gap: 0px;
	}
	
	#home-hero-wrap .hero-graphic img{
		top: -50px !important;
	}
	img#refer-client{
		max-width: 100%;
		height: auto;
	}
	.pricing-container {
    width: 100%;
    position: relative;
    overflow: scroll;
    height: 800px;
}
	
	#compare-table {
		 height: 473px;
	}
	.pricing-wrap {
    position: absolute;
    width: 600px;
}
	.mp-lite-menu{
		display: none;
	}
}
/* Larger than tablet */
@media (min-width: 750px) {
	
		#unlock-global-graphic{
			position: absolute;
			right: -135px;
			bottom: 0;
			width: 55%;
			height: 95%;				
		}
	
	.landing-form{
		width: auto;
		flex-basis: 35%;
	}
	.reverse-on-mobile > div:first-child, .reverse-on-mobile > section:first-child{
		order: 1;
	}
	.reverse-on-mobile > div:last-child, .reverse-on-mobile > section:last-child{
		order: 2;
	}
	
	#deeper-dive-graphic img, .graphic-wrap img{
	position: absolute !important;
	top: 0;
}
	
		#table-header{
		
	}
	#table-header.fixed-header{
		height: auto !important;
		position: fixed;
		top:75px;
		z-index:99999;
		width: 100%;
		max-width: 1138px;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: -webkit-calc(100% - 30px);
    	width:    -moz-calc(100% - 30px);
    	width:         calc(100% - 30px);
		padding: 0;
	}
	
}



.bg-adaptive-corner{
	background: rgb(36,93,212);
background: linear-gradient(270deg, rgba(36,93,212,1) 0%, rgba(138,20,194,1) 100%);
}
.bg-marketpoint{
	background: rgb(254,206,11);
background: linear-gradient(270deg, rgba(254,206,11,1) 0%, rgba(240,171,76,1) 100%);
}
/* FIRST BREAK POINT unless class wrap-on-mobile is added */

@media (min-width: 916px) {
	#home-steps-translate{
		margin-top: -100px;
	}
	.more-info-content.center{
	left:0;
	transform: translateX(-50%);
}
#guide-image{
		transform: translateY(-11%);
	}
	

	
	.bg-marketpoint{
	background: rgb(242,176,62);
background: linear-gradient(90deg, rgba(242,176,62,0) 0%, rgba(249,193,19,1) 55%, rgba(254,205,12,1) 100%);
}
	.bg-adaptive-corner{
		background: rgb(38,94,211);
background: linear-gradient(270deg, rgba(38,94,211,0) 0%, rgba(114,59,200,1) 55%, rgba(138,20,194,1) 100%);
	}
	.resources-nav.undock {
		position: fixed;
		top: 118px;
		width: 500px;
		margin: 0 auto;
		left: 0;
		right: 0;
	}
	
	.mp-blogs-bg{
		background: rgb(36,93,212);
		background: -moz-linear-gradient(270deg, rgba(36,93,212,1) 0%, rgba(138,20,194,1) 40%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 60%, rgba(254,206,11,1) 60%, rgba(240,171,76,1) 100%);
		background: -webkit-linear-gradient(270deg, rgba(36,93,212,1) 0%, rgba(138,20,194,1) 40%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 60%, rgba(254,206,11,1) 60%, rgba(240,171,76,1) 100%);
		background: linear-gradient(270deg, rgba(36,93,212,1) 0%, rgba(138,20,194,1) 40%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 60%, rgba(254,206,11,1) 60%, rgba(240,171,76,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#245dd4",endColorstr="#f0ab4c",GradientType=1);
	}
	
	.half-blue{
		background: rgb(255,255,255);
background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 57%, rgba(0,97,213,1) 57%, rgba(0,97,213,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 57%, rgba(0,97,213,1) 57%, rgba(0,97,213,1) 100%);
background: linear-gradient(90deg, rgba(255,255,255,0) 57%, rgba(0,97,213,1) 57%, rgba(0,97,213,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#0061d5",GradientType=1);
	}
	.half-white-left-solid{
		background: rgb(255,255,255);
background: -moz-linear-gradient(270deg, rgba(255,255,255,0) 57%, rgba(255,255,255,1) 57%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(270deg, rgba(255,255,255,0) 57%, rgba(255,255,255,1) 57%, rgba(255,255,255,1) 100%);
background: linear-gradient(270deg, rgba(255,255,255,0) 57%, rgba(255,255,255,1) 57%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
	}
	.half-white{
	background: rgb(255,255,255);
background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 100%);
background: linear-gradient(90deg, rgba(255,255,255,0) 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
.half-white-flip{
	background: rgb(255,255,255);
background: -moz-linear-gradient(270deg, rgba(255,255,255,0) 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 100%);
background: -webkit-linear-gradient(270deg, rgba(255,255,255,0) 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 100%);
background: linear-gradient(270deg, rgba(255,255,255,0) 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
	
	#refer-client{
		width: 127%;
	}
	
	 .how-it-works{
					 height: 410px;
					 position: relative;
				 }
				 
				 #connect-steps{
					width: 94%;
					position: absolute;
					border-top: 8px dotted #0061d5;
					top: 54%;
					margin: 0 auto;
					left: 0;
					right: 0;
					z-index: 0;
				 }
	
	.how-it-works img{
					 position: absolute;
					 bottom: 0px;
					 width: 100%;
					 height: auto;
					 z-index: 2;
				 }
	
	#ecommerce-points-two img{
		top: -100px !important;
	}
	#lets-chat .graphic-wrap img{
		transform: translateY(-28%);
	}
	.more-info-content.large{
	width: 400px;
}
	

	.pricing-cell{
	font-size: 1.7rem;
		padding: 0;
}
	
	#pricing-table-header .pricing-cell{
		font-size: 2rem;
		text-align: left;
		
	}
	
	#feature-cell{
		justify-content: left;
	}
	
	#human-form-wrapper{
	margin-top: 0;
}
	
	#human-ai-graphic {
	position: relative;
	position: absolute;
	bottom: 0;
	transform: translateX(-130px);
	z-index: 0;
		top: unset;
}
	#human-ai-form{
		position: absolute;
		z-index: 1;
		transform: translateY(-50%);
		
	}
	
	#proxy-graphics img{
	width: 120%;
	left: 120%;
	transform: translateX(-107%);
}
	#proxy-graphics .tablet-and-lower{
	display: block !important;
	visibility: hidden;
	position: relative !important;
}
	
	#platform-solves img, #what-you-get img{
		width: unset;
		transform: unset!important;
	}
	#adaptive-steps img{
	max-width: unset;
}
		.adaptive-step-graphic img{
					position: absolute;
					top: 50%;
					left: 0;
					transform: translateY(-52%);
				}
	
#adaptive-steps .graphic-left img, #adaptive-steps .graphic-right img{
	position: absolute;
}
	.green-plus{
	top:163px;
	right: -46px;
		left: unset;
		margin: unset;
}
	#content-to-audience-graphic{
		width: 140%;
		left:-50px;
		position: relative;
		 transform: translateY(-18%);
	}
	#adaptive-translation-graphic{
		width: 122%;
		left: -140px;
		position: relative;
		 transform: translateY(-18%);
	}
	.landing-form-wrapper{
		margin-top: 30px;
	}
	.modal-body{
		padding: 3rem !important;
	}
	.modal-body .h1{
		font-size: 3.5rem;
		    line-height: 1.2;
		margin-bottom: 0 !important;
	}
	.landing-graphic{
		
	}
	.landing-form{
		
		
	}
	.landing-form-wrapper{
	}
	#home-testimonials .card{
		margin-bottom: inherit !important;
	}
	
	.table-row.gap-2, #table-header.gap-2{
	gap: 2rem;
    grid-row-gap: 2rem;
}
	.grid-3.table-cell, #table-header .grid-3 {
    	flex-basis: 24.99%;
	}
	
	.table-cell{
		border-top:0px solid !important;
		border-right:2px solid;
		border-bottom:0px solid !important;
		border-left:2px solid;
	}
	
	#table-footer .table-cell{
		border-bottom:2px solid #0061d5 !important;
	}
	

	
	#logo-slider{
	/*position: absolute;*/
	left:0;
}
	
	#logo-slider-container{
	max-width: 1900px;
	position: relative;
	/*margin: -50px auto 0 auto;*/
	display: block;
	height: 96px;
}
	#logo-slider .grid-auto {
    flex-basis: auto;
		padding: 3.5rem;
}
	.client-logo img {
    max-width: unset;
		
}
	.client-logo{
	display: flex;
		/*height: 100px;*/
}
	.logo-years{
	margin: -20px 0 0 0 !important;
}
	#content-circles{
		position: relative;
	}
	.content-circle{
		position: absolute;
		border-radius: 100%;
		opacity: 0;
		display: flex;
	}
	#circle-pims{
		 bottom: 78%;
    	left: 30%;
		width: 166px;
		height: 166px;
		
	}
	#circle-pims p{
		font-size: 4.0rem;
	}
	
	
	#circle-website{
		bottom: 10%;
		width: 280px;
		height: 280px;
	}
	#circle-website p{
		font-size: 4.9rem;
	}
	
	#circle-mobile{
		    bottom: 84%;
    left: 71%;
		width: 235px;
		height: 235px;
	}
	#circle-mobile p{
		font-size: 4.0rem;
		line-height: 1.2;
	}
	#circle-videos{
		bottom: 32%;
		left: 56%;
		width: 210px;
		height: 210px;
	}
	#circle-videos p{
		font-size: 4.0rem;
	}
	
	#circle-offline{
		bottom: -39%;
    	left: 45%;
		width: 293px;
		height: 293px;
	}
	#circle-offline p{
		font-size: 4.3rem;
		line-height: 1.2;
	}
	
	#circle-software{
		bottom: 72%;
    	left: 123%;
		width: 256px;
		height: 256px;
	}
	#circle-software p{
		font-size:4.0rem;
	}
	
	#circle-emails{
		 bottom: 14%;
    left: 105%;
		width: 250px;
		height: 250px;
	}
	#circle-emails p{
		font-size:4.5rem;
	}
	
	#circle-social{
	bottom: -46%;
    left: 111%;

		width: 251px;
		height: 245px;
	}
	#circle-social p{
		font-size: 4.0rem;
		line-height: 1.2;
	}
	
	footer .grid-auto{
		flex-basis: auto;
		flex-grow: 1;
	}
	
	#mp-oss {
   
    width: 250px;
	right:0 !important;
		left:unset;
}
	
	.type-selector{
		/*background-color: #000;*/
		width:2px;
		height: 44px;
    	display: inline-block;
	}
	
	
	 .blink {
        animation: blink-animation 1s steps(5, start) infinite;
        -webkit-animation: blink-animation 1s steps(5, start) infinite;
      }
      @keyframes blink-animation {
        to {
          visibility: hidden;
        }
      }
      @-webkit-keyframes blink-animation {
        to {
          visibility: hidden;
        }
      }
	
}



/* Larger than desktop */
@media (min-width: 1000px) {
	
	.landing-form{
		margin-top: 100px;
		
	}
}

/* Larger than Desktop HD */
@media (min-width: 1280px) {
		.landing-graphic{
			
		
	}
}

@media (min-width:1350px){
	.landing-form{
		
		
	}
}

@media (min-width: 1700px){
	.landing-graphic{
		
	}
}