/*
Theme Name: Marketfully Theme
Theme URI: https://www.marketfully.com
Author: Nathan Lucas
Author URI: https://www.marketfully.com
Description: Website for Marketfully
Version: 1.0
License: GPL-2.0+
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* style.css */
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;}*/

.relative{
	position: relative;
}
ol {
	list-style-position: outside;
}
ol li::marker {
  font-weight: 900;   /* make the numbers heavy */
  /* optional extras:
  color: #222;
  font-family: Inter, system-ui, sans-serif;
  */
}
/* Shared styles for both tags */
.tag-center, .tag-left {
    position: relative;
    text-transform: uppercase;
    font-weight: 400;
    align-items: center;
	letter-spacing: .2rem;
	    font-size: 2.4rem;
	margin: 0 !important;
}

.tag-center{
	text-align: center;
}

/* The lines (for both left & right in .tag-center) 
.tag-center::before,
.tag-center::after,
.tag-left::after {
    content: "";
    display: block;
    width: 20px;
    height: 1px;
    background-color: #086EEC; 
    position: relative;
    bottom: -2px; 
}
.tag-white::after{
	background-color: #fff !important;
}


.tag-left::after {
    margin-left: 5px; 
}


.tag-center::before {
    margin-right: 5px; 
}*/

.hero-image-carousel{
			display: flex;
			align-content: center;
			justify-content: center;
			height: 550px;
		}
		.home-slide{
			position: relative;
			width: 900px;
			height: 550px;
			display: flex;
			justify-content: center;
		}
		
		.home-slide img{
			position: absolute;
			max-width: 100%;
		}
		
		/*#slide-1{
			margin-top: -65px;
		}
		
		#slide-2{
			margin-top: -150px;
		}
		
		#slide-3{
			margin-top: -125px;
		}*/
#slide-1{
			margin-top: -20px;
		}
#slide-2{
			margin-top: -45px;
		}
#slide-3{
			margin-top: 15px;
		}

	.blog-card-header{
		height: 150px;
		background-position: center center !important;
		background-size: cover !important;
		position: relative !important;
	}


	.blog-card{
		overflow: hidden;
	
		flex-basis: 32% !important;
	}

	#blog-cards{
		flex-wrap: wrap !important;
	}
.rounded-graphic{
	border-radius: 25px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.rounded-graphic.top{
	background-position: top;
}
.rounded-graphic.left{
	background-position: center left;
}
.underlap-large{
	padding-top:32rem;
	margin-top: -24rem;
}
.logo-hover{
				display: flex;
				justify-content: center;
				align-items: center;
				padding: 20px;
				border-radius: 20px;
				border: 1px solid #F1F7FF;
			}
.logo-hover img, .platform-logo img{
	max-width: 95%;
}
.blue-title-arrow img{
	width:35px; top: 5px; padding-right: 2px; position: relative;
}
#getgloby-logo .logo-hover img,  #getgloby-logo-platform.platform-logo img{
	max-width: 78%;
}
			.logo-hover .gray-logo{
				display: inline;
			}
			.logo-hover .color-logo{
				display: none;
			}
			#motionpoint-logo a:hover .logo-hover, #motionpoint-logo-platform{
				background: #2e69ff;
				border: 1px solid #2e69ff;
			}
			#keycontent-logo a:hover .logo-hover, #keycontent-logo-platform{
				background: #03244b;
				border: 1px solid #03244b;
			}
			#getgloby-logo a:hover .logo-hover, #getgloby-logo-platform{
				background: #f5f5ff;
				border: 1px solid #b9b9d3;
			}
			a:hover .logo-hover .gray-logo{
				display: none;
			}
			a:hover .logo-hover .color-logo{
				display: inline;
			}

#motionpoint-logo-platform, #keycontent-logo-platform, #getgloby-logo-platform{
	height: 125px;
	width: 100%;
}
input{
	height: 45px;
	line-height: 45px;
	border-radius: 100px !important;
}


footer .button{
	display: inline-flex;
	margin: 0 !important;
	height: 45px;
	padding: 0 28px !important;
	text-align: center;
	align-items: center;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 45px;
	letter-spacing: .2rem;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	border-radius: 100px;
	cursor: pointer;
	box-sizing: border-box;
	transition: 0.3s ease-in-out;
}

footer .button::after {
    content: "";
    display: inline-block;
    width: 0px; /* Adjust as needed */
    height: 0px; /* Adjust as needed */
    background-image: unset !important;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 0px !important; /* Space between text and arrow */
}

footer h6{
	font-size: 1.6rem;
	font-weight: 900;
}

footer p{
	font-size: 1.4rem;
}

footer a{ 
	margin-bottom: 1rem !important;
	display: inline-block !important;
	color: #333 !important;
}

ul.checkmark-dark-navy, ul.checkmark-white, ul.checkmark-purple{
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.checkmark-dark-navy > li, ul.checkmark-white > li, ul.checkmark-purple > li{
  position: relative;
  margin: 0 0 22px;
  padding-left: 49px;      /* room for the icon */
  line-height: 1.45;
}

ul.checkmark-dark-navy.small > li, ul.checkmark-white > li, ul.checkmark-purple > li{
  padding-left: 30px;      /* room for the icon */
}

ul.checkmark-dark-navy > li:last-child, ul.checkmark-white > li:last-child, ul.checkmark-purple > li:last-child{
  margin-bottom: 0;
}

ul.checkmark-dark-navy > li::before, ul.checkmark-white > li::before, ul.checkmark-purple > li::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0.15em;             /* aligns with first line; tweak if needed */
  width: 35px;
  height: 35px;
  background: url("https://www.marketfully.com/wp-content/uploads/sites/5/icon-checkmark-navy.png") no-repeat center;
  background-size: contain;
}

ul.checkmark-white > li::before{
	background: url("https://www.marketfully.com/wp-content/uploads/sites/5/icon-checkmark-white.png") no-repeat center;
	background-size: contain;
}

ul.checkmark-purple > li::before{
	background: url("https://www.marketfully.com/wp-content/uploads/sites/5/icon-checkmark-purple.png") no-repeat center;
	background-size: contain;
}

ul.checkmark-dark-navy.small > li::before, ul.checkmark-white > li::before, ul.checkmark-purple.small > li::before{
 
  width: 20px;
  height: 20px;

}

ul.checkmark-dark-navy > li > strong, ul.checkmark-white > li > strong, , ul.checkmark-purple > li > strong{
  display: block;
  margin-bottom: 4px;
  font-weight: 700;
}


.callout-card{
	width: 50%;
}
.callout-card p, .callout-card li{
	font-size: 1.2rem !important;
}
.callout-card h5{
	font-size: 1.4rem !important;
	margin: 0 !important;
	padding-bottom:1rem !important;
}
.callout-card.left{
    transform: translate(-20%, 90%);
}

.callout-card.right{
    transform: translate(90%, 85%);
}
/* Base Styles for Checkmarks */
.checkmarks, .checkmark, .xmarks {
    list-style: none; /* Remove default bullets */
    padding: 0;
    margin: 0;
}

.checkmarks li, .xmarks li {
    position: relative;
    padding-left: 35px; /* Space for checkmark */
    margin-bottom: 10px;
}
.checkmarks.largemarks li{
	padding-left: 50px;
}
.checkmark li, .xmark li {
	position: relative;
}

/* Create Checkmark Circle */
.checkmarks li::before, .checkmark li::before, .xmarks li::before {
    content: "✔"; /* Unicode checkmark */
    font-size: 14px;
    font-weight: bold;
    color: white;
    background-color: #4EB525; /* Default green */
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 3px;
}

.checkmarks.largemarks li::before{
	 font-size: 25px;
	top: 3px;
	width: 34px;
    height: 34px;
	 line-height: 34px;
}

.xmarks li::before{
	 content: "\2715" !important; /* Unicode checkmark */
	
}

.checkmarks.bluemarks li::before, .checkmark.bluemark li::before, .xmarks.bluemark li::before, .xmark.bluemark li::before {
	background-color: #086EEC; /* Default green */
}

.checkmarks.dark-bluemarks li::before, .checkmark.dark-bluemark li::before {
	background-color: #273991; /* Default green */
}

.checkmark li::before {
	width: 40px;
    height: 40px;
    line-height: 40px;
	font-size: 25px;
	transform: translateX(-50%);
}

.xmark li::before{
	content: "\2715"; /* Unicode checkmark */
    font-weight: 900;
    color: white;
    background-color: #4EB525; /* Default green */
    width: 40px;
    height: 40px;
    line-height: 40px;
	font-size: 25px;
	transform: translateX(-50%);
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 3px;
}

/* Allow Using .bg-green Instead */
.bg-green::before {
    background-color: var(--bg-green, #4EB525);
}
.bg-gradiant-marketfully{
	background: #02BFFF;
	background: linear-gradient(90deg, rgba(2, 191, 255, 1) 0%, rgba(160, 131, 255, 1) 28%, rgba(2, 191, 255, 1) 45%, rgba(160, 131, 255, 1) 82%, rgba(93, 217, 149, 1) 100%, rgba(93, 217, 149, 1) 100%);
}
.bg-gradient-marketfully-diagonal{
	background: #998DF9;
background: linear-gradient(199deg,rgba(153, 141, 249, 1) 0%, rgba(106, 136, 253, 1) 29%, rgba(88, 172, 249, 1) 59%, rgba(112, 211, 152, 1) 100%);
}
.bg-gradient-green {
	background: #70D197;
background: linear-gradient(107deg, rgba(112, 209, 151, 1) 8%, rgba(94, 172, 135, 1) 100%);
}
.divider-gradient-horz{
	background: #998BFF;
background: linear-gradient(100deg,rgba(153, 139, 255, 1) 11%, rgba(51, 210, 241, 1) 53%, rgba(39, 250, 141, 1) 100%);
	height: 8px;
	border-radius: 900px;
	max-width: 95%;
}

/* Modern splotchy gradient + mint pop + grain */
.modern-gradient{
	 background: #A08EF8;
background: linear-gradient(90deg, rgba(160, 142, 248, 1) 8%, rgba(91, 134, 254, 1) 35%, rgba(87, 176, 249, 1) 65%, rgba(112, 211, 152, 1) 93%);
	
}

.reverse-gradient{
	background: #A08EF8;
    background: linear-gradient(269deg, rgba(160, 142, 248, 1) 8%, rgba(91, 134, 254, 1) 35%, rgba(87, 176, 249, 1) 65%, rgba(112, 211, 152, 1) 93%);
}
.reverse-gradient-overlay {
position: absolute;
inset: 0;
background: #A08EF8 !important;
background: -webkit-linear-gradient(179deg, rgba(160, 142, 248,  0.79) 8%, rgba(91, 134, 254,  0.79) 35%, rgba(87, 176, 249, 1) 65%, rgba(112, 211, 152,  0.79) 93%) !important;
background: -o-linear-gradient(179deg, rgba(160, 142, 248,  0.79) 8%, rgba(91, 134, 254,  0.79) 35%, rgba(87, 176, 249,  0.79) 65%, rgba(112, 211, 152,  0.79) 93%) !important;
background: linear-gradient(269deg, rgba(160, 142, 248,  0.79) 8%, rgba(91, 134, 254,  0.79) 35%, rgba(87, 176, 249,  0.79) 65%, rgba(112, 211, 152,  0.79) 93%) !important;
pointer-events: none;
z-index: 0;
}
.font-gradient{
  font-style: italic;
  font-weight: 700;
  display: inline-block;

  background: linear-gradient(
    90deg,
    #6ECE95 0%,
    #57B3F9 33%,
    #5E86FF 66%,
    #A08EF8 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}



.font-gradient-reverse, .font-gradient-hover:hover{
  
  font-weight: 700;
  display: inline-block;

  background: linear-gradient(
    90deg,
    #A08EF8 0%,
    #5E86FF 33%,
    #57B3F9 66%,
    #6ECE95 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.font-gradient-purple{

  font-weight: 700;
  display: inline-block;
  background: linear-gradient(103deg,rgba(160, 142, 248, 1) 22%, rgba(108, 80, 244, 1) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}


.font-gradient-blue{

  font-weight: 700;
  display: inline-block;
  background: linear-gradient(103deg,rgba(87, 179, 249, 1) 22%, rgba(3, 112, 194, 1) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}


.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%);
				}

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

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

.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;
}

.about-team-headshot{
	height: 150px;
    width: 150px;
    border-radius: 50%;
    margin: 0 auto;
	overflow: hidden;
   
}

.about-team-headshot-interior{
    background-size: 120% 120%;
    background-position: center top;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
}

.about-team-headshot-interior.close-up{
	background-size: 113% 120%;
}

.card p {
	font-size: 1.8rem;
}
.card h5 {
	font-size: 2.2rem;
}

.card.small p {
	font-size: 1.4rem;
}
.card.small h5 {
	font-size: 1.6rem;
}
.card-icon{
	width: 50px;
	height: auto;
}
.card-divider{
	height: 1px;
	background: #D8DCE0;
}

	.hero-card-header{
				border-radius: 2px;
				border-radius: 20px 20px 0 0;
				margin-top: -2px;
			}
			.bg-beige{
				background-color: #c8c8c8;
			}
			.hero-card-content{
				margin-top: -5px;
			}
			.hero-card-content p{
				font-size: 12px !important;
				line-height: 1.5;
			}
			.translation-gradient{
				background: #2BE685;
				background: -webkit-linear-gradient(72deg, rgba(43, 230, 133, 1) 71%, rgba(36, 206, 242, 1) 100%);
				background: -moz-linear-gradient(72deg, rgba(43, 230, 133, 1) 71%, rgba(36, 206, 242, 1) 100%);
				background: linear-gradient(72deg, rgba(43, 230, 133, 1) 71%, rgba(36, 206, 242, 1) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2BE685", endColorstr="#24CEF2", GradientType=0);
			}
			.translation-card{
			  border: 2px solid transparent;      /* border thickness */
			  border-radius: 20px;                 /* optional rounding */

			  /* layer 1 = solid interior (as a 1-color gradient) clipped to padding-box
				 layer 2 = gradient “border” clipped to border-box */
			  background:
				linear-gradient(#F1F7FF, #F1F7FF) padding-box,
				linear-gradient(72deg, rgba(43,230,133,1) 71%, rgba(36,206,242,1) 100%) border-box;
			}
			.transcreation-gradient{
				background: #2ACAF2;
				background: -webkit-linear-gradient(72deg, rgba(42, 202, 242, 1) 71%, rgba(153, 139, 255, 1) 100%);
				background: -moz-linear-gradient(72deg, rgba(42, 202, 242, 1) 71%, rgba(153, 139, 255, 1) 100%);
				background: linear-gradient(72deg, rgba(42, 202, 242, 1) 71%, rgba(153, 139, 255, 1) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2ACAF2", endColorstr="#998BFF", GradientType=0);
			}
			.transcreation-card{
			 border: 2px solid transparent;      /* border thickness */
			  border-radius: 20px;                 /* optional rounding */

			  /* layer 1: solid interior (use a 1-color gradient) */
			  /* layer 2: gradient “border” */
			  background:
				linear-gradient(#F1F7FF, #F1F7FF) padding-box,
				linear-gradient(72deg, rgba(42, 202, 242, 1) 71%, rgba(153, 139, 255, 1) 100%) border-box;
			}
			.bg-light-purple{
				background-color: #998BFF;
			}
			.adaptive-creation-card{
				border: 2px solid #998BFF;
				background: #F1F7FF;
			}

.stat{
	font-size: 8rem;
	font-weight: 700;
}
.additional-services{
		border-radius: 0px 20px 20px 0px;
	}
#discover-graphic{
	max-width: 425px;
	margin-top: -50px;
}
.grid-6-5{
	flex-basis: 49.98%;
}
.grid-5-5{
	flex-basis: 44.98%;
}

#home-screenshot {
	position: absolute;
    max-height: 116%;
    top: -32px;
}

ul.bullet-purple, ul.bullet-green, ul.bullet-blue {
  list-style: none; /* Remove default bullets */
  padding-left: 0;  /* Optional: remove default left padding */
}

ul.bullet-purple li, ul.bullet-green li, ul.bullet-blue li {
  position: relative;
  padding-left: 24px; /* Space for the custom bullet */
}

ul.bullet-purple li::before, ul.bullet-green li::before, ul.bullet-blue li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 26%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-color: #998BFF;
  border-radius: 50%; /* Makes it a circle */
}

ul.bullet-green li::before
{
	background-color: #27fa8d;
}

ul.bullet-blue li::before
{
	background-color: #33d2f1;
}

ul.bullet-star-green {
  list-style: none;
  padding-left: 0;
}

ul.bullet-star-green li {
  position: relative;
  padding-left: 35px;        /* Space for 24px icon + gap */
  margin-bottom: 6px;        /* Optional spacing */
  min-height: 24px;          /* Ensures the li is tall enough */
  line-height: 24px;         /* Aligns text vertically with the icon */
}

ul.bullet-star-green li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 24px;
  height: 24px;
  background: url('https://www.marketfully.com/wp-content/themes/marketfully/img/icon-green-star.png') no-repeat center center;
  background-size: 24px 24px; /* Force the image to scale properly */
  transform: translateY(-50%); /* Perfect vertical centering */
}

.case-prestat{
	margin: 0px !important;
	padding: 0px !important;
	font-size: 2.2rem !important;
	line-height: 1;
	
}
.case-stat{
	margin: 0px !important;
	padding: 0px !important;
	font-size: 5rem !important;
	line-height: 1.2;
	font-weight: 500;
}
.casestudy-footer{
	margin-top: auto;
	height: 80px;
}
.casestudy-footer img{
	height: 30px;
	align-self: flex-start;
}
.bg-mohawk {
	background: #691B33;
background: linear-gradient(100deg, rgba(105, 27, 51, 1) 0%, rgba(163, 34, 53, 1) 49%, rgba(237, 116, 35, 1) 100%);
}



.bg-stubhub{
	background: #6536BE;
background: linear-gradient(100deg, rgba(101, 54, 190, 1) 0%, rgba(27, 0, 69, 1) 100%);
}

.bg-stubhub img{
	height: 40px;
}

.bg-asana{
	background: #E8A12F;
background: linear-gradient(100deg, rgba(232, 161, 47, 1) 0%, rgba(239, 96, 62, 1) 30%, rgba(232, 71, 93, 1) 63%, rgba(141, 95, 197, 1) 100%);
}

.bg-amtrak{
	background: #187FA6;
background: linear-gradient(100deg, rgba(24, 127, 166, 1) 0%, rgba(1, 53, 79, 1) 100%);
}
.mobile-relative{
	position: absolute;
}





#logo-slider{
	flex-wrap: nowrap !important;
}
#logo-slider .grid-auto {
    flex-basis: auto;
		padding: 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;
	overflow: hidden;
}

#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;
}

#logo-slider{
	
	left:0;
}
	
	#logo-slider-container{
	max-width: 1900px;
	position: relative;
	
	display: block;
	height: 96px;
}
	#logo-slider .grid-auto {
    flex-basis: auto;
		padding: 3.5rem;
}
	.client-logo img {
    max-width: unset;
		
}
	.client-logo{
	display: flex;
		
}


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

.no-break {
  white-space: nowrap;
}
.how-it-works-step{
	max-width: 340px;
}
.how-it-works-inside{
		padding:6rem;
}
#industries-map{
	position: absolute;
	height: 130%;
	top:-50px;	
}

#pardotIframe{
	width: 100%;
	height: 245px;
}

/* Layout */
.tcarousel {
  width: 100%;
}

.tcarousel__viewport {
  overflow: hidden;
  width: 100%;
  position: relative;
}

/* Track slides horizontally */
.tcarousel__track {
  display: flex;
  will-change: transform;
  transform: translate3d(0,0,0);
}

/* Each slide takes full width of viewport */
.tcarousel__slide {
  flex: 0 0 100%;
  box-sizing: border-box;
  padding: 16px;
}

/* Dots */
.tcarousel__dots {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 14px;
}

.tcarousel__dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  cursor: pointer;
}

/* Your classes */
.bg-light-blue { background: #57B0F9; }
.bg-green { background: #70D398; }

/* Optional: smooth text layout */
.testimonial {
  max-width: 900px;
  margin: 0 auto;
}

.blog-meta{margin-top: -115px;}
							.about-author { padding: 24px; border: 1px solid #e7e7e7; border-radius: 12px; background: #fff; }
.about-author__inner { display: flex; gap: 16px; align-items: flex-start; }
.about-author__photo img { width: 80px; height: 80px; object-fit: cover; border-radius: 999px; display: block; }
.about-author_photo img { width: 60px; height: 60px; object-fit: cover; border-radius: 999px; display: block; }
.about-author__name { margin: 0 0 6px; font-size: 18px; }
.about-author__title { font-weight: 600; opacity: .8; margin-bottom: 10px; }
.about-author__bio p { margin: 0; }


	/* Overlay */
.contact-modal-overlay {
  position: fixed;
  inset: 0;
  display: grid;               /* keep grid always */
  place-items: center;
  padding: 24px;

  background: rgba(10, 15, 25, 0.55);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  z-index: 9999;

  /* hidden state */
  opacity: 0;
  pointer-events: none;

  transition: opacity 140ms ease;
}

/* Modal */
.contact-modal {
  width: min(640px, 100%);
  max-height: min(80vh, 720px);
  overflow: auto;
  position: relative;

  transform: translateY(10px) scale(0.98);
  opacity: 0;

  transition:
    transform 160ms cubic-bezier(0.2, 0.9, 0.2, 1),
    opacity 140ms ease;
  will-change: transform, opacity;
}

/* Open */
.contact-modal-overlay.is-open {
  opacity: 1;
  pointer-events: auto;
}

.contact-modal-overlay.is-open .contact-modal {
  transform: translateY(0) scale(1);
  opacity: 1;
}

/* Closing */
.contact-modal-overlay.is-closing {
  opacity: 0;
}

.contact-modal-overlay.is-closing .contact-modal {
  transform: translateY(8px) scale(0.985);
  opacity: 0;
}

/* Optional: reduce motion */
@media (prefers-reduced-motion: reduce) {
  .contact-modal-overlay,
  .contact-modal {
    transition: none;
  }
}

@media (max-width: 1080px){
	
.client-logo img {
       max-width: 35vw;
	}
	#logo-slider .grid-auto {
       padding: 1.5rem !important;
	}
	.mobile-relative{
		position: relative !important;
		max-width: 95% !important;
		left: 0 !important;
		top: 0 !important;
		width: 95% !important;
		transform:unset !important;
	}
	
	#home-screenshot {
	position: relative;
    max-height: unset;
		max-width: 100%;
    top: 0px;
}
	.grid-6-5{
	flex-basis: 100%;
}
.grid-5-5{
	flex-basis: 100%;
}
	
	#slide-1{
			margin-top: 0px;
		}
#slide-2{
			margin-top: 0px;
		}
#slide-3{
			margin-top: 0px;
		}
	
	.hero-image-carousel{
			overflow: hidden;
		}
	.home-slide {
			position: relative;
			width: 80% !important;
			height: 400px !important;
			display: flex;
		}
	.hero-image-carousel{
		height: 400px !important;
	}
	.additional-services{
		border-radius:20px;
		margin-top: 2rem;
	}
	
	#discover-graphic{
	max-width: 95%;
	margin-top: -50px;
}
}
@media (max-width: 916px) {
	.modal-body{
		top: 0;
	}
	#pardotIframe{
	width: 100%;
	height: 410px;
}
	#industries-map{
		position: relative;
		height: auto;
		max-width: 100%;
		top:0px;	
	}
	.callout-card{
	width: 100%;
		margin-top: 200px;
}
.callout-card p, .callout-card li{
	font-size: 1.2rem !important;
}
.callout-card h5{
	font-size: 1.4rem !important;
	margin: 0 !important;
	padding-bottom:1rem !important;
}
.callout-card.left{
    transform: translate(0%, 0%);
}

.callout-card.right{
    transform: translate(0%, 0%);
}
	
	
	#home-hero-animation-container{
		min-height: 660px;
	}
	#home-about-marketfully{
		padding-top: 5rem !important;
		padding-bottom: 7rem !important;
	}
	#home-our-solution, #home-adaptive-content-ai{
		padding-top: 11rem !important;
		padding-bottom: 3rem !important;
	}
	#home-outcome{
		margin: 0 !important;
	}
	
	.how-it-works-step{
		top: 0px !important;
	}
	.how-it-works-inside{
		height: 100%;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	section .container{
		overflow: hidden;
	}
	.absolute-img{
		position: relative !important;
		max-width: 100% !important;
		top: 0 !important;
		left: 0 !important;
		transform: none !important;
	}
.blog-card{
	
		flex-basis: 100% !important;
	}

	#blog-cards{
		flex-wrap: wrap !important;
	}
}
@media (min-width: 916px) {
	



	
	
	#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;
}
}


@media(max-width:750px){
	
	#home-hero-animation-container{
		min-height: 550px !important;
	}
	.client-logo img {
       max-width: 30vw;
	}
	#client-log-riu{
		max-width: 12vw;
	}
	#client-log-leonardo{
		max-width: 45vw;
	}
	#logo-slider .grid-auto {
       padding: 1.2rem !important;
	}
	.home-slide {
			position: relative;
			width: 80% !important;
			height: 250px !important;
			display: flex;
		}
	.hero-image-carousel{
		height: 250px !important;
	}
}

@media (min-width: 750px) {
	
	.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;
	}
}

@media(max-width:561px){
	
	#home-hero-animation-container{
		min-height: 400px !important;
	}
}

@media(max-width:467px){
	
	#home-hero-animation-container{
		min-height: 315px !important;
	}
}

@media(max-width:400px){
	
	#home-hero-animation-container{
		min-height: 250px !important;
	}
}