.popbox.visible{
	opacity:1;
	z-index: 999;
    transition:opacity 0.3s ease;
}
.popbox.opened{
	display: block;
}

.popbox_locked .popbox_blur{
	filter:blur(15px);
}

html.popbox_locked{
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
}

.popbox{
	z-index: -999;
	position: fixed;
	width: 100%;
	max-width: 100%;
	height: 100%;
	top: 0;
	left: 0;
    will-change: opacity;
    transition:opacity 0.3s ease;
    opacity:0;
    will-change: opacity;
	background: rgba(0, 0, 0, 0.5);
	padding:25px 30px;
	padding-top:5%;
	overflow-y: auto;
	display: none;
}

.popbox_container {
	border-radius:5px;
	margin-bottom:18px;
	padding: 80px 40px;
	margin-left:auto;
	margin-right:auto;
	background:#fff;
	position: relative;
	max-width: 75%;
}

/*
 * Simple Forms, a fork of Mark Otto's original work
 * Released under MIT and copyright 2014 Mark Otto.
 *
 * Embedded icons from Open Iconic.
 * Released under MIT and copyright 2014 Waybury.
 * http://useiconic.com/open
 *
 * Specifc HTML markup needed for this to work, see:
 * https://github.com/nsteiner/simple-forms/blob/master/index.html
 *
 * added .util-sf__ prefix for better BEM
 *
 */
/*
 * Checkboxes and radios
 */
.util-sf__control {
  position: relative;
  display: inline-block;
  padding-left: 1.5rem;
  cursor: pointer; }

.util-sf__control input {
  position: absolute;
  opacity: 0;
  z-index: -1;
  /* Put the input behind the label so it doesn't overlay text */ }

.util-sf__control-indicator {
  position: absolute;
  top: .25rem;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
  font-size: 65%;
  color: #eee;
  text-align: center;
  background-color: #eee;
  background-size: 50% 50%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

/* Hover state */
/* Uncomment if you need it, but be aware of the sticky iOS states.
  .control:hover .control-indicator {
    color: #fff;
    background-color: #ccc;
  }
  */
/* Focus */
.util-sf__control input:focus ~ .util-sf__control-indicator {
  box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9; }

/* Checked state */
.util-sf__control input:checked ~ .util-sf__control-indicator {
  color: #fff;
  background-color: #0074d9; }

/* Active */
.util-sf__control input:active ~ .util-sf__control-indicator {
  color: #fff;
  background-color: #84c6ff; }

/* Checkbox modifiers */
.util-sf__checkbox .util-sf__control-indicator {
  border-radius: .25rem; }

.util-sf__checkbox input:checked ~ .util-sf__control-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=); }

/* Radio modifiers */
.util-sf__radio .util-sf__control-indicator {
  border-radius: 50%; }

.util-sf__radio input:checked ~ .util-sf__control-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQsMUMyLjMsMSwxLDIuMywxLDRzMS4zLDMsMywzczMtMS4zLDMtM1M1LjcsMSw0LDF6Ii8+DQo8L3N2Zz4NCg==); }

/* Alternately, use another character */
.util-sf__control-x input:checked ~ .util-sf__control-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xLjQsMEwwLDEuNGwwLjcsMC43bDEuOCwxLjhMMC43LDUuN0wwLDYuNGwxLjQsMS40bDAuNy0wLjdsMS44LTEuOGwxLjgsMS44bDAuNywwLjdsMS40LTEuNEw3LjEsNS43DQoJTDUuMywzLjlsMS44LTEuOGwwLjctMC43TDYuNCwwTDUuNywwLjdMMy45LDIuNUwyLjEsMC43QzIuMSwwLjcsMS40LDAsMS40LDB6Ii8+DQo8L3N2Zz4NCg==); }

.util-sf__control-dash input:checked ~ .util-sf__control-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLDN2Mmg4VjNIMHoiLz4NCjwvc3ZnPg0K); }

/*
   * Select
   */
.util-sf__select {
  position: relative;
  display: block; }

.util-sf__select select {
  font-family: "Univers W01", "Roboto", "Helvetica Neue", sans-serif;
  color: darkblue;
  display: inline-block;
  width: 100%;
  margin: 0;
  font-size: 18px;
  padding: .5rem 2.25rem .5rem 1rem;
  line-height: 1.5;
  background-color: #fff;
  border: 1px solid darkblue;
  border-radius: .25rem;
  cursor: pointer;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

/* Undo the Firefox inner focus ring */
.util-sf__select select:focus:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000; }

/* Dropdown arrow */
.util-sf__select:after {
  position: absolute;
  top: 50%;
  right: 1.25rem;
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  margin-top: -.2rem;
  pointer-events: none;
  border-top: 0.6rem solid darkblue;
  border-right: 0.5rem solid transparent;
  border-bottom: .4rem solid transparent;
  border-left: 0.5rem solid transparent;
  transition: inherit; }

/* Hover state */
/* Uncomment if you need it, but be aware of the sticky iOS states.
  .select select:hover {
    background-color: #ddd;
  }
  */
/* Focus */
/* Active/open */
/* Hide the arrow in IE10 and up */
.util-sf__select select::-ms-expand {
  display: none; }

/* Media query to target Firefox only */
@-moz-document url-prefix() {
  /* Firefox hack to hide the arrow */
  .util-sf__select select {
    text-indent: 0.01px;
    text-overflow: '';
    padding-right: 1rem; }
  /* <option> elements inherit styles from <select>, so reset them. */
  .util-sf__select option {
    background-color: #fff; } }

/* IE9 hack to hide the arrow */
@media screen and (min-width: 0\0) {
  .util-sf__select select {
    z-index: 1;
    padding: .5rem 1.5rem .5rem 1rem; }
  .util-sf__select:after {
    z-index: 5; }
  .util-sf__select:before {
    position: absolute;
    top: 0;
    right: 1rem;
    bottom: 0;
    z-index: 2;
    content: "";
    display: block;
    width: 1.5rem;
    background-color: #eee; }
  .util-sf__select select:hover,
  .util-sf__select select:focus,
  .util-sf__select select:active {
    color: #555;
    background-color: #eee; } }

/*
   * File
   */
.util-sf__file {
  position: relative;
  display: inline-block;
  cursor: pointer;
  height: 2.5rem; }

.util-sf__file input {
  min-width: 14rem;
  margin: 0;
  filter: alpha(opacity=0);
  opacity: 0; }

.util-sf__file-custom {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  height: 2.5rem;
  padding: .5rem 1rem;
  line-height: 1.5;
  color: #555;
  background-color: #fff;
  border: .075rem solid #ddd;
  border-radius: .25rem;
  box-shadow: inset 0 0.2rem 0.4rem rgba(0, 0, 0, 0.05);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.util-sf__file-custom:after {
  content: "Choose file..."; }

.util-sf__file-custom:before {
  position: absolute;
  top: -.075rem;
  right: -.075rem;
  bottom: -.075rem;
  z-index: 6;
  display: block;
  content: "Browse";
  height: 2.5rem;
  padding: .5rem 1rem;
  line-height: 1.5;
  color: #555;
  background-color: #eee;
  border: .075rem solid #ddd;
  border-radius: 0 .25rem .25rem 0; }

/* Focus */
.util-sf__file input:focus ~ .util-sf__file-custom {
  box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9; }

/*
   * Progress
   */
.util-sf__progress {
  display: inline-block;
  height: 1rem; }

.util-sf__progress[value] {
  /* Reset the default appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Remove Firefox and Opera border */
  border: 0;
  /* IE10 uses `color` to set the bar background-color */
  color: #0074d9; }

.util-sf__progress[value]::-webkit-progress-bar {
  background-color: #eee;
  border-radius: .2rem; }

.util-sf__progress[value]::-webkit-progress-value {
  background-color: #0074d9;
  border-top-left-radius: .2rem;
  border-bottom-left-radius: .2rem; }

.util-sf__progress[value="100"]::-webkit-progress-value {
  border-top-right-radius: .2rem;
  border-bottom-right-radius: .2rem; }

/* Firefox styles must be entirely separate or it busts Webkit styles. */
@-moz-document url-prefix() {
  .util-sf__progress[value] {
    background-color: #eee;
    border-radius: .2rem; }
  .util-sf__progress[value]::-moz-progress-bar {
    background-color: #0074d9;
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem; }
  .util-sf__progress[value="100"]::-moz-progress-bar {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem; } }

/* IE9 hacks to accompany custom markup. We don't need to scope this via media queries, but I feel better doing it anyway. */
@media screen and (min-width: 0\0) {
  .util-sf__progress {
    background-color: #eee;
    border-radius: .2rem; }
  .util-sf__progress-bar {
    display: inline-block;
    height: 1rem;
    text-indent: -999rem;
    /* Simulate hiding of value as in native `<progress>` */
    background-color: #0074d9;
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem; }
  .util-sf__progress[width="100%"] {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem; } }

/*
   * Control layouts
   */
.util-sf__controls-stacked {
  margin: 1rem 0; }

.util-sf__controls-stacked .util-sf__control,
.util-sf__controls-stacked .util-sf__progress {
  display: block; }

.util-sf__controls-stacked .util-sf__control + .util-sf__control,
.util-sf__controls-stacked .util-sf__progress + .util-sf__progress {
  margin-top: .5rem; }

.util-sf__controls-inline {
  margin: 1rem 0; }

.util-sf__controls-inline .util-sf__control {
  display: inline-block;
  height: 1rem; }

.util-sf__controls-inline .util-sf__control + .util-sf__control {
  margin-left: 1rem; }

.util__delist {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.util__debutton {
  border: none;
  display: inline-block;
  position: relative;
  padding: 20px 30px;
  text-transform: uppercase;
  color: white;
  font-weight: bold;
  cursor: pointer;
  margin-top: 5%;
  letter-spacing: 2px; }

.lazyloadimage img {
  opacity: 0; }

.lazyloadimage.lazyloaded img {
  opacity: 1;
  transition: ease-in 0.1s;
  transition-delay: 0.1s; }

body {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.618em;
  color: #4A545E; }

figure {
  display: inline;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0; }

sup {
  top: -1em;
  font-size: 50%; }

/* styles from RTE dialog */
h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 10px; }

p {
  margin: 0 0 1em; }

h1 {
  font-size: 36px; }

h2 {
  font-size: 32px; }

h3 {
  font-size: 22px; }

h4 {
  font-size: 20px; }

h5 {
  font-size: 18px; }

h6 {
  font-size: 14px; }

.style--small p {
  font-size: 14px;
  line-height: 1.618em; }

.style--medium p {
  font-size: 20px;
  line-height: 1.618em; }

.style--large p {
  font-size: 24px;
  line-height: 1.618em; }

.style--hero h1,
.style--hero h2,
.style--hero h3,
.style--hero h4,
.style--hero h5,
.style--hero h6 {
  font-size: 58px;
  font-weight: 600;
  line-height: 1.2em; }

.style--hero p {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.618em; }

.style--section h1,
.style--section h2,
.style--section h3,
.style--section h4,
.style--section h5,
.style--section h6 {
  font-size: 42px;
  font-weight: 600;
  line-height: 1.2em; }

.style--section p {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.618em; }

@media (min-width: 1270px) {
  .faq-accordion {
    margin-bottom: 60px; } }

.faq__faq-header {
  text-align: left;
  font-size: 26px;
  font-weight: normal; }

.faq-accordion__header * {
  pointer-events: none; }

.faq__accordion__container {
  margin: 0 auto;
  text-align: left;
  overflow: hidden;
  margin: 0 auto; }

.faq__accordion__container button:focus {
  outline: none; }

.faq__accordion__container button:not([aria-expanded='true']):focus {
  outline: none;
  border-color: #b0b0b0; }

.faq-accordion__header[aria-expanded='true'] {
  background-color: #fff;
  transition: background-color .3s ease; }

.faq-accordion__header {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  width: 100%;
  padding: 15px;
  padding-right: 30px;
  margin: 0 auto;
  -webkit-appearance: unset;
  border: none;
  outline: 0;
  text-align: left;
  color: rgba(0, 0, 0, 0.8);
  background-color: #fff;
  transition: .3s ease;
  border: 1px solid #e3e3e3;
  border-bottom: none; }

/*

original after for triangle

.faq-accordion__header::after {
  position: absolute;
  content: "";
  right: 45px;
  top: 22px;
  width: 0;
  height: 0;
  transition: all 0.3s ease;
  border: 8px solid rgba(0, 0, 0, 0);
  border-left-color: red;
}

.faq-accordion__header[aria-expanded="true"]::after {
  transform: rotate(90deg) translateY(-4px);
  transition: all 0.3s ease;
  border-left-color: red;
  transform-origin: left;
}

.faq-accordion__header:not([aria-expanded="true"]):hover,
.faq-accordion__header:not([aria-expanded="true"]):focus {
  background-color: #d4d4d4;
  &:after {
    border-left-color: #737373;
  }

*/
.js-accordion__read-more-symbol {
  background-image: url("data:image/svg+xml,%3Csvg%20class='icon__plus'%20xmlns='http://www.w3.org/2000/svg'%20width='17'%20height='17'%20viewBox='0%200%2017%2017'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23fff;stroke-width:1.5px;%7D.a,.b%7Bstroke:%232b363f;%7D.b,.d%7Bfill:none;%7D.b%7Bstroke-width:2.5px;%7D.c%7Bstroke:none;%7D%3C/style%3E%3C/defs%3E%3Cg%20transform='translate(-1515%20-669)'%3E%3Cg%20class='a'%20transform='translate(1515%20669)'%3E%3Ccircle%20class='c'%20cx='8.5'%20cy='8.5'%20r='8.5'/%3E%3Ccircle%20class='d'%20cx='8.5'%20cy='8.5'%20r='7.75'/%3E%3C/g%3E%3Cline%20class='b%20icon__plus--vline'%20y2='8'%20transform='translate(1523.5%20673.5)'/%3E%3Cline%20class='b%20icon__plus--hline'%20y2='8'%20transform='translate(1527.5%20677.5)%20rotate(90)'/%3E%3C/g%3E%3C/svg%3E");
  width: 17px;
  height: 17px; }

.faq__answer {
  margin: 0 auto;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.8);
  padding-right: 20px; }

.faq-accordion__panel {
  display: block;
  visibility: hidden;
  position: absolute;
  overflow: hidden;
  padding: 0 20px;
  margin: 0 auto;
  border: 1px solid #e3e3e3;
  border-top: none;
  border-bottom: none; }

.faq__wrap a,
.faq__wrap a:visited {
  color: red; }

html {
  box-sizing: border-box; }

*,
*:before,
*:after {
  box-sizing: inherit; }

.can-pause { animation-play-state: running; }
.can-pause:hover { animation-play-state: paused !important; }

@keyframes scrollLeft {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(var(--auto-scroll-max));
	}
}
@keyframes scrollRight {
	0% {
		transform: translateX(var(--auto-scroll-max));
	}
	100% {
		transform: translateX(0);
	}
}

/* Shared minimal styles */
/* .video is the component wrapper */
.video__hosted {
  position: relative;
  cursor: pointer; }

.video__hosted:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  left: calc(50% - 40px);
  top: calc(50% - 40px);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #000;
  border: 10px solid #fff;
  box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.35);
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20448%20512'%3E%3Cpath%20fill='%23fff'%20d='M424.4%20214.7L72.4%206.6C43.8-10.3%200%206.1%200%2047.9V464c0%2037.5%2040.7%2060.1%2072.4%2041.3l352-208c31.4-18.5%2031.5-64.1%200-82.6z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 41%;
  background-position: 21px;
  pointer-events: none;
  opacity: 1;
  transition: opacity 300ms ease-out; }

.video__hosted.jsclickedvideo:after,
.video__hosted.jsclickedvideo:before {
  opacity: 0;
  transition: opacity 300ms ease-in; }

.video__share {
  display: flex;
  justify-content: space-between;
  margin-top: 16px; }

@media (min-width: 900px) {
  .video__share {
    align-items: center; } }

.component-button.video__share-link {
  width: 45%;
  text-align: center; }

@media (max-width: 900px) {
  .component-button.video__share-link {
    width: 70%; } }

/* Shared minimal styles */
.colorpalette {
  width: 100%;
  margin: 30px 0;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.16); }

.colorpalette__color {
  width: 100%;
  height: 175px; }

.colorpalette__label, .colorpalette__label p {
  padding: 10px;
  font-size: 14px; }

/* Shared minimal styles */
/* .button is the component wrapper */
.button {
  display: inline; }

.btn {
  border: none;
  display: inline-block;
  cursor: pointer; }

/* Shared minimal styles */
@media (max-width: 1023px) {
  nav.pagetabs {
    height: 93px; } }

.tabPageNav {
  background: #f9f9f9;
  border-bottom: 1px solid #e9e9e9;
  padding-top: 10px;
  margin-bottom: 20px;
  position: relative; }

.tabPageNav:after {
  content: "";
  display: block;
  width: 100%;
  height: 20px;
  position: absolute;
  bottom: -21px;
  background: #FFF;
  z-index: 10; }

.pagetabs ul {
  display: flex;
  margin-bottom: -1px; }
  @media (max-width: 1023px) {
    .pagetabs ul {
      flex-direction: column;
      position: absolute; } }

@media (max-width: 1023px) {
  .pagetabs ul:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-left-width: 9px;
    border-right-width: 9px;
    border-top: 16px solid #E1261C;
    position: absolute;
    top: 40px;
    right: 22px;
    z-index: 30;
    pointer-events: none;
    transform: rotate(0deg);
    transition: transform 0.5s ease-in; } }

.js-pagetabs-showing .pagetabs ul:after {
  transform: rotate(180deg); }

.pagetab h3 {
  font-size: 16px;
  font-weight: 500; }

.pagetab:not(.pagetab--current) h3 {
  color: #777; }

.pagetab a {
  color: #E1261C;
  text-decoration: none;
  padding: 18px 80px 18px 18px;
  display: block; }

li.pagetab {
  max-width: 270px;
  border-top: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9; }
  @media (max-width: 1023px) {
    li.pagetab {
      position: relative;
      z-index: 20;
      background: #f9f9f9;
      display: none; } }

@media (max-width: 1023px) {
  .js-pagetabs-showing li.pagetab {
    display: block; } }

li.pagetab:first-child {
  border-left: 1px solid #e9e9e9; }

li.pagetab.pagetab--current {
  border-bottom: 1px solid #fff;
  border-color: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); }
  @media (max-width: 1023px) {
    li.pagetab.pagetab--current {
      order: -10;
      z-index: 10;
      display: block; } }

.pagetab--current a {
  background: #fff;
  height: 100%; }

li.pagetab p {
  color: #777;
  font-size: 14px;
  line-height: 1.3em; }

.pimlisting.hidden {
  display: none; }

.pimlisting table {
  width: 100%;
  font-size: 15px; }

.pimlisting__info-row td,
.pimlisting__promo-row td {
  padding: 50px 0 60px;
  border-bottom: 1px solid #f1f1f1; }

.pimlisting td {
  vertical-align: top; }

.pimlisting table tr.pimlisting__info-row td > * {
  max-width: 360px;
  margin: 0 10px; }
  @media (max-width: 479px) {
    .pimlisting table tr.pimlisting__info-row td > * {
      max-width: 170px; } }

.pimlisting th {
  color: #b1b1b1;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  padding-top: 60px;
  padding-bottom: 10px;
  padding-left: 10px;
  border-bottom: 1px solid #cbcbcb; }

.pimlisting h3 {
  font-size: 16px;
  line-height: 1.618em; }

.pimlisting p {
  color: #777777; }

.pimlisting p b {
  color: #4a545e; }

.pimlisting__recommended {
  color: #37c637;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  padding: 3px 8px;
  border: 1px solid #37c637;
  border-radius: 15px;
  display: inline-block;
  line-height: 9px; }

.pimlisting__recommended:before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 7px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='7.897'%20height='7.897'%20viewBox='0%200%207.897%207.897'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%2337c637;%7D%3C/style%3E%3C/defs%3E%3Cg%20transform='translate(-194.996%20-49.316)'%3E%3Cpath%20class='a'%20d='M195.227,54.14A.973.973,0,0,1,195,53.4a.994.994,0,0,1,.4-.687,1.041,1.041,0,0,1,1.407.161l.935,1.115,3.317-4.278a1.037,1.037,0,0,1,.816-.4,1.027,1.027,0,0,1,.586.181,1,1,0,0,1,.423.673.974.974,0,0,1-.2.745l-4.881,6.3Z'%20transform='translate(0%200)'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  margin: 0px 2px 0px -3px; }

.pimlisting__image {
  width: 125px;
  position: relative;
  margin-right: 60px; }
  @media (min-width: 480px) {
    .pimlisting__image {
      width: 177px; } }

img.pimlisting__card {
  width: 70%; }

img.pimlisting__overlay {
  position: absolute;
  bottom: -50px;
  right: 0;
  z-index: 2;
  width: 85%; }

.pimlisting__details-box {
  background-color: #f9f9f9;
  padding: 35px 30px;
  margin: -1px; }
  @media (max-width: 1023px) {
    .pimlisting__details-box {
      flex-direction: column; } }

@media (max-width: 1023px) {
  .pimlisting__details-box div:first-child {
    margin-bottom: 20px;
    margin-right: 0; } }

.js-pimlist__trigger {
  font-size: 14px;
  color: #e1261c;
  cursor: pointer;
  position: relative; }

.js-pimlist__trigger:after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 6px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='8'%20height='5.337'%20viewBox='0%200%208%205.337'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23e1261c;%7D%3C/style%3E%3C/defs%3E%3Cg%20transform='translate(1.331%20-1.331)'%3E%3Cpath%20class='a'%20d='M280.824,662.058l-3.813-3.336a.862.862,0,0,0-1.078,0,.611.611,0,0,0,0,.944l3.273,2.864-3.273,2.864a.611.611,0,0,0,0,.944.841.841,0,0,0,1.078,0L280.824,663a.609.609,0,0,0,0-.943Z'%20transform='translate(665.202%20-274.379)%20rotate(90)'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  margin: 0 0 1px 5px;
  transition: transform 0.3s ease-in; }

.rotate.js-pimlist__trigger:after {
  transform: rotate(180deg); }

.pimlisting__network-desc {
  max-width: 300px; }

@media (max-width: 1023px) {
  .pimlisting__cell3,
  .pimlisting__cell4,
  .pimlisting__cell5,
  .pimlisting__table-headers {
    display: none; } }

td.pimlisting__cell5 {
  min-width: 147px; }

.pimlisting table tr.pimlisting__info-row td a.component-button,
.pimlisting table tr.pimlisting__promo-row td a.component-button {
  margin-right: 0px;
  margin-left: 10px;
  width: 250px;
  text-align: center; }
  @media (max-width: 479px) {
    .pimlisting table tr.pimlisting__info-row td a.component-button,
    .pimlisting table tr.pimlisting__promo-row td a.component-button {
      transform: translate(-105px, 25px); } }

.pimlisting table tr.pimlisting__info-row td.pimlisting__cell1 div {
  margin-left: 0px; }

.pimlisting__mobile-button.component-button {
  display: none; }
  @media (max-width: 1023px) {
    .pimlisting__mobile-button.component-button {
      display: block;
      margin-top: 20px; } }

.pimlisting__promo-wrap-mobile {
  margin: 0 10px; }

.pimlisting__apps {
  display: flex;
  max-width: 200px;
  margin-top: 30px; }

.pimlisting__apps img {
  width: calc(100% - 10px);
  margin-right: 10px; }

.pimlisting__additionalinfo {
  margin-top: 60px;
  font-size: 14px; }

.pimlisting__additionalinfo a:after {
  content: "";
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='5.337'%20height='8'%20viewBox='0%200%205.337%208'%3E%3Cg%20id='New_Symbol_179'%20data-name='New%20Symbol%20179'%20transform='translate(0%208)%20rotate(-90)'%3E%3Cpath%20id='Path_293'%20data-name='Path%20293'%20d='M5.114,3.525,1.3.189a.862.862,0,0,0-1.078,0,.611.611,0,0,0,0,.944L3.5,4,.223,6.861a.611.611,0,0,0,0,.944.816.816,0,0,0,.54.2A.814.814,0,0,0,1.3,7.8L5.114,4.468a.609.609,0,0,0,0-.943Z'%20transform='translate(8)%20rotate(90)'%20fill='%23e1261c'/%3E%3C/g%3E%3C/svg%3E%0A");
  width: 7px;
  height: 10px;
  margin-left: 0.5em;
  background-repeat: no-repeat;
  background-position: 0 2px; }

@media (max-width: 999px) {
  .pimlisting__columns.flex {
    flex-direction: column; } }

@media (max-width: 999px) {
  .scroll .pimlisting__columns.flex {
    flex-direction: row;
    overflow-x: auto;
    scrollbar-width: none; } }

.scroll .pimlisting__columns.flex::-webkit-scrollbar {
  display: none; }

@media (max-width: 999px) {
  .scroll .pimlisting__columns.flex .pimlisting__column {
    min-width: 100%;
    box-shadow: none; } }

@media (max-width: 999px) {
  .scroll .pimlisting__title,
  .scroll .pimlisting__subtitle {
    min-height: 60px; } }

@media (max-width: 999px) {
  .scroll .pimlisting__plan-promo {
    min-height: 70px; } }

.scroll-heading {
  display: none;
  text-align: center;
  margin: 24px 0 16px;
  color: #e1261d; }

@media (max-width: 999px) {
  .scroll .scroll-heading {
    display: block; } }

.scroll .scroll-heading::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 23px;
  margin-top: 1px;
  margin-left: 19px;
  background-image: url("data:image/svg+xml,%3Csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%208%204.73'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23E1261D;%7D%3C/style%3E%3C/defs%3E%3Cpath%20id='Icon_Color'%20data-name='Icon%20Color'%20class='cls-1'%20d='M8,.73,7.27,0,4,3.27.73,0,0,.73l4,4Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  transform: rotate(-90deg);
  fill: #e1261d; }

.pimlisting__column {
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
  margin: 30px 12px 20px;
  padding: 30px;
  flex: 1;
  position: relative;
  overflow: hidden; }
  @media (max-width: 999px) {
    .pimlisting__column {
      margin: 15px 0px; } }

.pimlisting__column.pimlisting__column--plan:first-child {
  margin-left: 0px; }

.pimlisting__column.pimlisting__column--plan:last-child {
  margin-right: 0px; }

.pimlisting__column-limit {
  max-width: 340px;
  margin: 0 auto; }

.pimlisting__title {
  font-family: "Oswald", sans-serif;
  font-weight: 600;
  text-align: center;
  font-size: 22px;
  margin-top: 30px; }

.pimlisting__subtitle,
.pimlisting__subtitle p {
  font-family: "Merriweather", sans-serif;
  font-weight: 400;
  font-style: italic;
  text-align: center;
  max-width: 90%;
  margin: 10px auto 30px;
  font-size: 14px;
  color: #000; }

.pimlisting__column--plan .pimlisting__plan-button a,
.pimlisting__column--plan .pimlisting__plan-info,
.pimlisting__column--plan .pimlisting__moreinfo {
  display: none; }

.pimlisting__column--plan .pimlisting__plan-button a.active {
  display: inline-block; }

.pimlisting__column--plan .active.pimlisting__plan-info,
.pimlisting__column--plan .active.pimlisting__moreinfo {
  display: block; }

.pimlisting__plan-promo,
.pimlisting__plan-promo p {
  font-family: "Merriweather", sans-serif;
  font-weight: 400;
  font-style: italic;
  text-align: center;
  font-size: 14px;
  margin: 10px auto 30px;
  color: #000; }

.pimlisting__plan-button {
  margin: 10px auto 30px;
  text-align: center;
  border-bottom: 2px dotted #c4c4c4;
  padding-bottom: 30px; }

.pimlisting__plan-info p:first-child i {
  color: #000;
  font-family: "Merriweather", sans-serif;
  font-weight: 400;
  font-style: italic; }

.pimlisting__plan-info {
  padding-top: 35px; }

.pimlisting__plan-info li,
.pimlisting__plan-info p {
  color: #4a545e;
  font-size: 14px; }

.pimlisting__plan-info li {
  line-height: 26px; }

.pimlisting__plan-info p b {
  font-size: 16px; }

.pimlisting__plan-button .component-button {
  margin-right: 0; }

.pimlisting__plan-switcher .util-sf__control-indicator {
  pointer-events: none; }

.pimlisting__plan-switcher {
  display: flex;
  justify-content: space-between; }

.pimlisting__plan-switcher .util-sf__control-indicator {
  top: 0.45rem;
  width: 0.6rem;
  height: 0.6rem;
  background-color: #fff;
  box-shadow: 0px 0px 0px 3px #fff, 0px 0px 0px 4px #dcdcdc; }

.pimlisting__plan-switcher
.util-sf__control
input:checked
~ .util-sf__control-indicator {
  color: #fff;
  background-color: #000;
  background-image: none;
  box-shadow: 0px 0px 0px 3px #fff, 0px 0px 0px 4px #000;
  background-image: none; }

.pimlisting__plan-switcher
.util-sf__control
input:active
~ .util-sf__control-indicator {
  background-color: #000; }

.pimlisting__moreinfo {
  font-size: 14px;
  color: #e1261c;
  cursor: pointer;
  position: relative;
  margin-top: 20px; }
  .pimlisting__moreinfo a:hover {
    color: #e1261c; }

.pimlisting__moreinfo:after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 6px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='8'%20height='5.337'%20viewBox='0%200%208%205.337'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23e1261c;%7D%3C/style%3E%3C/defs%3E%3Cg%20transform='translate(1.331%20-1.331)'%3E%3Cpath%20class='a'%20d='M280.824,662.058l-3.813-3.336a.862.862,0,0,0-1.078,0,.611.611,0,0,0,0,.944l3.273,2.864-3.273,2.864a.611.611,0,0,0,0,.944.841.841,0,0,0,1.078,0L280.824,663a.609.609,0,0,0,0-.943Z'%20transform='translate(665.202%20-274.379)%20rotate(90)'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  margin: 0 0 1px 5px;
  transition: transform 0.3s ease-in;
  transform: rotate(-90deg); }

.single-column__rebate-text {
  flex-direction: column; }

.pimlisting.singleColumn .pimlisting__column {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto; }

.pimlisting.singleColumn .pimlisting__column-limit {
  max-width: 460px; }

.pimlisting.singleColumn .pimlisting__apps {
  max-width: 275px;
  margin-bottom: 26px; }

.pimlisting.singleColumn .pimlisting__apps a:last-child {
  margin-left: 20px; }

.pimlisting.singleColumn .pimlisting__apps img {
  width: 100%;
  max-height: 42px; }

.pimlisting.container.horizontal {
  padding-top: 70px;
  padding-bottom: 70px; }
  .pimlisting.container.horizontal .pimlisting__columns {
    display: block;
    justify-content: unset; }
  .pimlisting.container.horizontal .pimlisting__column {
    box-shadow: none;
    margin: 0;
    padding: 0; }
  .pimlisting.container.horizontal .pimlisting__horizontal {
    display: flex;
    flex-wrap: wrap;
    gap: 140px; }
  .pimlisting.container.horizontal .pimlisting__title {
    margin-top: 0; }
  .pimlisting.container.horizontal .pimlisting__column-image {
    max-width: 296px;
    margin: 0 auto; }
  .pimlisting.container.horizontal .pimlisting__plan-button {
    border-bottom: none; }
  .pimlisting.container.horizontal .pimlisting__right {
    flex: 1; }
  .pimlisting.container.horizontal .pimlisting__plan-info {
    display: flex;
    gap: 40px;
    padding-top: 30px; }
    .pimlisting.container.horizontal .pimlisting__plan-info .pimlisting__plan-promo,
    .pimlisting.container.horizontal .pimlisting__plan-info .pimlisting__plan-promo p {
      margin-top: 0;
      text-align: left; }
  .pimlisting.container.horizontal .pimlisting__plan-info-column {
    flex: 1;
    max-width: 380px; }
  .pimlisting.container.horizontal .pimlisting__plan-description {
    margin-bottom: 30px; }

.section__matrix {
  width: 100%; }
  @media (max-width: 1023px) {
    .section__matrix {
      overflow: scroll; } }

.matrix__table {
  width: 100%;
  min-width: 750px; }

.matrix__table tr th {
  text-align: left;
  padding: 2% 2% 2% 0; }

.matrix__table tr:first-child th {
  text-align: center;
  font-weight: 500; }

.matrix__table tr {
  padding: 20px 0px;
  border-bottom: 1px solid #CBCBCB;
  width: 16%;
  max-width: 100px; }

.matrix__table th {
  font-weight: bold; }

.matrix__table td {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  width: 16%; }

.matrix__check-mark {
  display: flex;
  justify-content: center; }

.matrix__fuelman-label {
  color: #E1261C;
  text-transform: uppercase; }

.matrix__disclaimer-text-wrapper {
  padding-top: 2%; }

.matrix__disclaimer-text {
  font-size: 14px;
  color: #777; }

/* Shared minimal styles */
form.sitelocatorform {
  display: flex;
  margin-top: 20px; }

form.sitelocatorform .sitelocatorform__zip {
  width: 125px;
  padding-top: 10px;
  display: inline-block;
  margin-right: 10px;
  font-size: 14px; }
  @media (min-width: 480px) {
    form.sitelocatorform .sitelocatorform__zip {
      width: 160px;
      font-size: 16px; } }

form.sitelocatorform .sitelocatorform__zip::-moz-placeholder {
  color: #777; }

form.sitelocatorform .sitelocatorform__zip::placeholder {
  color: #777; }

/* Shared minimal styles */
#mktoForm_1017 .mktoField {
  position: relative;
  color: #777;
  background-color: #fff;
  border: 1px solid #B9DEDA;
  border-radius: 4px;
  font-size: 16px;
  padding: 24.5px;
  box-shadow: none;
  border-color: #B9DEDA;
  font-weight: 500; }
  #mktoForm_1017 .mktoField::-moz-placeholder {
    color: #626f88;
    font-weight: 400;
    font-size: 14px; }
  #mktoForm_1017 .mktoField::placeholder {
    color: #626f88;
    font-weight: 400;
    font-size: 14px; }
  #mktoForm_1017 .mktoField:focus, #mktoForm_1017 .mktoField.mktoEmailField.mktoHasWidth.mktoRequired.mktoValid {
    box-shadow: 0px 3px 12px -5px #40CFC2;
    border-color: #40CFC2;
    outline: 0 !important; }
  #mktoForm_1017 .mktoField.mktoInvalid {
    border-color: #ec3b42;
    box-shadow: 0px 3px 12px -5px #ec3b42;
    outline: 0 !important; }
  @media (min-width: 480px) {
    #mktoForm_1017 .mktoField {
      width: 260px !important;
      max-width: 100% !important;
      padding: 15px; } }

.mktoForm .mktoFieldWrap {
  margin-bottom: 10px; }

.mktoOffset,
.mktoGutter.mktoHasWidth {
  width: 0px !important; }

.mktoForm {
  padding: 20px 0px 0px !important; }

.mktoForm .mktoRequiredField .mktoAsterix {
  display: none;
  opacity: 0; }

.mktoForm .mktoButtonWrap.mktoPaperMashup {
  margin-left: 0px !important; }

.mktoForm .mktoButtonWrap.mktoPaperMashup button.mktoButton {
  padding: 12px 25px;
  margin: 14px 0 0;
  display: inline-block;
  color: #fff;
  background: #FC7A32 !important;
  box-shadow: none !important;
  border: 1px solid #FC7A32;
  font-weight: bold;
  transition: 0.3s all ease-in;
  border-radius: 4px !important;
  line-height: inherit !important;
  text-shadow: none !important;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.1em; }
  .mktoForm .mktoButtonWrap.mktoPaperMashup button.mktoButton:hover {
    background: #40CFC2 !important;
    border-color: #40CFC2 !important;
    box-shadow: none !important;
    transition: 0.3s all ease-out; }

.cm-column__parent {
  display: flex;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto; }

@media (max-width: 759px) {
  .util--mobile-reverse .cm-column__parent {
    flex-direction: column-reverse; } }

.cm-column__child {
  flex: 1; }

.wcmmode .cm-column__child {
  background: rgba(0, 0, 0, 0.2);
  padding: 10px;
  margin: 10px; }

/* Shared minimal styles */
.text-group__label {
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 16px; }

/* icons should be 2x, scaled down here */
.text-group__icon img {
  transform: scale(0.5);
  transform-origin: top left; }

/* hiding play icon used on Comdata Payments*/
.text-group__link.text-group__link-play {
  display: none; }

/* helps to prevent images from breaking out of containers */
img.cmp-image__image {
  max-width: 100%; }

section.product-cta__wrap {
  display: flex;
  flex-direction: column; }

.testimonials__wrap {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto; }

.testimonial__text p {
  font-size: 28px;
  font-style: italic; }

.testimonial__person {
  display: flex; }

.testimonial__icon {
  width: 64px;
  height: 64px;
  border: 2px solid #ccc;
  background: #eee;
  border-radius: 50%;
  margin-right: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px; }


.table.section {
  width: 100%; }

.table__wrap {
  width: 100%;
  max-width: 90vw;
  position: relative; }
  @media (max-width: 1023px) {
    .table__wrap {
      overflow: scroll; } }

img.table__image {
  position: absolute;
  width: 100px;
  top: 21px;
  left: 250px; }

.table__wrap img {
  display: inline;
  width: 20px; }

.table__wrap table {
  width: 100%;
  min-width: 750px; }

.table__wrap table tr th {
  text-align: left;
  padding: 2% 2% 2% 0; }

.table__wrap table tr th:first-child {
  height: 98px; }

.table__wrap table tr:first-child th {
  text-align: center;
  font-weight: 500; }

.table__wrap table tr {
  padding: 20px 0px;
  border-bottom: 1px solid #CBCBCB;
  width: 16%;
  max-width: 100px; }

.table__wrap table tr:first-child,
.table__wrap table tr:last-child {
  border-bottom: 1px solid #000; }

.table__wrap table th {
  font-weight: bold; }

.table__wrap table td {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  width: 16%; }

/* Shared minimal styles */
.videoHero {
  -ms-overflow-style: none;
  overflow-x: hidden;
  position: relative; }

.videoHero:after {
  content: "";
  display: block;
  width: 100%;
  background: #F9F9F9;
  height: calc(100% - 105px);
  position: absolute;
  top: 0;
  z-index: -1;
  border-bottom: 1px solid #000; }
  @media (max-width: 900px) {
    .videoHero:after {
      display: none; } }

.videoHero:before {
  content: "";
  display: block;
  width: 100%;
  height: 0px;
  position: absolute;
  border: 0px;
  z-index: 3;
  top: -2px;
  left: 0;
  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.35); }

.videohero__top {
  display: flex;
  flex-direction: row-reverse;
  position: relative;
  margin-bottom: 30px; }

.videohero__wrap {
  position: relative;
  max-width: 1280px;
  margin: 0 auto; }
  @media (max-width: 1439px) {
    .videohero__wrap {
      width: 90vw;
      max-width: 90vw; } }

.videohero__top:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background: #fff;
  z-index: 2; }

.videohero__wrap--reveal .videohero__top:before {
  transition: opacity 0.4s ease-out;
  opacity: 0;
  pointer-events: none; }

.videohero__stage {
  position: relative;
  cursor: pointer;
  width: 50%;
  height: 25.4vw;
  max-height: 360px;
  display: flex;
  align-items: flex-start;
  border-left: 1px solid #000; }
  @media (max-width: 900px) {
    .videohero__stage {
      width: 100vw;
      height: auto;
      max-height: 100%;
      border-left: 0px; } }

.js-videohero__videoEl {
  width: 100%;
  max-width: 768px;
  height: auto;
  outline: none; }
  @media (max-width: 900px) {
    .js-videohero__videoEl {
      max-width: 810px; } }

.videohero__overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  max-width: 768px;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: 100%;
  opacity: 1;
  transition: opacity 0.3s ease-out; }
  @media (max-width: 900px) {
    .videohero__overlay {
      background-position-x: 0vw;
      max-width: 100%; } }

.videohero__wrap--playing .videohero__overlay {
  pointer-events: none; }

.videohero__stage:after {
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  z-index: 2;
  right: calc(50% - 50px);
  top: calc(50% - 50px);
  transition: background 0.2s ease-in;
  pointer-events: none; }

.videohero__stage:before {
  content: "";
  display: block;
  right: calc(50% - 22px);
  top: calc(50% - 22px);
  position: absolute;
  z-index: 3;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 22px 0 22px 33px;
  border-color: transparent transparent transparent #f37926;
  transition: border-color 0.2s ease-in;
  pointer-events: none; }

.videohero__stage:hover:after {
  background: #f37926;
  transition: background 0.2s ease-out; }

.videohero__stage:hover:before {
  border-color: transparent transparent transparent #ffffff;
  transition: border-color 0.2s ease-out; }

.videohero__pause {
  position: absolute;
  z-index: 2;
  right: 27vw;
  top: 15vw;
  width: 8vw;
  height: 8vw;
  pointer-events: none; }

.videohero__pause:before {
  position: absolute;
  z-index: 3;
  content: "";
  display: block;
  width: 8vw;
  height: 8vw;
  border-radius: 50%;
  background: #f37926;
  opacity: 0;
  transition: opacity 0.3s ease-in; }

.videohero__pause:after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg%20height='100'%20viewBox='0%200%20512%20512'%20width='100'%20style='fill:%23ffffff'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M224%20435.8V76.1c0-6.7-5.4-12.1-12.2-12.1h-71.6c-6.8%200-12.2%205.4-12.2%2012.1v359.7c0%206.7%205.4%2012.2%2012.2%2012.2h71.6C218.6%20448%20224%20442.6%20224%20435.8zM371.8%2064h-71.6c-6.7%200-12.2%205.4-12.2%2012.1v359.7c0%206.7%205.4%2012.2%2012.2%2012.2h71.6c6.7%200%2012.2-5.4%2012.2-12.2V76.1C384%2069.4%20378.6%2064%20371.8%2064z'/%3E%3C/svg%3E");
  background-size: 100%;
  right: 2vw;
  top: 2vw;
  position: absolute;
  z-index: 4;
  width: 4vw;
  height: 4vw;
  opacity: 0;
  transition: opacity 0.3s ease-in; }

.videohero__wrap--playing .videohero__overlay,
.videohero__wrap--playing .videohero__stage:before,
.videohero__wrap--playing .videohero__stage:after {
  opacity: 0;
  transition: opacity 0.3s ease-in; }

.videohero__wrap--playing .videohero__stage:hover .videohero__pause:before,
.videohero__wrap--playing .videohero__stage:hover .videohero__pause:after {
  opacity: 1;
  transition: opacity 0.3s ease-in; }

.videohero__message {
  border-right: 1px solid #000;
  width: 50%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: width 0.5s ease-out; }
  @media (max-width: 900px) {
    .videohero__message {
      border-right: 0px; } }

.videohero__message--desktop {
  display: none; }
  @media (min-width: 901px) {
    .videohero__message--desktop {
      display: flex; } }

@media (min-width: 901px) {
  .videohero__message--mobile {
    display: none; } }

.videohero__message.videohero__message--mobile {
  position: static;
  width: 100%;
  margin-top: 40px;
  text-align: center;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 30px 0; }

.videohero__buttons {
  display: flex;
  width: 100%;
  justify-content: center; }
  @media (max-width: 900px) {
    .videohero__buttons {
      margin-bottom: 55px; } }

button.videohero__button {
  width: 138px;
  height: 75px;
  border: 1px solid #000;
  border-radius: 8px;
  margin-right: 28px;
  background-size: cover;
  position: relative;
  box-shadow: inset 138px 0px 0px 0px rgba(255, 255, 255, 0.1);
  outline: 0;
  transition: box-shadow 0.3s ease-out; }
  @media (max-width: 900px) {
    button.videohero__button {
      width: 25vw;
      height: 14vw;
      margin-right: 6vw;
      box-shadow: inset 25vw 0px 0px 0px rgba(255, 255, 255, 0); } }

button.videohero__button:hover,
button.videohero__button:focus,
button.videohero__button:active,
button.videohero__button--active {
  box-shadow: inset 10vw 0px 0px 0px rgba(255, 255, 255, 0);
  transition: box-shadow 0.3s ease-in;
  outline: 0; }

button.videohero__button--3 {
  margin-right: 0; }

button.videohero__button span {
  position: absolute;
  text-align: center;
  width: 130%;
  left: -14%;
  top: 109%;
  display: none;
  border: none;
  outline: 0; }

button.videohero__button:after {
  content: "";
  display: block;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  right: calc(50% - 18px);
  top: calc(50% - 18px);
  transition: background 0.3s ease-in; }
  @media (max-width: 900px) {
    button.videohero__button:after {
      width: 7vw;
      height: 7vw;
      right: 2vw;
      top: 2vw; } }

button.videohero__button:hover:after,
button.videohero__button:active:after,
button.videohero__button--active:after {
  background: #f37926;
  transition: background 0.3s ease-out; }

button.videohero__button:before {
  content: "";
  display: block;
  right: calc(50% - 9px);
  top: calc(50% - 9px);
  position: absolute;
  z-index: 2;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 14px;
  border-color: transparent transparent transparent #f37926; }
  @media (max-width: 900px) {
    button.videohero__button:before {
      right: 4.16vw;
      top: 4vw;
      border-width: 1.5vw 0 1.5vw 2.2vw; } }

button.videohero__button--active:before {
  border: none;
  width: 17px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg%20height='100'%20viewBox='0%200%20512%20512'%20width='100'%20style='fill:%23ffffff'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M224%20435.8V76.1c0-6.7-5.4-12.1-12.2-12.1h-71.6c-6.8%200-12.2%205.4-12.2%2012.1v359.7c0%206.7%205.4%2012.2%2012.2%2012.2h71.6C218.6%20448%20224%20442.6%20224%20435.8zM371.8%2064h-71.6c-6.7%200-12.2%205.4-12.2%2012.1v359.7c0%206.7%205.4%2012.2%2012.2%2012.2h71.6c6.7%200%2012.2-5.4%2012.2-12.2V76.1C384%2069.4%20378.6%2064%20371.8%2064z'/%3E%3C/svg%3E");
  background-size: 100%; }
  @media (max-width: 900px) {
    button.videohero__button--active:before {
      width: 3vw;
      height: 3vw;
      right: 3.9vw;
      top: 4vw; } }

button.videohero__button:hover:before,
button.videohero__button:active:before {
  border-color: transparent transparent transparent #ffffff;
  transition: border-color 0.3s ease-out; }

.videohero__wrap--image-only .videohero__stage:before,
.videohero__wrap--image-only .videohero__stage:after {
  display: none; }

.videohero__wrap--image-only .videohero__stage {
  cursor: default; }

.videomodal__link--button {
  padding: 11px 25px;
  margin: 0 20px 0 0;
  display: inline-block;
  text-transform: uppercase;
  color: #fff;
  background: #333;
  border: 1px solid #333;
  font-weight: bold;
  letter-spacing: 0.08em;
  transition: 0.3s all ease-in;
  font-size: 14px; }
  .videomodal__link--button:last-child {
    margin-right: 0; }
  .videomodal__link--button:hover {
    background: #000;
    border-color: #000;
    transition: 0.3s all ease-out; }

a.videomodal__link--button:hover {
  color: #fff; }

.rebate-table__wrap {
  background-color: #FFF; }

.rebate-table__list-header {
  color: #FFF;
  padding: 3% 0px;
  max-width: 270px;
  margin: auto; }
  @media (min-width: 1270px) {
    .rebate-table__list-header {
      text-align: left;
      max-width: 100%; } }

.rebate-table__table-header {
  text-align: center;
  padding: 2%;
  background-color: #FFF;
  color: #000;
  letter-spacing: 0.8px;
  font-size: 2em; }

.rates-table__table-wrap {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  color: #000;
  text-align: left;
  margin-bottom: 20px; }

.rates-table__table-row-header {
  padding: 2% 0% 2% 8%;
  color: #000;
  font-size: 21px; }

.rates-table__table-body-column {
  padding: 2% 0% 2% 8%; }

.rates-table__table-body-row {
  background: #E7E7E7;
  color: #000;
  font-size: 1.1em; }
  .rates-table__table-body-row:nth-of-type(even) {
    background-color: #fff; }

.rates-table__table-row-header {
  background-color: #FFF; }

.rates-table__table-wrap > tbody > tr:last-child {
  height: 41px; }

/* Shared minimal styles */
.popbox[data-popbox-id="rec-eng"] {
  background: rgba(0, 0, 0, 0); }

.popbox[data-popbox-id="rec-eng"] .popbox_container {
  width: 100vw;
  max-width: 100vw;
  height: calc(100vh - 100px);
  position: absolute;
  left: 0;
  top: 100px;
  margin: 0;
  background: #FCFCFC; }

.rec-engine.hidden {
  display: none; }

.rec-engine .rec-engine__headline {
  margin-bottom: 16px; }

.rec-engine .rec-engine__subtext {
  margin-top: 16px; }

.rec-engine.content-added {
  padding: 16px 0 48px;
  max-width: 600px;
  margin: auto;
  text-align: center; }

.page--comdatatrucking .rec-engine.content-added {
  padding: 48px 0;
  max-width: 800px; }

.content-added h5 {
  font-size: 24px;
  font-weight: normal; }

.page--comdatatrucking .rec-engine.content-added h5 {
  font-style: italic; }

.content-added .util__rec-button {
  text-transform: uppercase;
  font-size: 14px;
  padding: 11px 16px; }

.content-added .rec-eng__content .base-form__label {
  margin-bottom: 0px;
  margin-top: 0px; }

.content-added .recommendationEngine {
  margin: 16px auto; }

.content-added .rec-eng-form__wrap .util__rec-button {
  margin-top: 16px; }

.content-added .rec-eng-form__wrap {
  flex-direction: column; }

@media (min-width: 1198px) {
  .content-added .rec-eng-form__wrap {
    flex-direction: row;
    justify-content: center; }
  .content-added .rec-eng-form__wrap .util__rec-button {
    margin: 0 0 0 16px; } }

.page--comdatatrucking .content-added .rec-eng-form__wrap .util__rec-button {
  margin: 0; }

.notification-bar {
  top: 0;
  width: 100%;
  background: #00283B;
  color: #fff;
  overflow: hidden;
  z-index: 9999;
  height: 40px;
  display: flex;
  align-items: center;
  position: relative;
}
.notification-bar.hidden {
  display: none;
}
.notification-text {
  white-space: nowrap;
  padding-left: 100%;
  animation: scrollText 20s linear infinite;
  font-size: 18px;
}
@keyframes scrollText {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

.form-section {
  position: relative;
}
.form-section .form-on-submit {
  display: none;
}
.form-section.submitted .form-on-submit {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.form-section.in-progress .form-on-submit > * {
  display: none;
}
.form-section.in-progress .form-content {
  opacity: .5;
}
.form-section.success .form-content,
.form-section.failed .form-content {
  visibility: hidden;
}
.form-section.success .error-msg,
.form-section.failed .thank-you {
  display: none;
}

.ln-popup {
  margin-top: 2px;
  background: #fff;
  border: 1px solid #DCDCDC;
  text-align: left;
}
.ln-header {
  font-size: 15px;
  font-weight: bold;
  padding: .6em 1em .8em;
}
.ln-results {
  border-top: 1px solid #DCDCDC;
  border-bottom: 1px solid #DCDCDC;
  max-height: 200px;
  overflow-y: auto;
  padding: 8px 0;
}
.ln-results::-webkit-scrollbar {
  width: 7px;
}
.ln-results::-webkit-scrollbar-thumb {
  background-color: gray;
}
.ln-company {
  cursor: pointer;
  font-size: 13px;
  color: #777;
  padding: 4px 1rem 4px;
}
.ln-company:hover {
  background: #eee;
}
.ln-company h4 {
  font-size: 15px;
  margin: 0 0 4px;
  color: #383d68;
}
.ln-footer {
  cursor: pointer;
  color: #167450;
  padding: 1em;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
.ln-footer:hover {
  background: #eee;
}
.ln-footer span::before {
  content: "My business is not in this\00A0list";
}

html,
body {
  margin: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
.sep,
.sep-x,
.sep-y {
  color: transparent;
  user-select: none;
  pointer-events: none;
}
.sep-x {
  max-height: 8px;
  overflow-y: hidden;
}

body.mobile-menu-active {
  overflow: hidden;
}
#mobile-menu {
  position: fixed;
  top: 55px;
  bottom: 0;
  width: 100vw;
  left: -100vw;
  z-index: 999;
  transition: left 500ms;
}
#mobile-menu.active {
  left: 0;
}

.video {
  display: inline-block;
  position: relative;
  line-height: 0;
}
.lp-video {
  width: 100%;
  overflow: hidden;
  cursor: pointer;
}
.lp-video > video {
  width: 100%;
}
.lp-video.active > div {
  display: none;
}
.play-icon {
  display: inline-block;
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  width: 66px;
  height: 66px;
  margin-top: -33px;
  margin-left: -33px;
  border: none;
  border-radius: 33px;
  box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.08);
  background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 8'%3E%3Cpath fill='%23317153' d='M0 0L6 4L0 8Z'/%3E%3C/svg%3E") 57% center no-repeat;
  background-size: 18px;
}

.expandable {
  max-height: 200px;
  transition: max-height 0.5s linear;
  overflow-y: hidden;
}
.expandable.collapsed,
.collapsed .expandable,
.accordion > div:not(.active) .expandable {
  max-height: 0 !important;
}
.collapsed .hide-on-collapse {
  display: none;
}

.cq-Editable-dom > .cq-block,
.cq-Editable-dom.cq-block {
  display: block !important;
  height: auto !important;
}
.cq-Editable-dom > .cq-iblock,
.cq-Editable-dom.cq-iblock {
  display: inline-block !important;
}
.cq-Editable-dom > .cq-flex,
.cq-Editable-dom.cq-flex {
  display: flex !important;
}
.cq-Editable-dom > .cq-visible,
.cq-Editable-dom.cq-visible {
  visibility: visible !important;
}
.cq-Editable-dom > .cq-static,
.cq-Editable-dom.cq-static {
  position: static !important;
}
.cq-Editable-dom > .cq-h-auto,
.cq-Editable-dom.cq-h-auto {
  height: auto !important;
}
.cq-Editable-dom > .cq-mt-0,
.cq-Editable-dom.cq-mt-0 {
  margin-top: 0 !important;
}
.cq-Editable-dom > .cq-o-1,
.cq-Editable-dom.cq-o-1 {
  opacity: 1 !important;
}
.cq-Editable-dom .cq,
.cq-Editable-dom .cq-container > div {
  display: block !important;
  visibility: visible !important;
  position: static !important;
  height: auto !important;
}
.cq-Editable-dom dialog {
  position: static;
  display: block;
}

body {
  font-family: 'Roboto';
  font-size: 16px;
  font-weight: normal;
  color: #00283B;
  margin: 0;
}

body.page--comdatapayments {
  font-family: DINWebPro, "Helvetica", Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat';
  margin-bottom: 20px;
  margin-top: 0;
}

body.page--comdatapayments h1, body.page--comdatapayments h2, body.page--comdatapayments h3, body.page--comdatapayments h4, body.page--comdatapayments h5, body.page--comdatapayments h6 {
  font-family: DINWebPro-Medium, "Helvetica", Arial, sans-serif;
}

h1 {
  font-size: 56px;
  line-height: 1.2em;
}

.page--comdatapayments h1 {
  font-size: 60px;
  line-height: 1.2em;
}

h2 {
  font-size: 40px;
  line-height: 1.2em;
}

@media (max-width: 1247px) {
  h2 {
    font-size: 26px;
  }
}

h3 {
  font-size: 28px;
  line-height: 1.2em;
}

h4 {
  font-Size: 22px;
  line-height: 1.614em;
}

@media (max-width: 1247px) {
  h4 {
    font-size: 18px;
  }
}

h5 {
  font-size: 18px;
  line-height: 1.614em;
}

h6 {
  font-size: 16px;
  line-height: 1.614em;
}

p {
  font-size: 16px;
  line-height: 1.618em;
  margin-bottom: 20px;
}

a {
  color: #F26964;
  text-decoration: none;
}

ul, ol {
  padding: 0px 0px 20px 19px;
  margin: 0;
}

ul li,
ol li {
  margin-bottom: 8px;
}

/* 
  basic flex row layout, stacks when less than desk size. 
  cm-column is for column maker, util__content-wrap can be used elsewhere 
*/

.cm-column__parent,
.util__content-wrap {
  max-width: 1216px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

@media (max-width: 1215px) {
  .cm-column__parent,
    .util__content-wrap {
    width: calc(100% - 36px);
  }

  .cm-column__parent .cm-column__child:first-child,
      .util__content-wrap .cm-column__child:first-child {
    justify-content: start;
    padding-right: 20px;
  }

  .cm-column__parent .cm-column__child:last-child,
      .util__content-wrap .cm-column__child:last-child {
    justify-content: start;
    padding-left: 20px;
  }
}

@media (max-width: 759px) {
  .cm-column__parent,
    .util__content-wrap {
    flex-direction: column;
  }

  .cm-column__parent .cm-column__child:first-child,
      .util__content-wrap .cm-column__child:first-child {
    padding-right: 0px;
  }

  .cm-column__parent .cm-column__child:last-child,
      .util__content-wrap .cm-column__child:last-child {
    padding-left: 0px;
  }

  .cm-column__parent .cm-column__child,
      .util__content-wrap .cm-column__child {
    width: 100%;
  }
}

/* without the flex */

.util__simple-wrap {
  max-width: 1216px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 1215px) {
  .util__simple-wrap {
    width: calc(100% - 36px);
  }

  .util__simple-wrap > *:first-child {
    justify-content: start;
    padding-right: 20px;
  }

  .util__simple-wrap > *:last-child {
    justify-content: start;
    padding-left: 20px;
  }
}

@media (max-width: 759px) {
  .util__simple-wrap {
    flex-direction: column;
  }

  .util__simple-wrap > *:first-child {
    padding-right: 0px;
  }

  .util__simple-wrap > *:last-child {
    padding-left: 0px;
  }

  .util__simple-wrap > * {
    width: 100%;
  }
}

/* reverse order for mobile stacking - use on the wrapper */

@media (max-width: 1247px) {
  .util__reverse-mobile-order .cm-column__parent,
  .util__reverse-mobile-order .util__content-wrap {
    flex-direction: column-reverse;
  }
}

/* util__vertical-center - usually, use this on children of column maker */

.util__vertical-center,
.cm-column__wrap.util__vertical-center .cm-column__parent {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.page--name-ap-automation .util__vertical-center,
.page--name-ap-automation .cm-column__wrap.util__vertical-center .cm-column__parent {
  align-items: center;
}

.cm-column__wrap.util__vertical-center .cm-column__parent > * {
  -ms-flex: 1 1 auto;
}

.util__flex-align-items-center {
  align-items: center;
}

/* util__flex-items-center - Align Items Center Alternative - use on the wrapper */

@media (min-width: 760px) {
  .util__flex-items-center .cm-column__parent,
  .util__flex-items-center .util__content-wrap {
    align-items: center;
  }
}

/* hide/show desktop and mobile (slightly higher selectivity with body tag) */

body .util__hide {
  display: none;
}

.cq-Editable-dom .util__hide {
  display: block;
}

@media (max-width: 959px) {
  body .util__hide-mobile {
    display: none;
  }
}

@media (min-width: 960px) {
  body .util__hide-desktop {
    display: none;
  }
}

/* util__checks - checkmark style bullets */

.util__checks ul {
  list-style-type: none;
  margin: 0 0 20px 18px;
  padding: 0;
}

.util__checks ul li {
  position: relative;
  margin-left: 4px;
  color: #626F88;
}

.util__checks ul li:before {
  content: "";
  position: absolute;
  left: -23px;
  top: 4px;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%3E%3Cdefs%3E%3Cstyle%3E.b%7Bfill:%2340b7ec%7D%3C/style%3E%3C/defs%3E%3Cpath%20d='M168,552h16v16H168Z'%20transform='translate(-168%20-552)'%20fill='none'/%3E%3Cpath%20class='b'%20d='M176.333,554.333a6,6,0,1,0,6,6A6,6,0,0,0,176.333,554.333Zm0-1.333A7.333,7.333,0,1,1,169,560.333,7.333,7.333,0,0,1,176.333,553Z'%20transform='translate(-168.333%20-552.333)'/%3E%3Cpath%20class='b'%20d='M180.877,559l1.123.8-4.632,5.867-3.368-2.4.842-1.067,2.246,1.6Z'%20transform='translate(-170%20-554.333)'/%3E%3C/svg%3E");
}

.util__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.util__bottom-line .cm-column__parent {
  border-bottom: 1px solid #D5E5E1;
}

.util__section-top {
  padding-top: 104px;
}

@media (max-width: 579px) {
  .util__section-top {
    padding-top: 48px;
  }
}

.util__section-bottom {
  padding-bottom: 104px;
}

@media (max-width: 579px) {
  .util__section-bottom {
    padding-bottom: 48px;
  }
}

.util__section-bottom-48 {
  padding-bottom: 48px;
}

@media (max-width: 579px) {
  .util__section-bottom-48 {
    padding-bottom: 48px;
  }
}

.util__section-bottom-24 {
  padding-bottom: 24px;
}

.util__section-top-24 {
  padding-top: 24px;
}

.util__section {
  padding-bottom: 104px;
  padding-top: 104px;
}

@media (max-width: 579px) {
  .util__section {
    padding-bottom: 48px;
    padding-top: 48px;
  }
}

.util__inner-break-top {
  padding-top: 72px;
}

@media (max-width: 579px) {
  .util__inner-break-top {
    padding-top: 48px;
  }
}

.page--comdatapayments .util__inner-break-top {
  padding-top: 80px;
}

@media (max-width: 579px) {
  .page--comdatapayments .util__inner-break-top {
    padding-top: 48px;
  }
}

.util__inner-break-bottom {
  padding-bottom: 72px;
}

@media (max-width: 579px) {
  .util__inner-break-bottom {
    padding-bottom: 48px;
  }
}

.page--comdatapayments .util__inner-break-bottom {
  padding-bottom: 80px;
}

@media (max-width: 579px) {
  .page--comdatapayments .util__inner-break-bottom {
    padding-bottom: 48px;
  }
}

.page--comdatapayments .util__inner-break-bottom-alt {
  padding-bottom: 56px;
}

@media (max-width: 579px) {
  .page--comdatapayments .util__inner-break-bottom-alt {
    padding-bottom: 32px;
  }
}

.util__inner-break {
  padding-bottom: 72px;
  padding-top: 72px;
}

@media (max-width: 579px) {
  .util__inner-break {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}

.page--comdatapayments .util__inner-break {
  padding-bottom: 80px;
  padding-top: 80px;
}

@media (max-width: 579px) {
  .page--comdatapayments .util__inner-break {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}

.util__padding-bottom-0 {
  padding-bottom: 0px;
}

.util__padding-top-0 {
  padding-top: 0px;
}

@media (min-width: 760px) {
  .util__padding-bottom-desktop-32 {
    padding-bottom: 32px;
  }
}

@media (min-width: 760px) {
  .util__padding-bottom-desktop-16 {
    padding-bottom: 16px;
  }
}

.util__margin-top-mobile-32 {
  margin-top: 32px;
}

@media (min-width: 760px) {
  .util__margin-top-mobile-32 {
    margin-top: 32px;
  }
}

.util__padding-bottom-desktop-56 {
  padding-bottom: 20px;
}

@media (min-width: 760px) {
  .util__padding-bottom-desktop-56 {
    padding-bottom: 56px;
  }
}

.util__padding-top-desktop-56 {
  padding-top: 20px;
}

@media (min-width: 760px) {
  .util__padding-top-desktop-56 {
    padding-top: 56px;
  }
}

.util__margin-bottom-mobile-16 {
  margin-bottom: 16px;
}

@media (min-width: 760px) {
  .util__margin-bottom-mobile-16 {
    margin-bottom: 0px;
  }
}

.util__margin-bottom-mobile-32 {
  margin-bottom: 32px;
}

@media (min-width: 760px) {
  .util__margin-bottom-mobile-32 {
    margin-bottom: 0px;
  }
}

.util__margin-bottom-mobile-48 {
  margin-bottom: 48px;
}

@media (min-width: 760px) {
  .util__margin-bottom-mobile-48 {
    margin-bottom: 0px;
  }
}

.util-padding-right-70 {
  padding-right: 70px;
}

.util-padding-left-70 {
  padding-left: 70px;
}

.util-padding-bottom-54 {
  padding-bottom: 54px;
}

@media (max-width: 579px) {
  .util__mobile-padding-bottom-0 {
    padding-bottom: 0px;
  }
}

@media (max-width: 579px) {
  .util__mobile-padding-top-0 {
    padding-top: 0px;
  }
}

@media (max-width: 579px) {
  .util__mobile-padding-top-20 {
    padding-top: 20px;
  }
}

@media (min-width: 1328px) {
  .util__shift--left-40 {
    transform: translate(-40px, 0);
  }
}

@media (min-width: 1328px) {
  .util__shift--right-40 {
    transform: translate(40px, 0);
  }
}

@media (max-width: 579px) {
  .util__mobile-image-spread {
    transform: translate(-18px, 10px);
  }
}

.util__full-width-image .imagetext__wrapper img,
.util__full-width-image .imagecard__wrapper img {
  width: 100%;
}

.util__video .videoPlayer .video__embed {
  width: 100%;
  max-width: 800px;
  height: 435px;
}

@media (min-width: 1216px) {
  .util__video .videoPlayer .video__embed {
    width: 800px;
  }
}

.util__video .videoPlayer .video__embed iframe {
  width: 100%;
  height: 100%;
}

/* reverse order for mobile stacking - use on the wrapper */

.util__mobile-reverse .cm-column__parent,
.util__mobile-reverse .util__content-wrap {
  flex-direction: column-reverse;
}

@media (min-width: 760px) {
  .util__mobile-reverse .cm-column__parent,
    .util__mobile-reverse .util__content-wrap {
    flex-direction: row;
  }
}

/* grey paragraphs */

.util__grey-paragraph .cm-column__parent .cm-column__child .text-group__main-text p {
  color: #626F88;
}

@media (min-width: 760px) {
  .util__paragraph-width-short.cm-column__child .text-group__main-text p {
    width: 80%;
  }
}

/* box shadow on images */

.util__image-box-shadow .imagetext__image .cmp-image img {
  box-shadow: 0px 8px 30px rgba(179, 207, 207, 0.5);
}

/* for use on text group container */

.util__box-shadow.cm-column__child {
  box-shadow: 0px 8px 30px rgba(179, 207, 207, 0.5);
}

/* remove bottom margin from stacked image text components a la large fleets & small fleets*/

.util__margin--bottom-0 .imageText.section:last-child .imagetext__wrapper:last-child {
  margin-bottom: 0px;
}

@media (max-width: 1247px) {
  .util__testimonial-person-wrap .testimonial__person {
    line-height: 1.2em;
    max-width: 275px;
  }
}

.util__content-title-h2-no-bottom.content__title h2 {
  margin-bottom: 0px;
}

@media (max-width: 959px) {
  .util__content-title-green-bg {
    background-color: #EBF3F1;
  }
}

.cm-column__child.util__faq-wrap {
  width: 100%;
  max-width: 904px;
  flex: none;
  margin: 0 auto;
}

.util__partners-text-wrap {
  max-width: 492px;
}

.util__margin-right-large {
  margin-right: 104px;
}

@media (max-width: 759px) {
  .util__text-center-mobile .text-group__main-text h2 {
    text-align: center !important;
  }
}

@media (max-width: 479px) {
  .page--name-partners .cm-column__parent .util__checks.cm-column__child:first-child {
    padding-bottom: 24px;
  }
}

.util__tag {
  background-color: #DDEFF7;
  padding: 5px 8px 4px;
  font-size: 14px;
  line-height: 1;
  color: #2B4463;
  border-radius: 3px;
  text-transform: uppercase;
  margin: 0 8px;
}

.util__tag--ap-automation {
  background-color: #DDEFF7;
}

.util__tag--commercial-cards {
  background-color: #e3fcf6;
}

.util__tag--fleet {
  background-color: #ffede4;
}

.util__tag--workforce-payment {
  background-color: #fffaf0;
}

.page--comdatapayments .util__tag {
  font-family: "DINWebPro-Medium", "Helvetica", Arial, sans-serif;
  font-weight: 600;
}

.util__unlist {
  list-style-type: none;
  padding-left: 0;
  padding-bottom: 0;
}

.page--comdatapayments a.util__arrowlink {
  color: #009DDC;
}

.page--comdatapayments a.util__arrowlink svg {
  width: 8px;
  margin-left: 3px;
  padding-top: 2px;
  fill: #009DDC;
}

.page--comdatapayments a.util__arrowlink:hover {
  color: #FFCC41;
  cursor: pointer;
}

.page--comdatapayments a.util__arrowlink:hover svg {
  fill: #FFCC41;
}

.page--comdatapayments a.util__arrowlink.play-icon svg {
  width: 15px;
}

@media (max-width: 759px) {
  .page--comdatapayments .content__iframe-video iframe {
    width: 100%;
  }
}

@media (max-width: 759px) {
  .page--comdatapayments .content__virtual-payments-video .cm-column__parent {
    padding-top: 0px;
  }
}

@media (min-width: 1080px) {
  .page--comdatapayments .util__travel-management img {
    max-width: 508px;
  }
}

.page--comdatapayments .util__vendor-steps img {
  display: block;
  margin: auto;
}

@media (min-width: 1080px) {
  .page--comdatapayments .util__vendor-steps img {
    max-width: 938px;
  }
}

.cm-column__parent .cm-column__child:last-child.content__lead-form.util__beige-box-shadow,
.cm-column__parent .cm-column__child:first-child.content__lead-form.util__beige-box-shadow {
  box-shadow: 0 10px 30px 0 rgba(255, 217, 0, 0.1);
}

.page--comdatapayments .util__beige-box-shadow .testimonial {
  box-shadow: 0 10px 30px 0 rgba(255, 217, 0, 0.1);
}

.util__resource-sidebar {
  position: relative;
}

.util__p-nomar .text-group__main-text p {
  margin-bottom: 0px;
}

.util__h5-left-margin .text-group__main-text h5 {
  margin-left: 48px;
}

.grecaptcha-badge {
  transform: translateY(-50px);
  visibility: hidden;
}

.component-button {
  padding: 12px 25px;
  margin: 0 20px 0 0;
  display: inline-block;
  color: #fff;
  background: #F26964;
  border: 1px solid #F26964;
  border-radius: 4px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1em;
  transition: 0.3s all ease-in;
  font-size: 16px;
}

.component-button:last-child {
  margin-right: 0;
}

.component-button:hover {
  background: #40B7EC;
  border-color: #40B7EC;
  transition: 0.3s all ease-out;
}

.component-button p, .component-button a {
  line-height: 1em;
}

.component-button > * {
  display: inline;
}

a.component-button:hover,
.component-button a:hover {
  color: #fff;
}

.util__full-width-button .component-button,
.component-button--big-button {
  text-align: center;
  width: 100%;
  max-width: 520px;
  padding-top: 24px;
  padding-bottom: 24px;
}

@media (max-width: 959px) {
  .util__full-width-button .component-button,
    .component-button--big-button {
    max-width: 343px;
  }
}

.component-button.component-button--login {
  background: #fff;
  color: #40B7EC;
  border-color: #40B7EC;
  text-transform: uppercase;
  width: calc(50% - 20px);
  text-align: center;
  margin: 0 0 30px;
}

.component-button.component-button--login:hover {
  background: #40B7EC;
  color: #fff;
}

.component-button-text-link {
  color: salmon;
}

.component-button-text-link--with-arrow svg {
  margin-left: 0.5em;
  fill: #F26964;
}

.component-button-text-link--with-arrow:hover svg {
  fill: #40B7EC;
}

.component-button-text-link:hover {
  color: #40B7EC;
}

.component-button__vertical-center-wrap .cm-column__parent {
  margin: 0 auto;
  width: 100%;
  max-width: 520px;
}

@media (max-width: 959px) {
  .util__button-center-mobile .component-button {
    margin: 0 20px 0;
  }
}

/* Desktop Nav */

body {
  background: white;
  background-image: url("clientlib-site/resources/images/bg-line.gif");
  background-repeat: repeat-x;
  background-size: auto 41px;
}

@media (max-width: 959px) {
  body {
    background: none;
  }
}

.header__wrap {
  flex-direction: column;
}

.header__top-row {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  text-align: center;
  -ms-flex: none;
}

.header__item {
  border: 1px solid #D5E5E1;
  padding: 7px 19px;
  font-weight: 500;
  font-size: 12px;
  position: relative;
  border-top: 0px;
  border-bottom: 0px;
}

.page--comdatapayments .header__item {
  font-size: 14px;
  font-weight: 600;
  padding: 12px 19px 7px;
}

.header__item-center {
  border: 1px solid #D5E5E1;
  flex-grow: 1;
  padding: 7px 0;
  font-weight: 500;
  background-color: #EBF3F1;
  height: 40px;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
}

.header__item-center p {
  margin: 0;
}

.page--comdatapayments .header__item-center p {
  font-size: 14px;
  font-weight: 600;
}

.header__item a {
  color: #00283B;
}

.page--comdatapayments .header__item a {
  color: #003A5D;
}

.page--comdatapayments .header__item a:hover {
  color: #4F7993;
}

.page--comdatapayments .header__item.has-children ul li {
  font-weight: 600;
}

.page--comdatapayments .header__item.has-children ul li a:hover {
  color: #4F7993;
}

.navbar {
  display: flex;
  justify-content: space-between;
  padding-bottom: 0;
  align-items: center;
}

.main-nav {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  list-style-type: none;
  /*padding: 24px 0px;*/
  position: relative;
}

.main-nav li {
  padding: 24px 10px;
  margin: 0;
  position: relative;
  width: 175px;
}

.main-nav li:hover {
  background: #EAEAEA;
  border-color: #EAEAEA;
  transition: 0.3s all ease-out;
}

.main-nav li ul li:last-child {
  margin-bottom: 0px;
}

.nav-links {
  margin-left: 22px;
  font-size: 16px;
  color: #00283B;
  text-transform: uppercase;
  font-weight: 500;
  position: relative;
}

.nav-links:hover {
  color: #F26964;
}

.page--comdatapayments .nav-links {
  margin-left: 24px;
  font-size: 16px;
  color: #003A5D;
}

.has-children:focus a.nav-links {
  color: #F26964;
}

.logo {
  align-self: center;
}

.navbar-toggle {
  display: none;
}

.logo:hover,
a.nav-links:hover,
.has-children a.nav-links:focus,
.has-children a.nav-links:focus-within {
  color: #F26964;
}

.page--comdatapayments .nav-links .has-children:focus a.nav-links,
.page--comdatapayments .nav-links .has-children a.nav-links:focus,
.page--comdatapayments .nav-links .has-children a.nav-links:focus-within {
  color: #4F7993;
}

.main-nav li:hover,
.main-nav li:focus-within {
  cursor: pointer;
}

.main-nav li:hover a.nav-links,
  .main-nav li:focus-within a.nav-links {
  outline: none;
  color: #F26964;
}

.main-nav > li a.nav-links {
  display: inline-block;
}

.main-nav > li a.nav-links.current,
.main-nav > li a.nav-links:active,
.main-nav > li a.nav-links.child-current.non-current {
  color: #F26964;
}

.main-nav li ul {
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s ease;
  position: absolute;
  left: 0px;
  display: none;
  width: 175px;
  background-color: white;
  border: none;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  font-size: 16px;
  list-style: none;
  /*padding: 24px;*/
  z-index: 500;
  top: 75px;
}

.main-nav li ul li {
  /*margin-bottom: 16px;*/
  padding: 10px 25px;
  width: auto;
}

.main-nav li ul li a {
  font-weight: 600;
  color: #00283B;
}

.main-nav li ul li a:hover {
  color: #F26964;
}

.main-nav li:last-child ul {
  left: auto;
  right: 0px;
}

.main-nav li:hover > ul,
.main-nav li ul:hover,
.main-nav li ul:focus {
  visibility: visible;
  opacity: 1;
  display: block;
}

.main-nav li:focus-within > ul {
  visibility: visible;
  opacity: 1;
  display: block;
}

.main-nav a.with-arrow {
  margin-right: 10px;
}

.main-nav a.with-arrow:last-child {
  margin-right: 0px;
}

.page--comdatapayments .main-nav li ul {
  border-radius: 4px;
  top: 40px;
}

ul.dropdown.dropdown-grandchild,
.main-nav li:last-child ul.dropdown-grandchild {
  left: 100%;
  margin-left: 30px;
  top: -24px;
}

.page--comdatapayments ul.dropdown.dropdown-grandchild,
.page--comdatapayments .main-nav li:last-child ul.dropdown-grandchild {
  top: -24px;
}

.main-nav a.no-arrow > svg {
  display: none;
}

.main-nav .has-children a.with-arrow > svg {
  transform: rotate(-90deg);
  height: 8px;
  position: absolute;
  right: 8px;
  top: 4px;
  fill: currentColor;
}

:not(.mobile__list-wrapper) a.nav-links.with-arrow:before {
  content: "";
  display: block;
  width: 120%;
  height: 40px;
  position: absolute;
  bottom: -100%;
}

ul.dropdown.dropdown-grandchild::before {
  position: unset;
  content: "";
  width: 110px;
  height: 100%;
  left: -110px;
  top: 0;
  background-color: transparent;
}

a.nav-links.with-arrow:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 7px;
  top: 50%;
  margin-top: -3px;
  margin-left: 10px;
  margin-right: 10px;
  background-image: url("data:image/svg+xml,%3Csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%208%204.7'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7B;%7D%3C/style%3E%3C/defs%3E%3Cpath%20id='Icon_Color'%20data-name='Icon%20Color'%20class='cls-1'%20d='M8,.7,7.3,0,4,3.3.7,0,0,.7l4,4Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  fill: #00283b;
  /*transition: 0.3s;
  transform: rotate(-180deg);*/
}

.has-children li:hover a.l2, .has-children li:focus-within a.l2, .dropdown-grandchild li:hover a.l3, .dropdown-grandchild li:focus-within a.l3 {
  outline: none;
  color: #F26964;
}

a.nav-links.with-arrow:hover:after,
a.nav-links.with-arrow:focus:after,
a.nav-links.with-arrow:focus-within:after,
a.nav-links.with-arrow:hover:after,
a.nav-links.with-arrow:focus:after,
a.nav-links.with-arrow:focus-within:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 7px;
  top: 50%;
  margin-top: -3px;
  margin-left: 3px;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%208%204.73'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23f26964;%7D%3C/style%3E%3C/defs%3E%3Cpath%20id='Icon_Color'%20data-name='Icon%20Color'%20class='cls-1'%20d='M8,.73,7.27,0,4,3.27.73,0,0,.73l4,4Z'/%3E%3C/svg%3E");
  fill: #f26964;
  transition: 0.3s;
  transform: rotate(180deg);
}

.page--comdatamerchants .nav-links.with-arrow:hover:after,
.page--comdatamerchants a.nav-links.with-arrow:focus:after,
.page--comdatamerchants a.nav-links.with-arrow:focus-within:after,
.page--comdatamerchants a.nav-links.with-arrow:hover:after,
.page--comdatamerchants a.nav-links.with-arrow:focus:after,
.page--comdatamerchants a.nav-links.with-arrow:focus-within:after {
  background-image: url("data:image/svg+xml,%3Csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%208%204.73'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%2340B7EC;%7D%3C/style%3E%3C/defs%3E%3Cpath%20id='Icon_Color'%20data-name='Icon%20Color'%20class='cls-1'%20d='M8,.73,7.27,0,4,3.27.73,0,0,.73l4,4Z'/%3E%3C/svg%3E");
  fill: #40b7ec;
}

.page--comdatapayments .nav-links.with-arrow:hover:after,
.page--comdatapayments a.nav-links.with-arrow:focus:after,
.page--comdatapayments a.nav-links.with-arrow:focus-within:after,
.page--comdatapayments a.nav-links.with-arrow:hover:after,
.page--comdatapayments a.nav-links.with-arrow:focus:after,
.page--comdatapayments a.nav-links.with-arrow:focus-within:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 7px;
  top: 41%;
  margin-top: -3px;
  margin-left: 8px;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%208%204.73'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%234F7993;%7D%3C/style%3E%3C/defs%3E%3Cpath%20id='Icon_Color'%20data-name='Icon%20Color'%20class='cls-1'%20d='M8,.73,7.27,0,4,3.27.73,0,0,.73l4,4Z'/%3E%3C/svg%3E");
  fill: #4F7993;
}

.page--comdatapayments .nav-links.with-arrow:after,
.page--comdatapayments a.nav-links.with-arrow:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 7px;
  top: 41%;
  margin-top: -3px;
  margin-left: 8px;
  margin-right: 10px;
  background-image: url("data:image/svg+xml,%3Csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%208%204.73'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23003A5D;%7D%3C/style%3E%3C/defs%3E%3Cpath%20id='Icon_Color'%20data-name='Icon%20Color'%20class='cls-1'%20d='M8,.73,7.27,0,4,3.27.73,0,0,.73l4,4Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  fill: #003A5D;
}

.header__item.has-children:hover, .header__item.has-children:focus-within {
  cursor: pointer;
  color: #F26964;
}

.header__item.has-children:focus-within a {
  outline: none;
  color: #F26964;
}

.header__item.has-children ul {
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s ease;
  position: absolute;
  display: none;
  min-width: 220px;
  background-color: white;
  border: none;
  border-collapse: separate;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  list-style: none;
  z-index: 1;
  padding: 19px;
  left: 0;
  top: 39px;
  width: calc(100% + 1px);
  text-align: left;
  font-size: 16px;
}

.header__item.has-children ul li {
  font-weight: 300;
  margin-bottom: 16px;
}

.header__item.has-children ul li:last-child {
  margin-bottom: 0;
}

.header__item.has-children ul li a:hover {
  color: #F26964;
}

.header__item.has-children:hover > ul,
.header__item.has-children ul:hover,
.header__item.has-children ul:focus {
  visibility: visible;
  opacity: 1;
  display: block;
}

.header__item.has-children:focus-within > ul {
  visibility: visible;
  opacity: 1;
  display: block;
}

.page--comdatapayments .header__item.has-children ul {
  border-radius: 4px;
}

.page--comdatapayments .header__item.has-children {
  color: #003A5D;
}

.page--comdatapayments .header__item.has-children:hover,
.page--comdatapayments .header__item.has-children:focus-within,
.page--comdatapayments .header__item.has-children:focus-within a {
  color: #4F7993;
}

.header__mobile-drawer .has-children a:after,
.header__mobile-drawer .has-children span:after {
  margin-right: 10px;
}

.has-children ul li a:after {
  display: none;
}

li.has-children li a:hover,
li.has-children:hover a:hover,
li.has-children:focus a:hover {
  color: #F26964;
}

.page--comdatamerchants li.has-children li a:hover,
.page--comdatamerchants li.has-children:hover a:hover,
.page--comdatamerchants li.has-children:focus a:hover {
  color: #F26964;
}

@media (max-width: 959px) {
  .page--comdatamerchants li.has-children li a:hover,
    .page--comdatamerchants li.has-children:hover a:hover,
    .page--comdatamerchants li.has-children:focus a:hover {
    color: #40B7EC;
  }
}

.page--comdatapayments .main-nav li:hover a.nav-links,
.page--comdatapayments .main-nav li:focus-within a.nav-links,
.page--comdatapayments li.has-children li a:hover,
.page--comdatapayments li.has-children:hover a:hover,
.page--comdatapayments li.has-children:focus a:hover,
.page--comdatapayments .main-nav li ul li a:hover {
  color: #4F7993;
}

.page--comdatapayments .main-nav li ul li a {
  font-weight: 600;
}

.header__item.has-children {
  color: #40B7EC;
}

.header__login-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: transparent;
  color: #00283B;
  font-family: inherit;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  height: 26px;
}

.header__login-button:focus {
  outline: none;
  color: #40B7EC;
}

.page--comdatapayments .header__login-button {
  font-size: 14px;
  font-weight: 600;
  color: #003A5D;
}

.mobile__modal-wrapper {
  height: 100%;
  overflow: scroll;
}

.header__mobile-bar ul {
  width: 100%;
  padding: 12px 0 0px;
  display: flex;
  list-style: none;
  align-content: center;
  justify-content: space-between;
}

.mobile__nav {
  margin-right: 0;
  margin-top: -4px;
  cursor: pointer;
  align-self: center;
}

.mobile__nav:after,
.mobile__nav:before,
.mobile__hamburger {
  width: 20px;
  background-color: #00283B;
  border-radius: 2px;
  content: "";
  display: block;
  height: 2px;
  margin: 4px 0;
  padding: 0;
  transition: all 0.2s ease-in-out;
  border: none;
  outline: none;
}

.mobile__nav-close {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  overflow: hidden;
  cursor: pointer;
}

.mobile__nav-close::before, .mobile__nav-close::after {
  content: "";
  position: absolute;
  height: 2px;
  width: 85%;
  top: 50%;
  left: 0;
  height: 4px;
  margin-top: -2px;
  background-color: #00283B;
}

.mobile__nav-close::before {
  transform: rotate(45deg);
}

.mobile__nav-close::after {
  transform: rotate(-45deg);
}

.mobile__header-phone {
  margin-left: auto;
  padding-right: 30px;
  font-size: 15px;
  width: -moz-fit-content;
  width: fit-content;
}

.mobile__header-phone a {
  color: #40B7EC;
}

.header__mobile-drawer {
  display: block;
  background: #E2E8F0;
  top: 0;
  position: fixed;
  right: -1180px;
  width: 100%;
  height: 100%;
  padding: 40px;
  z-index: 500;
  transition: right 0.5s linear;
}

@media (min-width: 960px) {
  .header__mobile-drawer {
    display: none;
  }
}

.header__mobile-drawer.is-open {
  right: 0;
  transition: 0.5s;
}

.mobile__list-wrapper .has-children a:after,
.mobile__list-wrapper .has-children span.nav-links:after {
  transition: transform 0.3s ease-in;
}

.mobile__list-wrapper .has-children.mobile__sub-menu-open span.nav-links:after,
.mobile__list-wrapper .has-children.mobile__sub-menu-open a:after {
  transform: rotate(180deg);
  transform-origin: center;
  transition: transform 0.3s ease-in;
}

.mobile__nav-close {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  overflow: hidden;
  cursor: pointer;
}

.mobile__nav-close::before, .mobile__nav-close::after {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  height: 4px;
  margin-top: -2px;
  background: #40B7EC;
}

.mobile__nav-close::before {
  transform: rotate(45deg);
}

.mobile__nav-close::after {
  transform: rotate(-45deg);
}

.mobile__list-wrapper {
  margin: 0;
  animation: fade-in 0.3s ease-in forwards;
  padding: 0;
}

.mobile__buttons {
  display: flex;
  justify-content: end;
}

.mobile__buttons .component-button {
  font-size: 16px;
  text-transform: uppercase;
}

.mobile_modal-button {
  background-color: #40B7EC;
  border: none;
  margin-top: 64px;
}

.mobile__list-wrapper ul {
  list-style-type: none;
  padding: 0px;
}

.mobile__list-wrapper ul:last-of-type li:last-of-type {
  border-bottom: none;
  padding-bottom: 0px;
}

.mobile__list-wrapper a {
  font-size: 14px;
  color: #00283B;
  cursor: pointer;
  margin-left: 0px;
  display: contents;
  justify-content: space-between;
  width: 100%;
}

.mobile__list-wrapper a:hover {
  color: #F26964;
}

.mobile__list-wrapper span {
  font-size: 14px;
  color: #40B7EC;
  cursor: pointer;
  margin-left: 0px;
  float: right;
}

.mobile__list-wrapper span:hover {
  color: #F26964;
}

.mobile__list-wrapper span.nav-links {
  display: flex;
  justify-content: space-between;
}

.mobile__list-wrapper ul li ul li:first-child {
  border-top: 1px solid #c4cdd6;
  margin-top: 13px;
}

a.mobile__login-link {
  color: #F26964;
}

a.mobile__login-link:hover {
  color: #40B7EC;
}

.mobile__list-wrapper ul li {
  border-bottom: 1px solid #c4cdd6;
  padding: 13px 0;
  margin: 0px;
  display: flex;
}

@media (min-width: 960px) {
  .mobile__list-wrapper ul li {
    display: block;
  }
}

span.mobile__modal-phone-number {
  font-weight: 300;
  color: #626F88;
  margin: auto;
  margin-left: 10px;
}

.mobile__list-wrapper .has-children ul {
  display: none;
  max-height: 0;
}

.mobile__list-wrapper .has-children.mobile__sub-menu-open ul {
  display: block;
  height: 100%;
  overflow-y: scroll;
  padding-left: 24px;
}

@media (min-width: 960px) {
  .mobile__list-wrapper .has-children.mobile__sub-menu-open ul {
    overflow-y: unset;
  }
}

.mobile__list-wrapper .has-children.mobile__sub-menu-open ul li {
  border-top: none;
  border-bottom: none;
  padding-top: 8px;
  padding-bottom: 0px;
}

@media (min-width: 960px) {
  .mobile__list-wrapper .has-children.mobile__sub-menu-open ul li {
    border-bottom: none;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}

.mobile__list-wrapper .has-children.mobile__sub-menu-open ul li:first-child {
  margin-top: 0px;
}

.submenu ul li a {
  color: #00283B;
}

.submenu ul li a:hover {
  color: #F26964;
}

.mobile__list-wrapper .mobile-child-menu,
.mobile__grandchild-list {
  position: absolute;
  background: white;
  width: 100vw;
  height: calc(100vh - 130px);
  z-index: 2;
  top: 92px;
  left: 0;
  transition: 0.3s;
  transform: translateX(100%);
  padding-right: 15px;
}

@media (min-width: 960px) {
  .mobile__list-wrapper .mobile-child-menu,
    .mobile__grandchild-list {
    position: relative;
    background: transparent;
    width: auto;
    height: unset;
    top: 15px;
    padding-bottom: 15px;
  }
}

.mobile__grandchild-list {
  z-index: 4;
  top: 0;
}

.mobile__sub-menu-open .mobile-child-menu,
.mobile__grandchild-list--open .mobile__grandchild-list {
  transition: 0.3s;
  transform: translateX(-5px);
}

@media (min-width: 960px) {
  .mobile__sub-menu-open .mobile-child-menu,
    .mobile__grandchild-list--open .mobile__grandchild-list {
    transform: inherit;
  }
}

/*.mobile__list-wrapper .has-children ul {
  display: block !important;
  max-height: unset !important;
}*/

.mobile__list-wrapper .has-children.mobile__sub-menu-open ul li,
.ul.mobile-child-menu li {
  padding-top: 13px !important;
  padding-bottom: 13px !important;
  border-bottom: 1px solid #c4cdd6 !important;
}

.mobile__list-wrapper .has-children a.with-arrow > svg {
  right: 0;
  margin-top: 1px;
  width: 11px;
  height: 6px;
  background-size: cover;
  transform: rotate(-90deg);
}

.mobile__list-wrapper span.no-arrow .mobile__nav-expand,
.mobile__list-wrapper a.no-arrow .mobile__nav-expand {
  display: none;
}

.mobile__list-wrapper a.with-arrow.with-arrow:before,
.mobile__list-wrapper a.with-arrowwith-arrow:before {
  content: none;
}

.mobile__nav-expand,
.mobile__menu-back {
  border: none;
  background-color: transparent;
  outline: 0;
}

.mobile__nav-expand svg,
.mobile__menu-back svg {
  width: 11px;
  height: 8px;
  fill: #2f4267;
  transform: rotate(-90deg);
}

.mobile__menu-back {
  opacity: 0;
  transition: opacity 0.3s;
  padding: 0;
}

.mobile__menu-back svg {
  width: 16px;
  transform: rotate(90deg);
}

.page--comdatapayments .mobile__header-logo-wrapper {
  width: 88px;
}

@media (max-width: 479px) {
  .page--comdatapayments .mobile__header-logo-wrapper {
    margin-bottom: 2px;
  }
}

.page--comdatapayments .logo {
  width: 159px;
  padding-top: 24px;
}

.page--comdatapayments .mobile__header-logo-wrapper img,
.page--comdatapayments .logo img {
  width: 100%;
  max-width: 145px;
}

@media (max-width: 479px) {
  .page--comdatapayments .mobile__header-logo-wrapper img,
    .page--comdatapayments .logo img {
    width: initial;
    max-width: 117px;
  }
}

.page--comdatapayments .header__background-color-wrap {
  background-color: #C7DAE7;
}

.page--comdatapayments .header__mobile-bar {
  border-bottom: 1px solid #B3CCDC;
}

.page--comdatapayments .mobile__header-phone {
  color: #003A5D;
  margin-top: 6px;
}

.page--comdatapayments .mobile__nav:after,
.page--comdatapayments .mobile__nav:before,
.page--comdatapayments .mobile__hamburger {
  background-color: #2F4267;
}

.page--comdatapayments .header__mobile-drawer {
  background: #fff;
}

.page--comdatapayments .mobile__list-wrapper a {
  color: #2F4267;
}

.page--comdatapayments .logo:hover,
.page--comdatapayments a.nav-links:hover,
.page--comdatapayments .has-children:focus a.nav-links,
.page--comdatapayments .has-children a.nav-links:focus,
.page--comdatapayments .has-children a.nav-links:focus-within {
  color: #009DDC;
}

.page--comdatapayments .logo:hover,
.page--comdatapayments a.nav-links:hover,
.page--comdatapayments .has-children:focus a.nav-links,
.page--comdatapayments .has-children a.nav-links:focus,
.page--comdatapayments .has-children a.nav-links:focus-within,
.page--comdatapayments li.has-children li a:hover,
.page--comdatapayments li.has-children:hover a:hover,
.page--comdatapayments li.has-children:focus a:hover {
  color: #009DDC;
}

.page--comdatapayments a.nav-links.with-arrow:hover:after,
.page--comdatapayments a.nav-links.with-arrow:focus:after,
.page--comdatapayments a.nav-links.with-arrow:focus-within:after,
.page--comdatapayments a.nav-links.with-arrow:hover:after,
.page--comdatapayments a.nav-links.with-arrow:focus:after,
.page--comdatapayments a.nav-links.with-arrow:focus-within:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 7px;
  top: 41%;
  margin-top: -3px;
  margin-left: 8px;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%208%204.73'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%234F7993;%7D%3C/style%3E%3C/defs%3E%3Cpath%20id='Icon_Color'%20data-name='Icon%20Color'%20class='cls-1'%20d='M8,.73,7.27,0,4,3.27.73,0,0,.73l4,4Z'/%3E%3C/svg%3E");
}

.page--comdatapayments .mobile__list-wrapper {
  padding-top: 50px;
}

.mobile__list-wrapper a.nav-links.with-arrow:after {
  right: 0;
  margin-top: -3px;
  width: 13px;
  height: 8px;
  background-size: cover;
}

.page--comdatapayments .header__item-center,
.page--comdatapayments .header__item {
  background-color: #C7DAE7;
  border: none;
}

.page--comdatapayments .header__top-row {
  border-bottom: 1px solid #B3CCDC;
}

.page--comdatapayments .header__item {
  order: 2;
}

.page--comdatapayments .header__item-center {
  text-align: left;
}

.page--comdatapayments .header__item-center a {
  color: #009DDC;
}

.page--comdatapayments .header__item-center a:hover {
  color: #4F7993;
}

.page--comdatapayments .main-nav li ul li a {
  font-weight: 600;
  color: #00283B;
}

.page--comdatapayments .main-nav li ul li a:hover {
  color: #4F7993;
}

.page--comdatapayments .main-nav a.with-arrow {
  margin-right: 20px;
}

.page--comdatapayments a.nav-links.with-arrow:after {
  top: 41%;
  margin-left: 8px;
}

.mobile__list-wrapper a.nav-links.with-arrow:after {
  display: none;
}

.page--comdatapayments .nav-links {
  font-weight: 600;
  text-transform: none;
}

.page--comdatapayments .main-nav li a.nav-links.current,
.page--comdatapayments .main-nav li a.nav-links:active,
.page--comdatapayments .main-nav li a.nav-links.child-current.non-current {
  color: #4F7993;
}

@media (min-width: 960px) {
  .mobile__list-wrapper .has-children .mobile-child-menu {
    display: none;
    max-height: 100%;
  }

  .mobile__sub-menu-open .with-arrow {
    transition: 0.3s;
    transform: rotate(-90deg);
  }

  .mobile-child-header {
    color: #40B7EC;
  }

  .mobile-child-header li {
    padding-left: 24px !important;
  }
}

footer {
  background: #00283B;
}

.footer-container {
  display: flex;
  justify-content: space-between;
  width: 90%;
  margin: 0 auto;
  padding: 80px 0 0 0;
}

@media (min-width: 960px) {
  .footer-container {
    flex-direction: row;
  }
}

@media (min-width: 1216px) {
  .footer-container {
    width: 100%;
  }
}

@media (max-width: 579px) {
  .footer-container {
    padding: 45px 0;
  }
}

.footer__bottom-row {
  padding-top: 48px;
  border-top: 1px dashed rgba(213, 229, 225, 0.18);
  width: 90%;
  margin: 0 auto;
  flex-wrap: wrap;
}

@media (min-width: 1216px) {
  .footer__bottom-row {
    width: 100%;
  }
}

.footer__legal-disclaimer {
  padding: 24px 0px;
  border-top: 1px dashed rgba(213, 229, 225, 0.18);
  font-size: 16px;
  width: 90%;
  margin: 0 auto;
  flex-wrap: wrap;
}

@media (min-width: 1216px) {
  .footer__legal-disclaimer {
    width: 100%;
  }
}

.footer__legal-disclaimer li:last-child {
  margin-bottom: 0px;
}

.page--comdatamerchants .footer__legal-disclaimer {
  display: none;
}

.footer-item-wrapper {
  color: rgba(255, 255, 255, 0.7);
}

@media (min-width: 960px) {
  .footer-item-wrapper:first-of-type {
    width: 20%;
  }
}

.footer-item a,
.footer-item__address a,
.footer-item,
.footer__bottom-row h6 {
  color: rgba(255, 255, 255, 0.7);
}

.footer-item a:hover,
.footer-item__address a:hover {
  color: #F26964;
}

.page--comdatapayments .footer-item a:hover,
.page--comdatapayments .footer-item__address a:hover {
  color: #F7B334;
}

.page--comdatapayments .footer__column-leagl a:hover,
.page--comdatapayments .footer__column-legal a:hover {
  color: #B2B9C1;
}

.footer__bottom-row h6 {
  width: 100%;
  font-weight: 400;
  font-family: 'roboto';
}

.footer-item a div,
.footer-item__address {
  padding-top: 20px;
}

.footer-item__address {
  padding-bottom: 60px;
}

@media (max-width: 579px) {
  .footer-item__address {
    padding-bottom: 0px;
  }
}

.footer-item-wrapper h5 {
  color: white;
  margin: 0px;
  padding-top: 40px;
}

@media (min-width: 760px) {
  .footer-item-wrapper h5 {
    padding-top: 0px;
  }
}

.footer-item-wrapper h2 {
  color: white;
}

@media (min-width: 960px) {
  .footer__list li {
    display: inline;
  }
}

.footer__list li a,
.footer__list li span {
  color: #40B7EC;
  font-size: 16px;
}

.footer__list li a:hover,
  .footer__list li span:hover {
  color: #F26964;
}

.footer__list li span {
  display: none;
}

@media (min-width: 960px) {
  .footer__list li span {
    display: inline;
  }
}

.footer__list li:last-of-type span {
  display: none;
}

.disclaimer__list a {
  color: #40B7EC;
  font-size: 16px;
}

.disclaimer__list a:hover {
  color: #F26964;
}

.footer__last-row-wrap {
  padding-bottom: 72px;
}

@media (min-width: 960px) {
  .footer__last-row-wrap {
    display: flex;
    justify-content: space-between;
  }
}

@media (min-width: 960px) {
  .footer__column-legal {
    width: 70%;
  }
}

@media (min-width: 960px) {
  .footer__column-disclaimer {
    width: 70%;
  }
}

.footer__list-social {
  display: flex;
  list-style: none;
  padding: 0px;
  padding-top: 50px;
  justify-content: center;
}

@media (min-width: 960px) {
  .footer__list-social {
    padding-top: 0px;
  }
}

.footer__social-wrapper {
  width: 32px;
  height: 32px;
  background-color: #40B7EC;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px 8px;
  border-radius: 4px;
}

.footer__social-wrapper:hover {
  background-color: #F26964;
}

.footer__social-wrapper a {
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer__social-wrapper img {
  width: 18px;
  height: 18px;
}

.page--comdatapayments .footer__logo-wrapper {
  width: 159px;
  margin: 0 auto;
}

@media (min-width: 760px) {
  .page--comdatapayments .footer__logo-wrapper {
    margin: inherit;
  }
}

.page--comdatapayments .footer__logo-wrapper img {
  width: 100%;
}

.page--comdatapayments .footer__legal-disclaimer {
  display: none;
}

.page--comdatapayments .footer__bottom-row {
  margin-top: 48px;
}

.page--comdatapayments .footer-container {
  text-align: center;
}

@media (min-width: 760px) {
  .page--comdatapayments .footer-container {
    text-align: left;
  }
}

.page--comdatapayments .footer-item__address {
  padding-bottom: 0px;
}

.page--comdatapayments .footer-item__address p {
  margin-bottom: 0px;
}

.page--comdatapayments .footer-item-wrapper h5 {
  padding-top: 48px;
}

@media (min-width: 760px) {
  .page--comdatapayments .footer-item-wrapper h5 {
    padding-top: 0px;
  }
}

.page--comdatapayments footer {
  background-color: #13243D;
}

.page--comdatapayments .footer__bottom-row {
  border-top: 1px solid rgba(255, 255, 255, 0.09);
  text-align: center;
}

@media (min-width: 760px) {
  .page--comdatapayments .footer__bottom-row {
    text-align: left;
  }
}

.page--comdatapayments .footer__list li a,
.page--comdatapayments .footer__list li span,
.page--comdatapayments footer h6 {
  color: #F7B334;
  font-size: 16px;
}

.page--comdatapayments .footer__list li span {
  display: none;
}

.page--comdatapayments .footer__social-wrapper {
  background-color: #F7B334;
}

.page--comdatapayments ul.util__delist.footer__list {
  text-align: center;
}

@media (min-width: 760px) {
  .page--comdatapayments ul.util__delist.footer__list {
    text-align: left;
  }
}

.page--comdatapayments ul.util__delist.footer__list li {
  display: inline;
}

.page--comdatapayments .footer__last-row-wrap {
  display: flex;
  flex-direction: column-reverse;
}

@media (min-width: 760px) {
  .page--comdatapayments .footer__last-row-wrap {
    flex-direction: row;
  }
}

.page--comdatapayments .footer__list-social {
  padding-top: 0px;
  padding-bottom: 48px;
}

.page--comdatapayments ul.util__delist.footer__list li::after {
  content: "|";
  padding: 0px 3px;
  color: #F7B334;
  font-size: 16px;
}

.page--comdatapayments ul.util__delist.footer__list li:last-child::after {
  content: "";
}

.page--comdatamerchants a.ot-sdk-show-settings,
.page--comdatapayments a.ot-sdk-show-settings,
.page--comdatatrucking a.ot-sdk-show-settings {
  cursor: pointer;
}

.page--comdatamerchants a.ot-sdk-show-settings,
.page--comdatatrucking a.ot-sdk-show-settings {
  color: #40B7EC;
}

.page--comdatapayments a.ot-sdk-show-settings {
  color: #F7B334;
}

.text-group__label {
  color: #40B7EC;
}

@media (max-width: 1247px) {
  .text-group__label {
    font-size: 16px;
    margin-top: 0px;
  }
}

@media (max-width: 1247px) {
  .util__label-margin-top-24 .text-group__label {
    margin-top: 24px;
  }
}

.util__red-label .text-group__label {
  color: #F26964;
}

@media (max-width: 1247px) {
  .util__red-label .text-group__label {
    margin-top: 0px;
  }
}

.text-group__link--text {
  color: #F26964;
}

.text-group__link svg {
  margin-left: 0.5em;
  fill: #F26964;
}

.text-group__link:hover svg {
  fill: #40B7EC;
}

.text-group__link--text:hover {
  color: #40B7EC;
}

@media (max-width: 1247px) {
  .text-group__main-text h2 {
    font-size: 24px;
  }
}

@media (max-width: 579px) {
  .text-group__main-text p {
    margin-bottom: 24px;
  }
}

.text-group__link--button {
  padding: 12px 25px;
  margin: 0;
  display: inline-block;
  color: #fff;
  background: #40B7EC;
  border: 1px solid #40B7EC;
  border-radius: 4px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1em;
  transition: 0.3s all ease-in;
  font-size: 12px;
}

.text-group__link--button:hover {
  background: #F26964;
  border-color: #F26964;
  transition: 0.3s all ease-out;
}

.comdatamerchants .text-group__icon {
  max-height: 101px;
}

.text-group__center-link .text-group__links {
  text-align: center;
}

@media (min-width: 760px) {
  .text-group__short-paragraph .text-group__main-text p {
    width: 50%;
    margin: 0 auto;
  }
}

.text-group__ul-no-padding-bottom .text-group__main-text ul {
  padding-bottom: 0px;
}

@media (min-width: 760px) {
  .text-group__ul-no-padding-bottom .text-group__main-text ul {
    padding-bottom: 20px;
  }
}

/* Merchant POS */

@media (min-width: 480px) {
  .page--name-emv-migration .text-group__main-text h4 {
    margin-top: 28px;
  }
}

@media (min-width: 480px) {
  .page--name-emv-migration .text-group__main-text h4:first-child {
    margin-top: 0px;
  }
}

.page--name-emv-migration .text-group__main-text p {
  color: #626F88;
}

/* c-store */

.content__c-store .cm-column__parent {
  background-color: #00283B;
  border-radius: 5px;
  padding-top: 48px;
}

@media (min-width: 760px) {
  .content__c-store .cm-column__parent {
    padding-bottom: 48px;
  }
}

.content__c-store .cm-column__parent .text-group__main-text h4 {
  color: #FFF;
}

.content__c-store .cm-column__parent .text-group__main-text ul li {
  color: rgba(255, 255, 255, 0.7);
}

.content__card-image.content__c-store .cm-column__child .imageText .imagetext__wrapper .imagetext__image .cmp-image img.cmp-image__image {
  border-radius: 5px;
}

.page--comdatapayments .text-group__label p {
  background-color: #DDEFF7;
  color: #2B4463;
  padding: 8px 8px 5px;
  display: inline;
  font-family: DINWebPro-Bold;
  font-size: 12px;
  text-transform: uppercase;
  border-radius: 3px;
}

.page--comdatapayments .content__cdp-hero-desktop .text-group__label p,
.page--comdatapayments .hero__subpage .text-group__label p {
  background-color: #B7CEDE;
}

.page--comdatapayments .text-group__main-text p {
  color: #888F9E;
}

.page--comdatapayments .text-group__main-text ul li {
  color: #003A5D;
}

.page--comdatapayments .text-group__link--button {
  background: #009DDC;
  border: 1px solid #009DDC;
  padding: 16px;
}

.page--comdatapayments .text-group__link--button:hover {
  background: #40B7EC;
  border-color: #40B7EC;
  transition: 0.3s all ease-out;
}

.page--comdatapayments .content__cdp-hero-mobile .text-group__link--button {
  width: 100%;
  text-align: center;
}

.page--comdatapayments .text-group__main-text h2 {
  font-size: 28px;
  margin-bottom: 24px;
}

@media (min-width: 760px) {
  .page--comdatapayments .text-group__main-text h2 {
    font-size: 36px;
    margin-bottom: 24px;
  }
}

.page--comdatapayments .content__events .text-group__link.text-group__link-play {
  display: initial;
}

.page--comdatapayments .content__events .text-group__link.text-group__link-arrow {
  display: none;
}

/* use .content__hero on the wrapper for these styles */

.content__hero {
  background: transparent linear-gradient(290deg, #3CB0E3 0%, #0B415B 100%) 0% 0% no-repeat padding-box;
  color: #fff;
  padding: 48px 0;
}

@media (min-width: 960px) {
  .content__hero {
    padding: 70px 0;
  }
}

.content__hero .cm-column__child {
  flex: 1;
}

.cm-column__child.content__hero-image {
  flex: 1.2;
}

.content__hero-image img.cmp-image__image {
  width: 100%;
}

@media (max-width: 1247px) {
  .content__hero-image img.cmp-image__image {
    width: 80%;
  }
}

@media (max-width: 759px) {
  .content__hero-image img.cmp-image__image {
    width: 50%;
  }
}

@media (max-width: 579px) {
  .content__hero-image img.cmp-image__image {
    width: 100%;
  }
}

.content__hero h1 {
  font-size: 36px;
}

@media (min-width: 960px) {
  .content__hero h1 {
    font-size: 48px;
  }
}

@media (min-width: 1248px) {
  .content__hero h1 {
    font-size: 72px;
  }
}

.content__hero .text-group__main-text p {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.8);
  max-width: 440px;
  line-height: 1.3em;
}

@media (min-width: 960px) {
  .content__hero .text-group__main-text p {
    font-size: 28px;
  }
}

.content__hero .content__small-fleet-hero .text-group__main-text p {
  max-width: 540px;
}

@media (min-width: 960px) {
  .content__hero .content__hero-large-fleets {
    width: 56%;
  }
}

.content__hero .content__hero-large-fleets .text-group__main-text p {
  max-width: 540px;
}

@media (min-width: 960px) {
  .content__hero .content__hero-large-fleets.cm-column__child {
    flex: inherit;
  }
}

.content__hero .cm-column__parent .content__lead-form h4 {
  color: #00283B;
}

.page--comdatapayments .text-group__link--button,
.page--comdatapayments .content__hero .text-group__link--button {
  font-size: 14px;
  padding: 16px;
  text-align: center;
  width: 180px;
  text-transform: uppercase;
  font-family: DINWebPro-Medium;
  font-weight: 600;
}

@media (max-width: 479px) {
  .page--comdatapayments .text-group__link--button,
    .page--comdatapayments .content__hero .text-group__link--button {
    width: 100%;
  }
}

.content__cdp-hero-desktop {
  flex-direction: row;
  position: relative;
  padding-top: 54px;
  padding-bottom: 80px;
}

@media (max-width: 479px) {
  .content__cdp-hero-desktop {
    padding-bottom: 48px;
  }
}

.content__cdp-hero-desktop .content__cdp-hero-desktop-img {
  flex: 0 0 442px;
}

.content__cdp-hero-desktop .content__cdp-hero-desktop-img img {
  border-radius: 16px;
  box-shadow: -42px 2px 0px -10px #B7CEDE;
}

@media (max-width: 479px) {
  .content__cdp-hero-desktop .content__cdp-hero-desktop-img img {
    width: 91px;
    position: absolute;
    top: 100px;
    right: 16px;
    box-shadow: -12px 1px 0px -5px #B7CEDE;
  }
}

.content__cdp-hero-desktop .cm-column__parent {
  align-items: center;
}

@media (max-width: 479px) {
  .content__cdp-hero-desktop .cm-column__parent {
    display: block;
  }
}

.content__cdp-hero-desktop .textGroup {
  width: 70%;
}

@media (max-width: 479px) {
  .content__cdp-hero-desktop .textGroup {
    width: 100%;
  }
}

.page--name-about .content__cdp-hero-desktop .textGroup h1,
.page--name-thought-leadership .content__cdp-hero-desktop .textGroup h1 {
  width: 100%;
}

@media (max-width: 479px) {
  .page--name-about .content__cdp-hero-desktop .textGroup h1,
    .page--name-thought-leadership .content__cdp-hero-desktop .textGroup h1 {
    width: 70%;
  }
}

.content__cdp-hero-desktop .textGroup h1 {
  width: 95%;
  margin-bottom: 24px;
}

@media (max-width: 479px) {
  .content__cdp-hero-desktop .textGroup h1 {
    font-size: 32px;
    width: 70%;
    margin-bottom: 40px;
  }
}

@media (max-width: 479px) {
  .hero__subpage .textGroup h1 {
    font-size: 32px;
  }
}

.content__cdp-hero-desktop .textGroup p {
  margin-bottom: 40px;
  color: #003A5D;
}

@media (max-width: 759px) {
  .content__cdp-hero-desktop .textGroup p {
    margin-bottom: 0px;
  }
}

.hero__subpage .textGroup p:last-child {
  margin-bottom: 0px;
}

@media (min-width: 760px) {
  .hero__subpage .textGroup p:last-child {
    width: 70%;
  }
}

@media (min-width: 760px) {
  .hero__subpage .content__lead-form .textGroup p:last-child {
    width: 100%;
  }
}

.hero__subpage .cm-column__parent {
  align-items: center;
}

.hero__subpage-width-90 .text-group__main-text {
  width: 90%;
}

.page--comdatapayments .hero__subpage p {
  color: #003A5D;
}

.page--comdatapayments .hero__subpage {
  padding-top: 50px;
  padding-bottom: 48px;
}

@media (min-width: 760px) {
  .page--comdatapayments .hero__subpage {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

@media (min-width: 760px) {
  .page--comdatapayments.thought-leadership .content__cdp-hero-desktop .textGroup {
    width: 90%;
  }
}

@media (min-width: 760px) {
  .page--comdatapayments.thought-leadership .content__cdp-hero-desktop .textGroup p {
    width: 60%;
  }
}

@media (max-width: 759px) {
  .content__cdp-hero-desktop.page--name-payment-solutions .textGroup h1 {
    margin-bottom: 48px;
  }
}

.content__title {
  width: 100%;
}

.content__title h2 {
  font-size: 40px;
}

@media (max-width: 1247px) {
  .content__title h2 {
    font-size: 32px;
  }
}

.content__title p {
  font-size: 20px;
  margin-bottom: 0px;
}

@media (max-width: 1247px) {
  .content__title p {
    font-size: 18px;
  }
}

.content__title .text-group__main-text {
  max-width: 530px;
  margin: 0 auto;
}

.content__title.content__title--medium .text-group__main-text {
  max-width: 650px;
}

.content__title.content__title--large .text-group__main-text {
  max-width: 750px;
}

.content__title.content__title--large-main-text .text-group__main-text {
  max-width: 800px;
}

.content__title.content__title--long .text-group__main-text {
  max-width: 800px;
}

.content__title.content__title--long .text-group__main-text h2 {
  font-size: 32px;
}

@media (max-width: 1247px) {
  .content__title.content__title--long .text-group__main-text h2 {
    font-size: 26px;
  }
}

.content__title.content__title--max .text-group__main-text {
  max-width: 1000px;
}

.content__title.content__title--fullwidth .text-group__main-text {
  max-width: 1200px;
}

.content__title.content__title-yellow-bg h3 {
  background: #FFFAF0;
  padding: 24px;
  border-radius: 4px;
}

@media (min-width: 960px) {
  .content__title.content__title-yellow-bg h3 {
    padding: 32px 65px;
  }
}

.page--comdatapayments .content__title-lead-form .text-group__main-text {
  padding-bottom: 24px;
}

@media (min-width: 960px) {
  .page--comdatapayments .content__title-lead-form .text-group__main-text {
    width: 50%;
  }
}

.page--comdatapayments .content__title-lead-form h2 {
  font-size: 36px;
}

.page--comdatapayments .content__title-lead-form p {
  color: #6B707A;
  margin-bottom: 0px;
}

.content__cards .cm-column__parent {
  display: block;
}

@media (min-width: 960px) {
  .content__cards .cm-column__parent {
    display: flex;
    justify-content: space-between;
    max-width: 1008px;
    align-items: flex-start;
  }
}

@media (min-width: 960px) {
  .page--comdatamerchants .content__cards .cm-column__parent {
    max-width: 1216px;
  }
}

.content__card {
  box-shadow: 0 3px 30px 0 rgba(5, 15, 21, 0.1);
  background: #fff;
  border-radius: 5px;
  padding: 24px;
  margin: 0 auto;
  margin-bottom: 30px;
}

@media (min-width: 480px) {
  .content__card {
    max-width: 282px;
  }
}

.page--comdatamerchants .content__card {
  height: 319px;
}

@media (min-width: 1216px) {
  .page--comdatamerchants .content__card {
    max-width: 383px;
  }
}

@media (min-width: 960px) {
  .cm-column__parent .cm-column__child.content__card:first-child {
    margin-top: 0px;
  }
}

.content__card.cm-column__child {
  flex: none;
}

@media (min-width: 960px) {
  .content__card.cm-column__child {
    margin-bottom: 0px;
  }
}

.cm-column__parent .cm-column__child.content__card:last-child {
  padding-left: 24px;
  margin-bottom: 0px;
}

.content__card .text-group__main-text p {
  color: #626F88;
}

.content__card-benefits-list .content__benefit-list-col {
  display: flex;
  flex-direction: column;
}

.content__card-benefits-list .content__benefit-list-col {
  padding-bottom: 50px;
}

@media (min-width: 960px) {
  .content__card-benefits-list .content__benefit-list-col {
    padding-bottom: 0px;
  }
}

@media (max-width: 1247px) {
  .content__card-benefits-list .content__benefit-list-col {
    padding-bottom: 24px;
  }
}

@media (min-width: 580px) {
  .content__card-benefits-list .content__benefit-list-col .textGroup.section:last-of-type {
    align-self: flex-start;
    margin-top: auto;
  }
}

@media (min-width: 960px) {
  .content__card-image .imageText .imagetext__wrapper {
    display: flex;
  }
}

@media (min-width: 960px) {
  .content__card-image .imageText .imagetext__wrapper .text-group__wrapper {
    margin-left: 32px;
    display: flex;
    width: 100%;
    flex-direction: column;
  }
}

.content__card-image .imageText .imagetext__wrapper .text-group__wrapper .text-group__main-text h4 {
  line-height: 28px;
}

.content__card-image .imageText .imagetext__wrapper .text-group__wrapper .text-group__label {
  margin-bottom: 16px;
}

.content__card-image .imageText .imagetext__wrapper .text-group__wrapper .text-group__links {
  align-self: flex-start;
  margin-top: auto;
  padding-bottom: 5px;
}

@media (min-width: 960px) {
  .content__card-image .imageText .imagetext__wrapper {
    display: flex;
  }
}

.util__inner-break-bottom.content__card-image {
  padding-bottom: 0px;
}

@media (min-width: 960px) {
  .util__inner-break-bottom.content__card-image {
    padding-bottom: 72px;
  }
}

.content__card-image .cm-column__child .imageText .imagetext__wrapper .imagetext__image .cmp-image img.cmp-image__image {
  width: 100%;
}

@media (min-width: 960px) {
  .content__card-image .cm-column__child .imageText .imagetext__wrapper .imagetext__image .cmp-image {
    width: 176px;
  }
}

.content__card-benefits-list .cm-column__child .textGroup.section {
  width: 90%;
  margin: 0 auto;
}

@media (min-width: 960px) {
  .content__card-benefits-list .cm-column__child .textGroup.section {
    max-width: 272px;
  }
}

.content__card-image .cm-column__child {
  padding-bottom: 50px;
  width: 90%;
  margin: 0 auto;
}

@media (min-width: 960px) {
  .content__card-image .cm-column__child {
    padding-bottom: 0px;
    max-width: 570px;
    flex: auto;
  }
}

.content__card-benefits-full-width.content__card-image .cm-column__child {
  padding-bottom: 50px;
  width: 90%;
  margin: 0 auto;
}

@media (min-width: 960px) {
  .content__card-benefits-full-width.content__card-image .cm-column__child {
    max-width: 820px;
    margin-top: 72px;
  }
}

.content__card-benefits-full-width.content__card-image .imageText .imagetext__wrapper .text-group__wrapper .text-group__main-text h3 {
  margin-bottom: 16px;
}

.content__card-benefits-full-width.content__card-image .imageText .imagetext__wrapper .text-group__wrapper .text-group__links {
  margin-top: 0px;
}

@media (min-width: 1216px) {
  .page--comdatamerchants .content__card .text-group__links {
    padding-top: 24px;
  }
}

@media (min-width: 1216px) {
  .page--comdatamerchants .cm-column__parent .cm-column__child.content__card:last-child .text-group__links {
    padding-top: 0px;
  }
}

@media (min-width: 960px) {
  .content__card-benefits-full-width.content__card-image .imageText .imagetext__wrapper:first-child {
    margin-bottom: 65px;
    align-items: center;
  }
}

.content__card-benefits-full-width.content__card-image .cm-column__child .imageText .imagetext__wrapper .imagetext__image .cmp-image {
  margin-top: 70px;
}

@media (max-width: 1247px) {
  .content__card-benefits-full-width.content__card-image .cm-column__child .imageText .imagetext__wrapper .imagetext__image .cmp-image {
    margin-top: 48px;
  }
}

@media (min-width: 960px) {
  .content__card-benefits-full-width.content__card-image .cm-column__child .imageText .imagetext__wrapper .imagetext__image .cmp-image {
    width: 244px;
    margin-top: 0px;
    margin-right: 68px;
  }
}

.content__card-title-bullets-wrap .cm-column__parent {
  justify-content: space-evenly;
}

.util__no-title-bullets.content__card-title-bullets-wrap .cm-column__parent .cm-column__child {
  padding-bottom: 0px;
}

.content__card-title-bullets-wrap .cm-column__parent .cm-column__child {
  padding-bottom: 20px;
  width: 90%;
  margin: 0 auto;
}

@media (min-width: 1216px) {
  .content__card-title-bullets-wrap .cm-column__parent .cm-column__child {
    flex: inherit;
    width: 30%;
    padding: 0 3%;
    border-right: 1px dashed rgba(0, 40, 59, 0.16);
    padding-bottom: 50px;
  }
}

@media (min-width: 1216px) {
  .content__card-title-bullets-wrap .cm-column__parent .cm-column__child .text-group__main-text ul {
    margin: 0 0 0px 18px;
  }
}

.content__card-title-bullets-wrap .cm-column__parent .cm-column__child .text-group__main-text ul li:last-child {
  margin-bottom: 0px;
}

.content__card-title-bullets-wrap .cm-column__parent .cm-column__child:last-child {
  padding-right: 0;
  border-right: none;
}

.content__card-image .cm-column__child.content__icon-card .imageText .imagetext__wrapper .imagetext__image .cmp-image {
  width: 48px;
}

@media (min-width: 1216px) {
  .content__card-short-title .text-group__wrapper .text-group__main-text h5 {
    width: 50%;
  }
}

.content__card-bulletpoints .cm-column__parent {
  flex-wrap: wrap;
  justify-content: center;
}

@media (min-width: 960px) {
  .content__card-image .cm-column__child.content__icon-card {
    flex: auto;
  }
}

@media (min-width: 1216px) {
  .content__card-bulletpoints .cm-column__parent .cm-column__child {
    flex: inherit;
    width: 27%;
    margin: 0 3%;
  }
}

@media (max-width: 759px) {
  .page--comdatamerchants .cm-column__parent .content__card.cm-column__child:first-child {
    padding-right: 24px;
  }
}

.page--comdatapayments .content__card {
  max-width: 342px;
  margin-bottom: 32px;
}

@media (min-width: 760px) {
  .page--comdatapayments .content__card {
    display: flex;
    flex-direction: column;
  }
}

@media (min-width: 1080px) {
  .page--comdatapayments .content__card {
    margin-bottom: 0px;
  }
}

@media (min-width: 1248px) {
  .page--comdatapayments .content__card {
    max-width: 380px;
    margin: initial;
  }
}

.page--comdatapayments .content__card .text-group__main-text h4 {
  font-size: 24px;
}

@media (min-width: 960px) {
  .page--comdatapayments .content__card .text-group__main-text h4 {
    width: 85%;
  }
}

.page--comdatapayments .content__cards .cm-column__parent {
  display: block;
}

@media (min-width: 1080px) {
  .page--comdatapayments .content__cards .cm-column__parent {
    display: flex;
    justify-content: space-between;
    max-width: 1008px;
    align-items: initial;
  }
}

.page--comdatapayments .content__card .component-button-text-link--with-arrow,
.page--comdatapayments .text-group__links a {
  color: #009DDC;
  width: 8px;
  margin-left: 3px;
  padding-top: 2px;
}

.page--comdatapayments .content__card .component-button-text-link--with-arrow:hover,
  .page--comdatapayments .text-group__links a:hover {
  color: #FFCC41;
  cursor: pointer;
}

.page--comdatapayments .content__card .component-button-text-link--with-arrow:hover svg,
    .page--comdatapayments .text-group__links a:hover svg {
  fill: #FFCC41;
}

.page--comdatapayments a.text-group__link.text-group__link--button {
  color: white;
  width: 180px;
  padding-top: 16px;
}

.page--comdatapayments .text-group__center-link a.text-group__link.text-group__link--button {
  margin-top: 16px;
}

@media (min-width: 760px) {
  .page--comdatapayments .text-group__center-link a.text-group__link.text-group__link--button {
    margin-top: 24px;
  }
}

.page--comdatapayments .text-group__links {
  margin-top: 8px;
  margin-bottom: 24px;
}

.page--comdatapayments .text-group__center-link .text-group__links {
  margin-bottom: 0px;
}

.page--comdatapayments .text-group__link svg,
.page--comdatapayments .content__card .component-button-text-link--with-arrow svg {
  fill: #009DDC;
}

.page--comdatapayments .cm-column__parent .cm-column__child.content__card:last-child {
  margin-bottom: 32px;
}

@media (min-width: 760px) {
  .page--comdatapayments .cm-column__parent .cm-column__child.content__card:last-child {
    margin-bottom: 0px;
  }
}

@media (min-width: 760px) {
  .page--comdatapayments.page--name-en .cm-column__parent .cm-column__child.content__card:last-child {
    margin-bottom: 0px;
  }
}

@media (min-width: 960px) {
  .page--comdatapayments .content__cards .cm-column__parent {
    max-width: 1211px;
  }
}

.page--comdatapayments .content__card .button.section {
  margin-top: auto;
}

@media (min-width: 960px) {
  .content__cards .cm-column__parent {
    align-items: initial;
  }
}

.page--comdatapayments .content__icon-card.content__eight-padding-bottom {
  margin-bottom: 8px;
}

.page--comdatapayments .content__icon-card .content__cards.util__card-icon-img .text-group__wrapper:first-of-type {
  margin-bottom: 16px;
}

.page--comdatapayments .content__icon-card.text-group__icon-yellow .text-group__wrapper:first-of-type .text-group__main-text h5,
.page--comdatapayments .content__icon-card.util__blue-icon .text-group__wrapper:first-of-type .text-group__main-text h5 {
  margin-left: 60px;
  padding-top: 10px;
}

.page--comdatapayments .content__icon-card .text-group__wrapper .text-group__main-text ul,
.page--comdatapayments .content__icon-card .text-group__wrapper .text-group__main-text ul li {
  margin-bottom: 0px;
}

@media (min-width: 760px) {
  .page--comdatapayments .content__icon-card .text-group__wrapper .text-group__main-text ul,
    .page--comdatapayments .content__icon-card .text-group__wrapper .text-group__main-text ul li {
    width: 91%;
  }
}

@media (min-width: 760px) {
  .page--comdatapayments .content__icon-card .text-group__wrapper .text-group__main-text p {
    width: 91%;
  }
}

.page--comdatapayments .content__icon-card.content__full-paragraph .text-group__wrapper .text-group__main-text p {
  margin-bottom: 0px;
}

@media (min-width: 760px) {
  .page--comdatapayments .content__icon-card.content__full-paragraph .text-group__wrapper .text-group__main-text p {
    width: 100%;
  }
}

.page--comdatapayments .content__icon-card.content__icon-paragraph .text-group__wrapper .text-group__main-text p {
  padding-bottom: 16px;
}

.page--comdatapayments .content__icon-card.text-group__icon-yellow.content__icon-card-small-icon .text-group__wrapper .text-group__icon {
  background-color: rgba(247, 179, 52, 0.1);
  width: 44px;
  height: 44px;
}

.page--comdatapayments .content__icon-card-small-icon .text-group__wrapper .text-group__icon img {
  width: 24px;
  transform: scale(1) translate(10px, 9px);
}

@media (max-width: 759px) {
  .page--comdatapayments.page--name-virtual-credit-card .content__icon-card:last-child {
    padding-bottom: 24px;
  }
}

.page--comdatapayments .text-group__icon {
  background-color: #DDEFF7;
  width: 32px;
  border-radius: 3px;
  float: left;
}

.page--comdatapayments .text-group__icon img {
  transform: scale(0.6) translate(12px, 14px);
}

.page--comdatapayments .content__icon-card .text-group__main-text h5 {
  margin-left: 48px;
  padding-top: 4px;
}

.page--comdatapayments .content__cards.util__card-icon-img .content__card .text-group__icon {
  background-color: transparent;
  float: none;
}

.page--comdatapayments .content__cards.util__card-icon-img .content__card .text-group__icon {
  width: 48px;
  margin-bottom: 32px;
}

.page--comdatapayments .content__cards.util__card-icon-img .content__card .text-group__icon img {
  width: 100%;
  transform: scale(1);
}

.page--comdatapayments .content__icon-card-small-icon.util__blue-icon .text-group__wrapper .text-group__icon {
  width: 44px;
  height: 44px;
}

.page--comdatapayments .content__icon-card-small-icon.util__blue-icon .text-group__wrapper .text-group__icon img {
  transform: scale(1) translate(10px, 10px);
}

.content__productpromo .cm-column__parent {
  justify-content: space-between;
}

.content_productpromo-text {
  max-width: 506px;
  -ms-flex: none;
}

@media (max-width: 1247px) {
  .content_productpromo-text {
    margin-bottom: 0px;
  }
}

.content_productpromo-card {
  max-width: 520px;
  -ms-flex: none;
}

.cm-column__child.content_productpromo-card {
  align-items: center;
}

@media (max-width: 1247px) {
  .content__productpromo .text-group__main-text h2 {
    font-size: 24px;
  }
}

.content_productpromo-text .text-group__main-text > p {
  font-size: 20px;
}

@media (max-width: 1247px) {
  .content_productpromo-text .text-group__main-text > p {
    font-size: 16px;
  }
}

@media (min-width: 1248px) {
  .content__productpromo .content__productpromo-button.content_productpromo-card .imageText .imagetext__wrapper {
    margin-bottom: 48px;
  }
}

@media (min-width: 1248px) {
  .content__productpromo .cm-column__child.content__productpromo-small-fleets p,
  .content__productpromo .cm-column__child.content__productpromo-large-fleets p {
    font-size: 20px;
  }
}

@media (min-width: 580px) {
  .content__productpromo-small-fleets .text-group__main-text p:last-child,
  .content__productpromo-large-fleets .text-group__main-text p:last-child {
    margin-bottom: 0px;
  }
}

@media (min-width: 580px) {
  .content__productpromo-small-fleets .text-group__main-text h6,
  .content__productpromo-large-fleets .text-group__main-text h6 {
    margin-bottom: 0px;
  }
}

@media (min-width: 1248px) {
  .content__productpromo .cm-column__child.content__productpromo-large-fleets .productCTA .product-cta__buttons {
    margin-top: 20px;
  }
}

@media (min-width: 1248px) {
  .content__productpromo .cm-column__child.content__productpromo-small-fleets .product-cta__buttons a p,
  .content__productpromo .cm-column__child.content__productpromo-large-fleets .product-cta__buttons a p {
    font-size: 16px;
  }
}

@media (min-width: 1248px) {
  .content__productpromo-small-fleets .textGroup,
  .content__productpromo-large-fleets .textGroup {
    margin-top: 56px;
  }
}

.content__productpromo .cm-column__child.content__productpromo-small-fleets .text-group__label,
.content__productpromo .cm-column__child.content__productpromo-large-fleets .text-group__label {
  font-size: 16px;
  margin-bottom: 16px;
}

@media (min-width: 1248px) {
  .content__productpromo .cm-column__child.content__productpromo-small-fleets {
    max-width: 520px;
  }
}

@media (min-width: 1248px) {
  .content__productpromo-small-fleets .textGroup .text-group__main-text ul {
    margin-top: 32px;
  }
}

@media (min-width: 960px) {
  .content__productpromo .cm-column__child.content__productpromo-large-fleets {
    max-width: 352px;
  }
}

.content__productpromo-large-fleets .textGroup:last-child {
  margin-top: 20px;
}

.content__productpromo-large-fleets.content__benefit-list-col {
  display: flex;
  flex-direction: column;
}

@media (min-width: 580px) {
  .content__productpromo-large-fleets.content__benefit-list-col .textGroup.section:last-of-type {
    align-self: flex-start;
    margin-top: auto;
  }
}

.content__bullet-points-large-fleets .content__benefits-bullet-points .text-group__wrapper {
  display: flex;
  background-color: #00283B;
  padding: 65px;
  margin: 0 auto;
  justify-content: center;
  border-radius: 5px;
}

.content__bullet-points-large-fleets .content__benefits-bullet-points .text-group__wrapper .text-group__main-text h3 {
  color: white;
  font-size: 22px;
  padding-bottom: 12px;
}

@media (min-width: 580px) {
  .content__bullet-points-large-fleets .content__benefits-bullet-points .text-group__wrapper .text-group__main-text ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 0px 50px;
  }
}

@media (min-width: 960px) {
  .content__bullet-points-large-fleets .content__benefits-bullet-points .text-group__wrapper .text-group__main-text ul {
    margin: 0 0 0px 120px;
  }
}

.content__bullet-points-large-fleets .content__benefits-bullet-points .text-group__wrapper .text-group__main-text ul li {
  color: rgba(255, 255, 255, 0.7);
}

@media (min-width: 580px) {
  .content__bullet-points-large-fleets .content__benefits-bullet-points .text-group__wrapper .text-group__main-text ul li {
    width: 45%;
  }
}

@media (min-width: 960px) {
  .content__bullet-points-large-fleets .content__benefits-bullet-points .text-group__wrapper .text-group__main-text ul li {
    width: 32%;
  }
}

.content__product-and-services-wrap .textGroup .text-group__links a {
  display: block;
}

@media (min-width: 1216px) {
  .content__product-and-services-wrap .textGroup .text-group__links a {
    display: inline;
    margin-right: 38px;
  }
}

.content__product-and-services-wrap .textGroup .text-group__links a:last-child {
  margin-right: none;
}

.content__productpromo-button .button {
  width: 100%;
  display: block;
}

.product-cta__wrap {
  max-width: 420px;
}

.product-cta__wrap figure img {
  box-shadow: 0 16px 30px 0 rgba(200, 213, 213, 0.7);
  border-radius: 12px;
  width: 100%;
}

.product-cta__wrap figure {
  margin-bottom: 38px;
}

.product-cta__wrap .component-button {
  width: 100%;
  text-align: center;
}

.line hr {
  border: none;
  height: 1px;
  background-image: linear-gradient(90deg, #D5E5E1, #D5E5E1 50%, transparent 60%, transparent 100%);
  background-size: 6px 1px;
  margin: 0;
}

.line-dark hr {
  border: none;
  height: 1px;
  background-image: linear-gradient(90deg, rgba(0, 40, 59, 0.16), rgba(0, 40, 59, 0.16) 50%, transparent 60%, transparent 100%);
  background-size: 6px 1px;
  margin: 0;
}

.page--comdatapayments .line hr {
  max-width: 1216px;
  margin-left: auto;
  margin-right: auto;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg version='1.2' baseProfile='tiny' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 494 23' overflow='visible'%3E%3Ccircle fill='%23C7DAE7' cx='2' cy='12' r='2'/%3E%3Ccircle fill='%23C7DAE7' cx='24.45' cy='12' r='2'/%3E%3Ccircle fill='%23C7DAE7' cx='46.91' cy='12' r='2'/%3E%3Ccircle fill='%23C7DAE7' cx='69.36' cy='12' r='2'/%3E%3Ccircle fill='%23C7DAE7' cx='91.82' cy='12' r='2'/%3E%3Ccircle fill='%23C7DAE7' cx='114.27' cy='12' r='2'/%3E%3Ccircle fill='%23C7DAE7' cx='136.73' cy='12' r='2'/%3E%3Ccircle fill='%23C7DAE7' cx='159.18' cy='12' r='2'/%3E%3Ccircle fill='%23C7DAE7' cx='181.64' cy='12' r='2'/%3E%3Ccircle fill='%23C7DAE7' cx='204.09' cy='12' r='2'/%3E%3Ccircle fill='%23C7DAE7' cx='226.55' cy='12' r='2'/%3E%3Ccircle fill='%23C7DAE7' cx='249' cy='12' r='2'/%3E%3Ccircle fill='%23C7DAE7' cx='271.45' cy='12' r='2'/%3E%3Ccircle fill='%23C7DAE7' cx='293.91' cy='12' r='2'/%3E%3Ccircle fill='%23C7DAE7' cx='316.36' cy='12' r='2'/%3E%3Ccircle fill='%23C7DAE7' cx='338.82' cy='12' r='2'/%3E%3Ccircle fill='%23C7DAE7' cx='361.27' cy='12' r='2'/%3E%3Ccircle fill='%23C7DAE7' cx='383.73' cy='12' r='2'/%3E%3Ccircle fill='%23C7DAE7' cx='406.18' cy='12' r='2'/%3E%3Ccircle fill='%23C7DAE7' cx='428.64' cy='12' r='2'/%3E%3Ccircle fill='%23C7DAE7' cx='451.09' cy='12' r='2'/%3E%3Ccircle fill='%23C7DAE7' cx='473.55' cy='12' r='2'/%3E%3C/svg%3E");
  background-size: contain;
}

@media (max-width: 759px) {
  .page--comdatapayments .line hr {
    width: 90%;
  }
}

.page--comdatapayments .line .line__bg-color {
  background-color: #F6F8F9;
}

@media (max-width: 579px) {
  .testimonials__wrap {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

.testimonial__name {
  color: #F26964;
  font-size: 14px;
}

@media (min-width: 580px) {
  .testimonial__name {
    font-size: 18px;
  }
}

.testimonial__person-info {
  flex: 1;
}

.testimonial__icon {
  border: 2px solid #D5E5E1;
  background: #EBF3F1;
}

@media (max-width: 579px) {
  .testimonial__icon {
    margin-right: .5em;
  }
}

.testimonial__title {
  color: #626F88;
  font-size: 14px;
}

@media (min-width: 580px) {
  .testimonial__title {
    font-size: 18px;
  }
}

@media (max-width: 579px) {
  .testimonial__text p {
    font-size: 20px;
  }
}

.testimonials--dark .testimonial__icon {
  border: 2px solid #F26964;
  background: #00283B;
  color: #EBF3F1;
}

.testimonial__width-small .testimonials__wrap {
  max-width: 820px;
}

.testimonial__person-info-cdp {
  display: none;
}

[data-star-rating] {
  display: none;
}

svg[data-star-rating]:first-of-type,
svg[data-star-rating="2"]:nth-of-type(2),
svg[data-star-rating="3"]:nth-of-type(2),
svg[data-star-rating="3"]:nth-of-type(3),
svg[data-star-rating="4"]:nth-of-type(2),
svg[data-star-rating="4"]:nth-of-type(3),
svg[data-star-rating="4"]:nth-of-type(4),
svg[data-star-rating="5"]:nth-of-type(2),
svg[data-star-rating="5"]:nth-of-type(3),
svg[data-star-rating="5"]:nth-of-type(4),
svg[data-star-rating="5"]:nth-of-type(5),
svg[data-star-rating="6"] {
  display: inline;
}

.page--comdatapayments .testimonials__wrapper {
  padding-top: 32px;
}

.page--comdatapayments .testimonials__wrapper .cm-column__child {
  padding: 0px;
}

@media (min-width: 760px) {
  .page--comdatapayments .testimonials__wrap {
    display: flex;
    max-width: 1216px;
    justify-content: space-between;
  }
}

.page--comdatapayments .testimonial {
  box-shadow: 0 3px 30px 0 rgba(5, 15, 21, 0.1);
  background: #fff;
  border-radius: 4px;
  padding: 32px;
  margin: 0 auto;
  margin-bottom: 32px;
}

@media (min-width: 760px) {
  .page--comdatapayments .testimonial {
    width: 49%;
    margin: initial;
  }
}

.page--comdatapayments .testimonial__star-rating {
  margin-bottom: 32px;
}

.page--comdatapayments .testimonial__text h4 {
  font-size: 22px;
}

.page--comdatapayments .testimonial__text p {
  color: #6B707A;
  font-size: 16px;
  font-style: unset;
  margin-bottom: 32px;
}

.testimonial__star-rating svg {
  fill: #FFCC41;
}

.page--comdatapayments .testimonial__person-info-cdp {
  color: #B7BCC5;
  font-size: 16px;
}

.page--comdatapayments .testimonial__person-info-cdp .testimonial__name {
  color: #FFBC00;
  font-size: 16px;
  font-family: DINWebPro-Medium;
  font-weight: 600;
}

.page--comdatapayments .testimonial__person-info {
  display: none;
}

.page--comdatapayments .testimonial__person-info-cdp {
  display: block;
}

.content__featurepromo .cm-column__parent {
  justify-content: space-between;
}

.content__featurepromo--bottom-align .cm-column__parent {
  align-items: flex-end;
}

.content__featurepromo .cm-column__child.content__featurepromo-image {
  max-width: 590px;
}

.content__featurepromo.util__bottom-line {
  padding-bottom: 0px;
}

.content__featurepromo .cmp-image {
  display: flex;
  flex-direction: column;
}

.content__featurepromo .text-group__main-text p {
  font-size: 19px;
}

@media (max-width: 1247px) {
  .content__featurepromo .text-group__main-text p {
    font-size: 16px;
  }
}

.content__featurepromo .util__full-width-button {
  margin-top: 5px;
  width: 100%;
}

.content__featurepromo .util__full-width-button .component-button {
  padding: 17px 0px;
}

@media (min-width: 1248px) {
  .content__featurepromo .content__feature-text-group-left {
    max-width: 520px;
  }
}

@media (min-width: 1216px) {
  .content__featurepromo .content__feature-text-group-left {
    margin-right: 125px;
  }
}

.content__featurepromo .content__feature-text-group-right {
  max-width: 520px;
}

@media (min-width: 1216px) {
  .content__featurepromo .content__feature-text-group-right {
    margin-left: 100px;
    margin-right: 50px;
  }
}

.content__featurepromo .content__feature-text-bulletpoints {
  max-width: 520px;
}

.content__featurepromo .content__feature-bulletpoints-list {
  max-width: 595px;
}

@media (min-width: 1216px) {
  .content__featurepromo .content__feature-bulletpoints-list {
    margin-left: 130px;
  }
}

@media (min-width: 1216px) {
  .content__featurepromo .content__feature-text-group-left .text-group__main-text p,
  .content__featurepromo .content__feature-text-bulletpoints .text-group__main-text p {
    width: 85%;
  }
}

.content__featurepromo .content__feature-text-group-left .textGroup .text-group__links a,
.content__featurepromo .content__feature-text-group-right .textGroup .text-group__links a {
  display: block;
}

@media (min-width: 1216px) {
  .content__featurepromo .content__feature-text-group-left .textGroup .text-group__links a,
    .content__featurepromo .content__feature-text-group-right .textGroup .text-group__links a {
    display: inline;
    margin-right: 38px;
  }
}

.content__featurepromo .content__feature-text-group-right .text-group__main-text p {
  width: 90%;
}

.bullets__wrap {
  margin: 0;
}

.bullets__content {
  margin: 0;
  padding: 0;
}

.bullets__item__container {
  display: flex;
  align-items: center;
  border-radius: 5px;
  margin-bottom: 17px;
}

.bullets__item__container:last-of-type {
  margin-bottom: 0px;
}

.icon__left {
  width: 48px;
  height: 48px;
  margin: 16px 24px;
}

.text__right {
  width: 90%;
  padding: 0 4px 0 4px;
  color: #626F88;
}

.text__right p {
  margin-bottom: 0px;
}

.breadcrumbs-content {
  padding: 16px 0 6px;
  display: flex;
}

.page--comdatapayments .breadcrumbs-content {
  padding-bottom: 0px;
}

.breadcrumbs-content > ul {
  padding-left: 0em;
  color: rgba(255, 255, 255, 0.3);
}

.breadcrumbs-content li a {
  color: #40B7EC;
}

.breadcrumbs-content ul li {
  display: inline;
  text-transform: uppercase;
}

.breadcrumbs-content a.breadcrumbs-content-hideLink {
  text-decoration: none;
  color: inherit;
  cursor: text !important;
  pointer-events: none;
}

.page--comdatapayments .breadcrumbs-content {
  font-size: 12px;
  justify-content: flex-end;
  font-family: DINWebPro-Medium;
  font-weight: 600;
}

@media (max-width: 479px) {
  .page--comdatapayments .breadcrumbs-content {
    justify-content: flex-start;
  }
}

.page--comdatapayments .breadcrumbs-content__separator {
  color: #009DDC;
}

.page--comdatapayments .breadcrumbs-content ul {
  padding-bottom: 0px;
}

.page--comdatapayments .breadcrumbs-content ul li {
  color: #B7BCC5;
}

.content__hiring-text .text-group__main-text {
  width: 90%;
}

@media (max-width: 1215px) {
  .content__leadership .cm-column__parent {
    flex-direction: column;
  }

  .content__leadership .cm-column__parent .cm-column__child {
    -ms-flex: 1 1 auto;
    padding-right: 0;
    padding-bottom: 40px;
  }
}

.content__leadership .imagetext__text p {
  color: #40B7EC;
  line-height: 1.3em;
  margin-bottom: 0;
  margin-top: 10px;
  font-weight: 500;
}

.content__leadership .cm-column__child {
  padding: 0px;
  margin: 0 auto;
  width: auto;
}

@media (min-width: 1216px) {
  .content__leadership .cm-column__child {
    width: 25%;
    margin-right: 95px;
  }
}

.content__leadership .cm-column__child .cmp-image {
  width: 214px;
}

@media (min-width: 1248px) {
  .content__leadership .cm-column__child .cmp-image {
    width: inherit;
  }
}

.content__leadership .cm-column__child .cmp-image img {
  width: 100%;
}

@media (min-width: 1216px) {
  .content__leadership .cm-column__child:last-child {
    margin-right: 0px;
  }
}

.content__leadership .imagetext__text h5 {
  font-size: 28px;
  padding-top: 12px;
}

.login__buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.popbox_container {
  max-width: 590px;
  padding: 30px 30px 0;
}

.section__links-wrapper .cm-column__parent {
  margin-top: 22px;
  justify-content: center;
}

.section__links-wrapper .cm-column__child {
  flex: inherit;
  margin: 0 16px;
}

.section__fullwidth-image .cm-column__child div.image.section img {
  width: 100%;
}

@media (min-width: 760px) {
  .section__why-comdata-text {
    padding-right: 42px;
  }
}

.section__two-col-ul .text-group__main-text ul {
  -moz-column-count: 2;
  column-count: 2;
}

@media (max-width: 759px) {
  .section__two-col-ul .text-group__main-text ul {
    -moz-column-count: 1;
    column-count: 1;
  }
}

.section__hide-link-mobile .text-group__links {
  display: none;
}

@media (min-width: 760px) {
  .section__hide-link-mobile .text-group__links {
    display: block;
  }
}

.article {
  margin-bottom: 104px;
  border-top: 1px #D5E5E1 solid;
  padding-top: 104px;
}

.articleList {
  border-top: 1px #D5E5E1 solid;
  padding-top: 104px;
}

@media (max-width: 959px) {
  .article__wrapper {
    flex-direction: column-reverse;
  }
}

.article__list {
  display: flex;
  flex-direction: column;
}

.article__list .line.section {
  margin: 72px 0;
}

.article__list .article__content:last-child .line.section {
  display: none;
}

.article__list .article__content:last-child {
  margin-bottom: 72px;
}

.article__content {
  width: 100%;
  max-width: 832px;
}

.page--comdatapayments .article__content {
  max-width: 938px;
  margin: 0 auto;
}

.page--comdatapayments .article__content img {
  width: 100%;
  border-radius: 4px;
}

.article__title {
  font-size: 22px;
  font-weight: bolder;
  margin: 0px 0px 40px;
}

.page--comdatapayments h1.article__title {
  text-align: center;
  font-size: 36px;
  max-width: 742px;
  margin: 0 auto 24px;
}

@media (max-width: 759px) {
  .page--comdatapayments h1.article__title {
    font-size: 18px;
  }
}

.article__date {
  font-family: roboto;
  font-size: 20px;
  font-weight: bold;
  margin: 0px 0px 40px;
  color: #40B7EC;
}

.article__main-text {
  font-size: 20px;
  font-weight: normal;
  margin: 0px 0px 88px;
}

.page--comdatapayments .article__main-text {
  font-size: 16px;
  color: #6B707A;
  max-width: 742px;
  margin: 0 auto;
}

.article__list .article__main-text {
  margin-bottom: 40px;
}

.article__sidebar {
  padding-bottom: 40px;
}

@media (min-width: 960px) {
  .article__sidebar {
    padding-left: 104px;
    padding-bottom: 0px;
  }
}

.article__sidebar-title {
  font-family: roboto;
  font-size: 18px;
  margin: 0px;
}

.article__sidebar-main-text {
  font-size: 16px;
  font-weight: normal;
  color: #595E61;
}

.article__sidebar-main-text a {
  color: #595E61;
}

.article__sidebar-main-text a:hover {
  color: #F26964;
}

.article__sidebar-main-text p {
  margin: 0px;
}

.article__nav .component-button {
  background-color: #40B7EC;
  border: 1px solid #40B7EC;
}

.article__nav .component-button:hover {
  background-color: #F26964;
  border: 1px solid #F26964;
}

.article__readmore a svg {
  margin-left: 0.5em;
  fill: #F26964;
}

.article__readmore a:hover,
.article__readmore a:hover svg {
  fill: #40B7EC;
  color: #40B7EC;
}

.article__labels {
  display: flex;
  justify-content: center;
  margin: 32px 0 16px;
}

.article__prev-next {
  max-width: 938px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.page--comdatapayments.article-page .article {
  border-top: none;
  margin-bottom: 56px;
  padding-top: 56px;
}

@media (max-width: 759px) {
  .page--comdatapayments.article-page .article {
    padding-top: 20px;
    margin-bottom: 20px;
  }
}

.page--comdatapayments.article-page .article a {
  color: #009DDC;
}

.relatedArticles {
  background-color: #EBF3F1;
}

.relatedarticles__title {
  font-style: italic;
  margin: 0px 0px 72px 0px;
  padding: 104px 0px 0px 20px;
}

@media (min-width: 1216px) {
  .relatedarticles__title {
    padding-left: 0px;
  }
}

.relatedarticles__list {
  padding-bottom: 104px;
}

.relatedarticles__wrap .util-unlist {
  padding: 0px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.relatedarticles__item {
  background-color: #FFF;
  border-radius: 5px;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.16);
  padding: 24px 24px 27px 24px;
  width: 32%;
  list-style: none;
  display: flex;
  flex-direction: column;
}

@media (max-width: 959px) {
  .relatedarticles__item {
    width: 100%;
    margin-bottom: 40px;
  }
}

h5.relatedarticles__headline {
  margin-bottom: 16px;
}

.relatedarticles__headline a {
  color: #00283B;
}

.relatedarticles__description {
  color: #626F88;
  margin-bottom: 18px;
}

.relatedarticles__readmore {
  margin-top: auto;
}

.relatedarticles__readmore a svg {
  margin-left: 0.5em;
  fill: #F26964;
}

.relatedarticles__readmore a:hover,
.relatedarticles__readmore a:hover svg {
  fill: #40B7EC;
  color: #40B7EC;
}

.lead-form__form {
  width: 100%;
  margin: auto;
}

@media (min-width: 480px) {
  .lead-form__form {
    width: 100%;
  }
}

@media (min-width: 1078px) {
  .lead-form__items {
    display: flex;
    justify-content: space-between;
    max-width: 520px;
    flex-wrap: wrap;
    margin: 0 auto;
  }
}

.lead-form__items *:focus {
  box-shadow: 0px 3px 12px -5px rgba(0, 0, 0, 0.3);
  outline: 0;
}

.lead-form__form .component-button {
  border-radius: 4px;
  width: 100%;
}

.mobile__buttons .component-button {
  border-radius: 4px;
  font-size: 14px;
}

.lead-form__label {
  display: block;
  text-align: left;
  position: relative;
  width: 216px;
  margin: 0 auto 24px;
  color: #777;
}

@media (min-width: 1077px) {
  .lead-form__label.long-one {
    width: 464px;
  }
}

@media (max-width: 1077px) {
  .lead-form__label {
    width: 100%;
  }
}

.lead-form__label > input, .lead-form__label > select {
  width: 100%;
  padding: 20px 15px 10px;
  font-size: 20px;
  color: #777;
  background-color: #fff;
  border: 1px solid #dcdcdc;
  font-weight: 500;
}

.lead-form__label > select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.lead-form__label > select::-ms-expand {
  display: none;
}

.lead-form__label > span {
  display: block;
  position: absolute;
  pointer-events: none;
  width: 90%;
  margin-bottom: 6px;
  padding: 0 10px;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.1px;
  top: 30px;
  transform: translate(6px, -50%);
  z-index: 200;
  transition: 0.3s ease;
  color: #777;
  border-radius: 4px;
}

.errorfield {
  padding: 7px;
  text-align: center;
  background-color: #e1261c;
  margin-top: -17px;
  position: absolute;
  border-radius: 4px;
  color: #e1261c;
  margin-bottom: 10px;
  opacity: 0;
  height: auto;
  max-height: 0;
  pointer-events: none;
  color: rgba(255, 255, 255, 0.9);
  font-size: 12px;
}

.errorfield::before {
  content: "";
  position: absolute;
  top: -4px;
  left: 15px;
  width: 0;
  border: 4px solid #e1261c;
  border-right-color: transparent;
  border-bottom-color: transparent;
  transform: rotate(45deg) skew(-5deg, -5deg);
}

.lead-form__label.has-content > span,
.lead-form__label.has-select-content > span,
.lead-form__label.has-focus > span {
  top: 0;
  transition: 0.2s linear;
  transform: translate(-5%, -35%) scale(0.7);
  display: inline-block;
  width: auto;
  background-color: #fff;
}

.has-error + .errorfield,
.has-error .errorfield,
.fv-plugins-message-container > *.has-error {
  opacity: 1;
  max-height: 100px;
  z-index: 300;
}

.lead-form__dropdown:after {
  content: "";
  position: absolute;
  right: 10px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20320%20512'%3E%3Cpath%20fill='%23595E61'%20fill-opacity='.5'%20d='M151.5%20347.8L3.5%20201c-4.7-4.7-4.7-12.3%200-17l19.8-19.8c4.7-4.7%2012.3-4.7%2017%200L160%20282.7l119.7-118.5c4.7-4.7%2012.3-4.7%2017%200l19.8%2019.8c4.7%204.7%204.7%2012.3%200%2017l-148%20146.8c-4.7%204.7-12.3%204.7-17%200z'/%3E%3C/svg%3E");
  top: 15px;
  width: 26px;
  height: 26px;
  background-repeat: no-repeat;
  pointer-events: none;
}

.sms-opt-group {
  margin: -5px 0 0 5px;
  color: #6C7599;
}

.sms-opt-group p {
  margin-left: 32px;
  font-size: 14px;
  line-height: 1.5;
}

.sms-opt-group a:hover {
  color: #40B7EC;
}

.sms-opt-group input[type='checkbox'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  border: 2px solid #6C7599;
  border-radius: 2px;
  width: 18px;
  height: 18px;
  margin: 0 14px 2px 0;
  vertical-align: middle;
}

.sms-opt-group input[type='checkbox']:checked {
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13'%3E%3Cpath d='M 3 6.875 L 5.573 9.183 L 10.188 4' stroke='%236c7599' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");
}

.content__lead-form,
.cm-column__parent .cm-column__child:last-child.content__lead-form,
.cm-column__parent .cm-column__child:first-child.content__lead-form {
  box-shadow: 0 3px 30px 0 rgba(5, 15, 21, 0.1);
  background-color: #fff;
  color: #00283B;
  padding: 64px 64px 40px 64px;
  display: flex;
  flex-direction: column;
  max-width: 592px;
}

@media (max-width: 1079px) {
  .content__lead-form,
    .cm-column__parent .cm-column__child:last-child.content__lead-form,
    .cm-column__parent .cm-column__child:first-child.content__lead-form {
    margin-top: 48px;
  }
}

@media (max-width: 759px) {
  .content__lead-form,
    .cm-column__parent .cm-column__child:last-child.content__lead-form,
    .cm-column__parent .cm-column__child:first-child.content__lead-form {
    padding: 24px 16px;
    margin-top: 24px;
  }
}

.page--comdatapayments .content__lead-form,
.page--comdatapayments .cm-column__parent .cm-column__child:last-child.content__lead-form,
.page--comdatapayments .cm-column__parent .cm-column__child:first-child.content__lead-form {
  padding: 32px 32px 10px 32px;
  max-width: 550px;
  border-radius: 4px;
}

.content__lead-form-with-text .cm-column__parent {
  align-items: center;
}

@media (max-width: 1079px) {
  .content__lead-form-with-text .cm-column__parent {
    flex-direction: column;
  }
}

.content__lead-form-with-text .text-group__main-text p {
  font-size: 20px;
}

@media (min-width: 1248px) {
  .content__lead-form-with-text .text-group__main-text p {
    padding-right: 80px;
  }
}

@media (min-width: 1080px) {
  .content__lead-form-with-text.content__hero .text-group__main-text p {
    font-size: 28px;
  }
}

@media (min-width: 1248px) {
  .content__lead-form-with-text.content__hero .text-group__main-text p {
    padding-right: 80px;
  }
}

.content__lead-form-with-text .text-group__main-text h2 {
  max-width: 600px;
}

@media (max-width: 759px) {
  .content__lead-form-with-text .text-group__main-text h2 {
    font-size: 32px;
  }
}

.lead-form__label > input, .lead-form__label > select {
  border-color: #D5E5E1;
  border-radius: 4px;
}

.lead-form__label > span {
  color: rgba(89, 94, 97, 0.5);
  padding-bottom: 7px;
}

.lead-form__label > select {
  outline: none !important;
}

.cmp-form .errorfield {
  color: white;
  margin-top: 7px;
}

.component-button.component-button--lead-form {
  padding-top: 24px;
  padding-bottom: 24px;
  text-transform: uppercase;
  font-weight: bold;
  background: #40B7EC;
  border-color: #40B7EC;
}

.component-button.component-button--lead-form:hover {
  background: #F26964;
  border-color: #F26964;
}

@media (max-width: 759px) {
  .component-button.component-button--lead-form {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

.case-study .content__lead-form .text-group__main-text h4 {
  padding-bottom: 24px;
}

.success-message h3,
.success-message p {
  color: #00283B;
}

@media (max-width: 1247px) {
  .content__card-image img.cmp-image__image {
    max-width: 176px;
  }
}

@media (max-width: 1247px) {
  .content__card-image.content__card-image-wide img.cmp-image__image {
    max-width: 244px;
  }
}

/* Merchant POS */

@media (max-width: 959px) {
  .page--name-c-store-solutions .imagetext__image {
    display: flex;
    justify-content: center;
  }
}

@media (max-width: 959px) {
  .page--name-unattended-fuel-sites .imagetext__image {
    margin-bottom: 24px;
  }
}

@media (max-width: 479px) {
  .page--comdatapayments .content__fast-facts {
    padding-left: 8px;
  }
}

.page--comdatapayments .content__fast-facts .cm-column__parent {
  justify-content: space-around;
}

@media (max-width: 479px) {
  .page--comdatapayments .content__fast-facts .cm-column__parent {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.page--comdatapayments .content__fast-facts .cm-column__child .text-group__wrapper {
  padding: 32px;
  width: 100%;
  max-width: 259px;
  background-color: #C7DAE7;
  border-radius: 8px;
  height: 265px;
}

@media (max-width: 479px) {
  .page--comdatapayments .content__fast-facts .cm-column__child .text-group__wrapper {
    width: 159px;
    height: 273px;
    padding: 24px 16px;
    margin-bottom: 24px;
  }
}

.page--comdatapayments .content__fast-facts .cm-column__child .text-group__wrapper h1 {
  font-size: 56px;
  margin-bottom: 0px;
}

@media (max-width: 479px) {
  .page--comdatapayments .content__fast-facts .cm-column__child .text-group__wrapper h1 {
    font-size: 28px;
    margin-bottom: 8px;
  }
}

.page--comdatapayments .content__fast-facts .cm-column__child .text-group__wrapper h5 {
  margin-bottom: 0px;
  line-height: 1.4em;
}

@media (max-width: 479px) {
  .page--comdatapayments .content__fast-facts .cm-column__child .text-group__wrapper h5 {
    font-size: 16px;
  }
}

.cs-filter__wrap {
  margin-top: 0;
}

.cs-filter__categories-list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2em;
  position: relative;
}

.cs-filter__category-list-item button,
.cs-filter__category-list-item a {
  color: #40B7EC;
  font-size: 16px;
  font-weight: 500;
  border: none;
  background-color: transparent;
}

.cs-filter__category-list-item button {
  margin-right: 50px;
}

.cs-filter__view-all-link {
  position: absolute;
  right: 0;
}

@media (max-width: 759px) {
  .cs-filter__view-all-link {
    position: relative;
  }
}

.cs-filter__category-list-item button:focus,
.cs-filter__category-list-item button:active,
.cs-filter__category-list-item button:hover {
  outline: none;
  border-bottom: 2px solid #40B7EC;
}

.cs-filter__list {
  display: flex;
  padding-bottom: 11px;
  justify-content: left;
  flex-wrap: wrap;
  margin-left: -32px;
  transition: 0.3s ease;
}

@media (max-width: 759px) {
  .cs-filter__list {
    flex-direction: column;
    margin-left: 0px;
  }
}

.cs-filter__tile {
  position: relative;
  margin-bottom: 20px;
  width: 280px;
  height: 240px;
  margin-left: 32px;
  margin-right: 0;
  text-align: left;
  box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.06);
  display: none;
  border-radius: 4px;
  font-weight: 500;
}

@media (max-width: 759px) {
  .cs-filter__tile {
    width: 100%;
    margin: 0 auto;
  }
}

.cs-filter__tile-body {
  padding: 28px 24px;
  line-height: 1.3;
}

.cs-filter__tile-body .text-group__link:hover svg {
  fill: #F26964;
}

.cs-filter__tile-heading {
  display: block;
  font-weight: 700;
  color: #00283B;
  padding: 0 0 30px;
  line-height: 24px;
}

.cs-filter__tile .text-group__link {
  position: absolute;
  bottom: 24px;
}

.cs-filter__tile-tags {
  color: #40B7EC;
  margin-bottom: 0;
}

.util__cards .cm-column__parent {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.util__cards .cm-column__child {
  flex: auto;
  margin-right: 10px;
}

@media (min-width: 480px) {
  .util__cards .cm-column__child {
    max-width: calc(33% - 10px);
  }
}

.util__cards .imageCard.section {
  background: #fff;
  box-shadow: 0 3px 30px 0 rgba(5, 15, 21, 0.1);
  height: 201px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page--name-partners .util__cards img.cmp-image__image {
  max-height: 170px;
}

@media (max-width: 1247px) {
  .util__cards .cm-column__parent .cm-column__child:first-child,
  .util__content-wrap .cm-column__child:first-child,
  .util__cards .cm-column__parent .cm-column__child:last-child,
  .util__content-wrap .cm-column__child:last-child {
    padding-right: 0px;
    padding-left: 0px;
  }
}

.case-study .cm-column__child {
  max-height: 434px;
  max-width: 384px;
  min-width: 384px;
}

@media (min-width: 480px) {
  .case-study .cm-column__child {
    margin-right: 32px;
  }
}

.case-study .text-group__wrapper {
  padding: 24px;
}

.case-study .content__lead-form .text-group__wrapper {
  padding: 0px;
}

.case-study .cm-column__parent .cm-column__child:last-child.content__lead-form {
  padding: 24px;
  max-width: 384px;
}

.page--comdatatrucking.page--name-privacy-policy .experiencefragment,
.page--comdatamerchants.page--name-privacy-policy .experiencefragment {
  border-top: 1px #D5E5E1 solid;
}

.content__popular-resources img {
  display: none;
}

.content__popular-resources .cm-column__parent {
  justify-content: space-between;
}

.content__popular-resources .cm-column__child {
  width: calc(33% - 53.333333333px);
  flex: none;
}

@media (max-width: 759px) {
  .content__popular-resources .cm-column__child {
    width: 100%;
    flex: 1;
  }
}

.content__popular-resources .pagelist__title h3 {
  background-color: #DDEFF7;
  padding: 7px 8px 5px;
  font-size: 14px;
  line-height: 1;
  color: #2B4463;
  border-radius: 3px;
  text-transform: uppercase;
  margin: 0 0 28px;
  display: inline-block;
  font-family: DINWebPro-Bold;
}

.content__popular-resources h4.pagelist__headline {
  line-height: 1;
  margin-bottom: 16px;
}

.content__popular-resources .pagelist__headline a {
  font-size: 18px;
  color: #2B4463;
  line-height: 21.6px;
}

.content__popular-resources .pagelist__description {
  color: #626F88;
  font-size: 16px;
  line-height: 25.6px;
  margin-top: 8px;
  margin-bottom: 24px;
}

.content__popular-resources .pagelist__readmore {
  line-height: 1;
}

.content__popular-resources li.pagelist__item {
  margin-bottom: 28px;
  padding-bottom: 28px;
  border-bottom: 1px dashed rgba(0, 40, 59, 0.16);
}

.content__popular-resources li.pagelist__item:last-child {
  border-bottom: none;
}

@media (max-width: 479px) {
  .content__popular-resources li.pagelist__item:last-child {
    border-bottom: 1px dashed rgba(0, 40, 59, 0.16);
  }
}

.content__popular-resources.content__events .util__resource-sidebar .textGroup {
  position: absolute;
  right: 20px;
  bottom: 34px;
}

.content__popular-resources.content__article-promo .util__resource-sidebar .textGroup {
  position: absolute;
  right: 20px;
  bottom: 92px;
}

@media (min-width: 761px) and (max-width: 1215px) {
  .content__popular-resources.content__article-promo .util__resource-sidebar .textGroup {
    bottom: 36px;
  }
}

.content__popular-resources .util__resource-sidebar .textGroup a,
.content__article-promo .util__resource-sidebar .textGroup a {
  color: #FFCC41;
}

.content__popular-resources .util__resource-sidebar .textGroup a:hover,
.content__article-promo .util__resource-sidebar .textGroup a:hover {
  color: #009DDC;
}

@media (max-width: 479px) {
  .content__popular-resources .cm-column__child:last-child .pagelist__item:last-child {
    border-bottom: none;
  }
}

@media (max-width: 759px) {
  .content__popular-resources.content__article-promo .cm-column__child:first-child li.pagelist__item {
    margin-bottom: 10px;
  }
}

.content__popular-resources .pagelist__tags .Automation,
.content__popular-resources .pagelist__tags .Commercial,
.content__popular-resources .pagelist__tags .Fleet,
.content__popular-resources .pagelist__tags .Workforce {
  padding: 0px 8px;
  border-radius: 3px;
  display: inline-flex;
  display: -webkit-inline-flex;
  margin-right: 8px;
  margin-bottom: 8px;
  text-transform: uppercase;
  font-family: DINWebPro-Bold;
  font-size: 10px;
}

.content__popular-resources .pagelist__tags .Automation {
  background-color: #C7DAE7;
}

.content__popular-resources .pagelist__tags .Commercial {
  background-color: #DDEFF7;
}

.content__popular-resources .pagelist__tags .Fleet {
  background-color: #fee8dd;
}

.content__popular-resources .pagelist__tags .Workforce {
  background-color: #FFFAF0;
}

.page--comdatapayments .content__add-resources {
  background-color: #FFF;
  box-shadow: 0 3px 30px 0 rgba(5, 15, 21, 0.1);
  width: calc(50% - 40px);
  padding: 32px 24px !important;
  margin-right: 32px;
}

@media (max-width: 759px) {
  .page--comdatapayments .content__add-resources {
    width: 100%;
    margin-bottom: 32px;
  }
}

.page--comdatapayments .content__add-resources:last-child {
  margin-bottom: 0px;
}

.page--comdatapayments .content__add-resources .textGroup {
  height: 100%;
}

.page--comdatapayments .content__add-resources .text-group__wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.page--comdatapayments .content__add-resources .text-group__wrapper .text-group__links {
  margin-bottom: 0px;
}

@media (min-width: 760px) {
  .page--comdatapayments.page--name-sales .util__contact-sales-info,
  .page--comdatapayments.page--name-support .util__contact-support-info {
    padding-left: 64px;
    margin-top: 72px;
  }
}

.page--comdatapayments.page--name-sales .util__contact-sales-info .text-group__main-text h5,
.page--comdatapayments.page--name-support .util__contact-support-info .text-group__main-text h5 {
  margin-left: 48px;
  padding-top: 4px;
}

.page--comdatapayments.page--name-sales .util__contact-sales-info .text-group__icon,
.page--comdatapayments.page--name-support .util__contact-support-info .text-group__icon {
  background-color: #DDEFF7;
  width: 32px;
  height: 32px;
  border-radius: 3px;
  float: left;
}

.page--comdatapayments.page--name-sales .util__contact-sales-info .text-group__icon img,
.page--comdatapayments.page--name-support .util__contact-support-info .text-group__icon img {
  transform: scale(0.6) translate(12px, 14px);
}

@media (max-width: 479px) {
  .page--comdatapayments.page--name-sales .content__contact-sales .cm-column__child:last-child,
  .page--comdatapayments.page--name-support .content__contact-support .cm-column__child:last-child {
    margin-top: 16px;
  }
}

.page--name-sales .content__cdp-hero-desktop .textGroup h1,
.page--name-support .content__cdp-hero-desktop .textGroup h1 {
  margin-bottom: 80px;
}

@media (min-width: 760px) {
  .page--comdatapayments.thought-leadership .content__thought-leadership .cm-column__child:last-child {
    padding-left: 32px;
    margin-top: 190px;
  }
}

@media (min-width: 760px) {
  .page--comdatapayments.thought-leadership .content__thought-leadership .cm-column__child:last-child {
    width: 80%;
  }
}

@media (max-width: 759px) {
  .page--comdatapayments.thought-leadership .content__thought-leadership .cm-column__child:last-child {
    padding-top: 16px;
  }
}

@media (min-width: 760px) {
  .page--comdatapayments.thought-leadership .content__thought-leadership .cm-column__child:last-child .textGroup {
    width: 80%;
  }
}

@media (max-width: 759px) {
  .page--comdatapayments.thought-leadership .content__thought-leadership .cm-column__child:first-child {
    padding-bottom: 16px;
  }
}

@media (max-width: 759px) {
  .page--comdatapayments.thought-leadership .content__thought-leadership .cm-column__child:last-child p {
    margin-bottom: 0px;
  }
}

@media (max-width: 759px) {
  .page--comdatapayments.thought-leadership .content__thought-leadership .cm-column__child:first-child {
    margin-bottom: 48px;
  }
}

.page--comdatapayments .tagsList {
  max-width: 1216px;
  margin: 80px auto 0px;
}

@media (max-width: 1215px) {
  .page--comdatapayments .tagsList {
    width: 90%;
  }
}

@media (max-width: 759px) {
  .page--comdatapayments .tagsList {
    margin: 56px auto 0px;
  }
}

.page--comdatapayments ul.tags-container {
  list-style: none;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0px 0px 24px 0px;
  text-transform: uppercase;
}

@media (max-width: 1079px) {
  .page--comdatapayments ul.tags-container {
    justify-content: space-around;
  }
}

.page--comdatapayments .tagsList .tags-container li {
  padding: 16px;
  border-radius: 3px;
  background-color: #F6F8F9;
  font-size: 12px;
  color: #003A5D;
  width: 100%;
  max-width: 259px;
  text-align: center;
  margin-bottom: 28px;
  font-family: DINWebPro-Bold;
  cursor: pointer;
}

@media (max-width: 1079px) {
  .page--comdatapayments .tagsList .tags-container li {
    width: 50%;
  }
}

@media (max-width: 479px) {
  .page--comdatapayments .tagsList .tags-container li {
    max-width: 166px;
  }
}

.tagsList .article__block {
  display: flex;
  flex-wrap: wrap;
}

.tagsList .article {
  width: 30%;
  margin: 0 10px;
  margin-bottom: 28px;
  padding: 0px;
  border-top: none;
  border-bottom: 1px dashed rgba(0, 40, 59, 0.16);
}

@media (max-width: 1079px) {
  .tagsList .article {
    width: 45%;
  }
}

@media (max-width: 479px) {
  .tagsList .article {
    width: 100%;
  }
}

.tagsList .article__wrapper {
  width: 90%;
  height: 100%;
}

.page--comdatapayments .tagsList h4.tagslist__headline {
  line-height: 1;
  margin-bottom: 24px;
}

.page--comdatapayments .tagsList h4.tagslist__headline a {
  font-size: 18px;
  color: #2B4463;
  line-height: 21.6px;
}

.page--comdatapayments .tagsList .tagslist__description {
  color: #626F88;
  font-size: 16px;
  line-height: 25.6px;
  margin-bottom: 24px;
}

.tagsList .tagslist__readmore {
  line-height: 1;
  padding-bottom: 36px;
}

.tagsList .article .article-tags {
  text-transform: uppercase;
  font-size: 12px;
  font-family: DINWebPro-Bold;
}

.tagsList .article .article-tags .ap-automation,
.tagsList .article .article-tags .commercial-cards,
.tagsList .article .article-tags .fleet,
.tagsList .article .article-tags .workforce-payment {
  padding: 6px 8px 3px;
  border-radius: 3px;
  display: inline-flex;
  display: -webkit-inline-flex;
  margin-right: 8px;
  margin-bottom: 8px;
}

.tagsList .article .article-tags .ap-automation {
  background-color: #C7DAE7;
}

.tagsList .article .article-tags .commercial-cards {
  background-color: #DDEFF7;
  width: 133px;
}

.tagsList .article .article-tags .fleet {
  background-color: #fee8dd;
}

.tagsList .article .article-tags .workforce-payment {
  background-color: #FFFAF0;
}

.page--comdatapayments .tagsList .tags-container li:hover {
  background-color: #C7DAE7;
}

.page--comdatapayments .tagsList .tags-container li.cdp-tag-active {
  background-color: #C7DAE7;
}

@media (min-width: 481px) and (max-width: 1079px) {
  .article__block .article:nth-child(2n+1):nth-last-child(-n+2),
  .article__block .article:nth-child(2n+1):nth-last-child(-n+2) ~ .article {
    border-bottom: none;
  }
}

@media (min-width: 1080px) {
  .article__block .article:nth-child(3n+1):nth-last-child(-n+3),
  .article__block .article:nth-child(3n+1):nth-last-child(-n+3) ~ .article {
    border-bottom: none;
  }
}

@media (max-width: 479px) {
  .tagsList .article:last-child {
    border-bottom: none;
  }
}

.page--comdatapayments .content__events .cm-column__parent .cm-column__child:first-child {
  width: 66%;
}

@media (max-width: 759px) {
  .page--comdatapayments .content__events .cm-column__parent .cm-column__child:first-child {
    width: 100%;
  }
}

.page--comdatapayments .content__events .cm-column__parent .cm-column__child:last-child {
  box-shadow: 0 3px 30px 0 rgba(5, 15, 21, 0.1);
  padding-left: 0px;
}

@media (max-width: 759px) {
  .page--comdatapayments .content__events .cm-column__parent .cm-column__child:last-child {
    margin-top: 20px;
  }
}

.page--comdatapayments .cm-column__parent .cm-column__child:last-child time,
.page--comdatapayments .content__events .cm-column__child:first-child .textGroup h6 {
  color: #B7CEDE;
  font-size: 14px;
  font-weight: 600;
}

@media (min-width: 1080px) {
  .page--comdatapayments .content__events .cm-column__child:first-child .textGroup h2 {
    margin-bottom: 16px;
  }
}

.page--comdatapayments .content__popular-resources.content__events .cm-column__child:last-child .pageList {
  padding: 60px 24px 4px;
}

.page--comdatapayments .content__popular-resources.content__events .cm-column__child:last-child .pagelist__headline {
  margin-bottom: 16px;
}

.page--comdatapayments .content__popular-resources.content__events .cm-column__child:last-child .pagelist__description {
  margin-top: 16px;
}

.page--comdatapayments .content__popular-resources.content__events .cm-column__child:first-child .text-group__wrapper {
  border-bottom: 1px dashed rgba(0, 40, 59, 0.16);
  padding: 20px 0px 30px;
}

@media (max-width: 759px) {
  .page--comdatapayments .content__popular-resources.content__events .cm-column__child:first-child .text-group__wrapper {
    padding-bottom: 0px;
  }
}

.page--comdatapayments .content__popular-resources.content__events .cm-column__child:first-child .textGroup {
  padding: 20px 0px 30px;
}

@media (max-width: 759px) {
  .page--comdatapayments .content__popular-resources.content__events .cm-column__child:first-child .textGroup {
    padding-bottom: 0px;
  }
}

@media (max-width: 479px) {
  .page--comdatapayments.page--name-events .content__cdp-hero-desktop .content__cdp-hero-desktop-img img {
    top: 50px;
  }
}

@media (max-width: 759px) {
  .page--comdatapayments .content__popular-resources.content__events .cm-column__parent {
    padding-top: 0px;
  }
}

.page--comdatapayments.page--name-resources .content__popular-resources.content__events .cm-column__child:first-child .text-group__wrapper {
  border-bottom: none;
}

.page--comdatapayments .content__article-promo .cm-column__child:last-child .pagelist__wrap .pagelist__title {
  display: none;
}

.page--comdatapayments .content__article-promo .cm-column__child:last-child .util__unlist .pagelist__item:first-child {
  display: none;
}

.page--comdatapayments .content__article-promo .cm-column__child:first-child {
  width: 66%;
}

@media (max-width: 759px) {
  .page--comdatapayments .content__article-promo .cm-column__child:first-child {
    width: 100%;
  }
}

@media (max-width: 759px) {
  .page--comdatapayments .content__article-promo .cm-column__child:first-child .pagelist__item {
    padding-bottom: 0px;
  }
}

.page--comdatapayments .content__popular-resources.content__article-promo .cm-column__child:last-child .pageList {
  padding: 60px 24px 4px;
  box-shadow: 0 3px 30px 0 rgba(5, 15, 21, 0.1);
}

@media (max-width: 479px) {
  .page--comdatapayments .content__popular-resources.content__article-promo .cm-column__child:last-child .pageList {
    padding-top: 24px;
  }
}

.page--comdatapayments .content__popular-resources.content__article-promo .cm-column__child:first-child .pagelist_image img {
  display: block;
  width: 100%;
  margin-bottom: 30px;
}

.page--comdatapayments .content__article-promo .cm-column__parent .cm-column__child:last-child {
  padding-left: 0px;
  margin-top: 53px;
}

@media (max-width: 759px) {
  .page--comdatapayments .content__article-promo .cm-column__parent .cm-column__child:last-child {
    margin-top: 20px;
  }
}

@media (max-width: 479px) {
  .page--comdatapayments.page--name-blog .content__cdp-hero-desktop .content__cdp-hero-desktop-img img,
  .page--comdatapayments.page--name-resources .content__cdp-hero-desktop .content__cdp-hero-desktop-img img,
  .page--comdatapayments.page--name-thought-leadership .content__cdp-hero-desktop .content__cdp-hero-desktop-img img {
    top: 50px;
  }
}

@media (max-width: 479px) {
  .page--comdatapayments.page--name-blog .content__cdp-hero-desktop p {
    margin-top: 80px;
  }
}

@media (min-width: 760px) {
  .page--comdatapayments.page--name-blog .content__article-promo,
  .page--comdatapayments.page--name-resources .content__article-promo {
    padding-top: 40px;
  }
}

@media (max-width: 759px) {
  .page--comdatapayments.page--name-blog .content__article-promo,
  .page--comdatapayments.page--name-resources .content__article-promo {
    padding-bottom: 56px;
  }
}

.page--comdatapayments.page--name-resources .content__see-all h6 a {
  color: #FFCC41;
}

.page--comdatapayments.page--name-resources .content__see-all h6 {
  color: #FFCC41;
}

@media (max-width: 759px) {
  .page--comdatapayments.page--name-resources .content__see-all h6 {
    margin-bottom: 0px;
  }
}

.page--comdatapayments.page--name-resources .content__see-all .text-group__wrapper {
  width: 95%;
}

.page--comdatapayments.page--name-resources .content__see-all-blog {
  padding-bottom: 56px;
}

.page--comdatapayments.page--name-resources .content__see-all-events {
  padding-bottom: 56px;
  padding-top: 40px;
}

.page--comdatapayments.page--name-resources .content__see-all-thought {
  padding-bottom: 56px;
  padding-top: 40px;
}

.page--comdatapayments.page--name-resources .content__see-all.content__see-all-thought a {
  color: #003A5D;
  font-weight: normal;
}

.page--comdatapayments.page--name-resources .content__see-all.content__see-all-thought a:hover {
  color: #FFCC41;
}

.page--comdatapayments .content__background-dots .cm-column__parent,
.page--comdatapayments .content__background-dots .cm-column__parent .cm-column__child,
.page--comdatapayments .content__background-dots-lead .cm-column__parent,
.page--comdatapayments .content__background-dots-lead .cm-column__parent .cm-column__child,
.page--comdatapayments .content__background-dots-blue-resource .cm-column__parent,
.page--comdatapayments .content__background-dots-blue-resource .cm-column__parent .cm-column__child {
  position: relative;
}

@media (min-width: 1080px) {
  .page--comdatapayments .content__background-dots .cm-column__parent::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='257' height='257'%3E%3Cdefs%3E%3Cstyle%3E.b,.c%7Bfill:%23f7b334%7D.b%7Bopacity:.5%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(-1332 -3358)' opacity='.34'%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3358)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3358)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3358)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3386)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3386)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3386)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3414)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3414)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3554)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3554)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3554)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3582)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3582)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3582)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3610)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3610)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3610)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3610)'/%3E%3C/g%3E%3C/svg%3E");
    position: absolute;
    display: block;
    height: 257px;
    width: 257px;
    content: "";
    right: -30px;
    top: -37px;
  }
}

@media (min-width: 1080px) {
  .page--comdatapayments .content__background-dots-blue-resource .cm-column__parent::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='257' height='257'%3E%3Cdefs%3E%3Cstyle%3E .b,.c%7Bfill:%23c7dae7%7D.b%7Bopacity:.7%7D %3C/style%3E%3C/defs%3E%3Cg transform='translate(-1332 -3358)' opacity='.9'%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3358)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3358)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3358)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3386)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3386)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3386)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3414)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3414)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3554)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3554)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3554)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3582)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3582)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3582)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3610)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3610)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3610)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3610)'/%3E%3C/g%3E%3C/svg%3E");
    position: absolute;
    display: block;
    height: 257px;
    width: 257px;
    content: "";
    right: -30px;
    top: -37px;
  }
}

@media (min-width: 1080px) {
  .page--comdatapayments .content__background-dots-lead .cm-column__parent::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='257' height='257'%3E%3Cdefs%3E%3Cstyle%3E.b,.c%7Bfill:%23f7b334%7D.b%7Bopacity:.5%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(-1332 -3358)' opacity='.34'%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3358)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3358)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3358)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3386)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3386)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3386)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3414)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3414)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3554)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3554)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3554)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3582)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3582)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3582)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3610)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3610)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3610)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3610)'/%3E%3C/g%3E%3C/svg%3E");
    position: absolute;
    display: block;
    height: 257px;
    width: 257px;
    content: "";
    right: 360px;
    top: 319px;
  }
}

.page--comdatapayments .content__background-dots-blue .cm-column__parent,
.page--comdatapayments .content__background-dots-blue .cm-column__parent .cm-column__child {
  position: relative;
}

@media (min-width: 1080px) {
  .page--comdatapayments .content__cards.content__background-dots-blue .cm-column__parent::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='257' height='257'%3E%3Cdefs%3E%3Cstyle%3E .b,.c%7Bfill:%23c7dae7%7D.b%7Bopacity:.7%7D %3C/style%3E%3C/defs%3E%3Cg transform='translate(-1332 -3358)' opacity='.9'%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3358)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3358)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3358)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3386)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3386)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3386)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3414)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3414)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3554)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3554)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3554)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3582)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3582)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3582)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3610)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3610)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3610)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3610)'/%3E%3C/g%3E%3C/svg%3E");
    position: absolute;
    display: block;
    height: 257px;
    width: 257px;
    content: "";
    right: -70px;
    top: -70px;
  }
}

@media (min-width: 1080px) {
  .page--comdatapayments .testimonials__wrapper.content__background-dots-blue .cm-column__parent::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='257' height='257'%3E%3Cdefs%3E%3Cstyle%3E .b,.c%7Bfill:%23c7dae7%7D.b%7Bopacity:.7%7D %3C/style%3E%3C/defs%3E%3Cg transform='translate(-1332 -3358)' opacity='.9'%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3358)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3358)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3358)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3386)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3386)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3386)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3414)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3414)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3554)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3554)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3554)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3582)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3582)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3582)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3610)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3610)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3610)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3610)'/%3E%3C/g%3E%3C/svg%3E");
    position: absolute;
    display: block;
    height: 257px;
    width: 257px;
    content: "";
    right: -70px;
    top: -70px;
  }
}

@media (min-width: 1080px) {
  .page--comdatapayments .testimonials__wrapper.content__background-dots .cm-column__parent::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='257' height='257'%3E%3Cdefs%3E%3Cstyle%3E.b,.c%7Bfill:%23f7b334%7D.b%7Bopacity:.5%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(-1332 -3358)' opacity='.34'%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3358)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3358)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3358)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3386)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3386)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3386)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3414)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3414)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3554)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3554)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3554)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3582)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3582)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3582)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3610)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3610)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3610)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3610)'/%3E%3C/g%3E%3C/svg%3E");
    position: absolute;
    display: block;
    height: 257px;
    width: 257px;
    content: "";
    right: -70px;
    top: -70px;
  }
}

html.popbox_locked.promo-open {
  overflow: scroll;
}

.popbox.promo {
  background: transparent;
  width: 100%;
  height: auto;
  bottom: 0;
  top: initial;
  padding: 0;
  overflow-y: hidden;
}

.popbox_container.popbox__promo {
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin: 0;
  border-radius: 0;
  background: #381827;
}

.popbox_container .promo__close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  padding-bottom: 0;
}

.popbox_container .promo__close .modal-close-button {
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.popbox_container .promo__content-wrap {
  width: 96%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding-bottom: 20px;
}

@media (max-width: 1079px) {
  .popbox_container .promo__content-wrap {
    flex-direction: column-reverse;
    padding-left: 20px;
    align-items: flex-start;
  }
}

.popbox_container .promo__text-wrap {
  width: 35%;
}

@media (max-width: 1079px) {
  .popbox_container .promo__text-wrap {
    width: 100%;
  }
}

@media (max-width: 1079px) {
  .promo__headline-desktop {
    display: none;
  }
}

@media (min-width: 1080px) {
  .promo__headline-mobile {
    display: none;
  }
}

.popbox_container .promo__headline h3 {
  color: #FFF;
  font-size: 22px;
}

.popbox_container .promo__main-text {
  color: #F6F8F9;
  font-size: 18px;
}

@media (min-width: 480px) {
  .popbox_container .promo__main-text {
    width: 80%;
  }
}

.popbox_container .promo__main-text p {
  color: #F6F8F9;
}

@media (max-width: 1079px) {
  .popbox_container .promo__image {
    padding-bottom: 12px;
  }
}

.popbox_container .promo__image img {
  width: 100%;
  max-width: 281px;
}

@media (max-width: 1079px) {
  .popbox_container .promo__image img {
    max-width: 180px;
  }
}

@media (max-width: 959px) {
  .content__ada h1 {
    font-size: 46px;
  }
}

.content__ada ul {
  list-style-type: disc;
  margin-left: 20px;
}

.content__ada li ul {
  padding: 12px 0 6px;
}

.ln-popup {
  border-radius: 4px;
  box-sizing: border-box;
  z-index: 11000;
  line-height: 1.2;
}
.ln-header {
  font-size: 14px;
}
.ln-company {
  font-size: 12px;
}
.ln-company h4 {
  font-size: 13px;
  margin: -2px 0 0 0;
  color: #383d68;
}
.ln-footer {
  color: #F26964;
}

.page--name-dat-network-discount h1,
.page--name-dat-network-discount h2,
.page--name-dat-network-discount h3 {
  font-family: "Arial Black", Montserrat;
}
@media (min-width: 1200px) {
  .page--name-dat-network-discount .util__section-top h2 {
    font-size: 38px;
  }
}
@media (min-width: 1200px) {
  .dat-network-article {
    margin-right: 80px;
  }
}
.dat-network-article .component-button.component-button--lead-form {
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 18px;
  max-width: 700px;
}
.dat-network-article h3 {
  font-size: 27px;
}

body {
  background-image: none !important;
}
sup {
  font-size: smaller;
  line-height: 0;
}
:is(h1,h2) sup {
  font-size: 70%;
}
:is(h1,h2,h3,h4) sup > a {
  font-size: 80%;
}
.site-header h3,
.site-header h4 {
  margin: 0;
}
.site-header h5 {
  font-size: 13px;
  line-height: 1.22;
  font-weight: 600;
  letter-spacing: .5px;
  margin: 7px 0;
}
.site-header ul {
  list-style: none;
  padding: 0;
}
.site-header li {
  margin-bottom: 0;
}
.site-header .logo {
  display: inline-block;
  line-height: 0;
}
.landing-page .site-header {
  border-bottom: none !important;
}
.landing-page .site-header #top-bar > *:not(:first-child) {
  visibility: hidden;
}
@media (min-width: 768px) {
  .landing-page .site-header .logo {
    transform: translateY(-1rem);
  }
}
.site-footer p {
  margin: 1rem 0;
}
.site-footer ul {
  list-style: none;
  padding: 0;
}
.site-footer li {
  margin-bottom: 0;
}
.site-footer .logo {
  display: inline-block;
  line-height: 0;
  margin-top: .5rem;
}
.site-footer .company-info > div:first-child {
  line-height: 0;
}
.landing-page .site-footer .site-links {
  display: none;
}
.tabsContent > :not(.active, .cq-Editable-dom) > * {
  display: none;
}
.rec-engine h5 {
  font-weight: 800;
}
.social-icon {
  width: 25px;
  height: 25px;
  background-color: #40B7EC;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px 8px;
  border-radius: 4px;
}
.social-icon img {
  width: 15px;
}
.bg-greenlight {
  background-color: #ebf3f1;
}
p.larger {
  font-size: 18px;
  line-height: 30px;
}
p.lighter {
  color: #6C7599;
}
.container,
.top-section > div {
  margin-left: auto;
  margin-right: auto;
  max-width: 1216px;
}
@media (max-width: 1280px) {
  .container,
  .top-section > div {
    margin-left: 5vw;
    margin-right: 5vw;
  }
}
@media (max-width: 480px) {
  .container,
  .top-section > div {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
}
.top-section {
  padding: 2.5rem 0;
}
.sep {
  margin: 1em auto;
}
@media (max-width: 480px) {
  .sep {
    border-top: 1px solid #c0c0c0;
  }
}
.link-arrow-right {
  display: inline-block;
  padding-right: 24px;
  background-repeat: no-repeat;
  background-position: center right;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23F26964' d='M5.1.8,5.7.194a.629.629,0,0,1,.908,0l5.207,5.339a.669.669,0,0,1,0,.932L6.6,11.806a.629.629,0,0,1-.908,0L5.1,11.2a.672.672,0,0,1,.011-.943L8.34,7.1H.643A.65.65,0,0,1,0,6.44V5.56A.65.65,0,0,1,.643,4.9h7.7L5.113,1.746A.667.667,0,0,1,5.1.8Z'/%3E%3C/svg%3E");
}
.link-arrow-right:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%2340B7EC' d='M5.1.8,5.7.194a.629.629,0,0,1,.908,0l5.207,5.339a.669.669,0,0,1,0,.932L6.6,11.806a.629.629,0,0,1-.908,0L5.1,11.2a.672.672,0,0,1,.011-.943L8.34,7.1H.643A.65.65,0,0,1,0,6.44V5.56A.65.65,0,0,1,.643,4.9h7.7L5.113,1.746A.667.667,0,0,1,5.1.8Z'/%3E%3C/svg%3E");
}
.common-hero > div .hero-image img {
  width: 100%;
}
@media (min-width: 768px) {
  .common-hero > div {
    position: relative;
    height: 350px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .common-hero > div .hero-image {
    position: absolute;
    display: inline-block;
    height: 100%;
    right: 0;
    top: 0;
  }
  .common-hero > div .hero-image img {
    height: 100%;
    width: auto;
  }
}
@media (min-width: 992px) {
  .common-hero > div {
    height: 400px;
  }
}
@media (min-width: 1200px) {
  .common-hero > div {
    height: 500px;
  }
}
@media (min-width: 768px) {
  .common-hero-text {
    max-width: 50%;
  }
}

.text-alt {
  color: #58BEE8;
}
.bg-main,
.bg-alt {
  color: #00283B;
  background-color: #FFF;
}
.bg-alt {
  background-color: #ECF8FD;
}
.bg-lite,
.bg-orange {
  color: #FFF !important;
  background-color: #58BEE8;
}
.bg-orange {
  background-color: #F26964;
}
.bg-strong {
  color: #FFF;
  background-color: #00283B;
}
.bg-strong .btn-primary {
  background-color: #58BEE8;
}
.bg-footer {
  color: #FFF;
  background-color: #0F0F0F;
}
:is(.bg-footer, .bg-strong, .bg-lite) a {
  color: #FFF !important;
}
:is(.bg-footer, .bg-strong, .bg-lite) .bg-main a {
  color: #F26964 !important;
}
.bg-footer a,
.bg-strong a {
  text-decoration: underline;
  font-style: italic;
}
.bg-footer a:hover,
.bg-strong a:hover {
  color: #58bee8;
}
.bg-connect {
  min-height: 630px;
  background: #58bee8 url(../../../content/dam/comdata/2024/contact-us-bg.webp) no-repeat right bottom;
}
.bg-multiply {
  background-color: #696969;
  mix-blend-mode: multiply;
}
.bg-shadow {
  background: rgba(0, 0, 0, 0.77) 0% 0% no-repeat padding-box;
  border-radius: 50px;
  opacity: 0.65;
  filter: blur(19px);
}
@media (min-width: 768px) {
  .bg-connect {
    background-image: url(../../../content/dam/comdata/2024/connect-bg-desktop.webp);
    background-size: cover;
    background-position: top;
  }
}
@media (min-width: 992px) {
  .bg-connect .connect-text {
    margin-top: 100px;
    max-width: 360px;
  }
}
.site-header {
  padding-top: 30px !important;
  padding-bottom: 27px !important;
  border-bottom: 1px solid #58BEE8;
}
.site-header > div {
  position: relative;
}
.site-header .menu-hide {
  display: none;
}
.site-header .popup {
  background: #fff;
}
.site-header .popup h4 {
  font-size: 17px;
  width: 290px;
  color: #000;
  padding: 28px 0 14px;
  border-bottom: 1px solid #000;
  margin-bottom: 16px;
}
.site-header .popup a {
  display: inline-block;
  margin: .75em 0;
  color: #0F172A;
  font-size: 16px;
  line-height: 1.15;
  white-space: nowrap;
  padding-right: 36px;
  background: url(../../../content/dam/comdata/icons/arrow-right.svg) no-repeat center right;
}
.site-header .popup a:hover,
.site-header .popup .active > a {
  color: #58BEE8;
  background-image: url(../../../content/dam/comdata/icons/arrow-right-over.svg);
}
.site-header .submenu > h4 {
  cursor: default;
  font-family: Montserrat;
  text-transform: uppercase;
}
#top-bar .submenu > h4 {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
  padding: 15px 8px 15px 8px;
  border-radius: 6px 6px 0px 0px;
  white-space: nowrap;
  margin-top: -12px;
}
#top-bar .submenu:hover > h4 {
  color: white;
  background: #58BEE8;
  text-shadow: .5px .5px 1px #fff;
}
#top-bar .submenu:hover div.popup {
  display: flex;
}
#top-bar .submenu:hover ul.popup {
  display: unset;
}
#top-bar .submenu:hover .popup.grid {
  display: grid;
  grid-template-rows: auto 1fr;
  grid-auto-flow: column;
  gap: 1px 48px;
  margin-left: -168px;
}
#top-bar .popup {
  display: none;
  position: absolute;
  z-index: 999;
  min-height: 170px;
  left: 0;
  right: 0;
  border-top: 2px solid #58BEE8;
  padding: 0;
  border-radius: 0px 0px 8px 8px;
}
#top-bar div.popup > :first-child {
  padding: 24px 22px 20px 52px;
  text-align: right;
}
#top-bar div.popup > :first-child p {
  margin: 0;
  cursor: default;
}
#top-bar div.popup > :last-child {
  flex: 1 1;
  background: #F8FAFC;
  padding: 24px 22px 20px 34px;
  border-bottom-right-radius: 8px;
}
#top-bar div.popup > :last-child > * {
  gap: 0 32px;
}
#top-bar div.popup > :last-child p {
  margin-top: 0.5em;
}
#top-bar .phone {
  white-space: nowrap;
}
#top-bar .login-menu {
  position: relative;
}
#top-bar .login-menu .popup {
  right: 0;
  text-align: right;
}
#top-bar .phone a {
  color: #58BEE8 !important;
}
#top-bar .phone a:hover {
  color: #F26964 !important;
}
#top-bar ul.popup {
  padding: 28px 20px 28px 48px;
  left: auto;
}
#top-bar p {
  font-size: 16px;
}
#mobile-menu {
  top: 96px;
  left: 100vw;
  overflow-y: auto;
  max-width: 800px;
  background: #fff;
  border-top: 1px solid #58BEE8;
}
#mobile-menu .submenu {
  border-bottom: 1px solid #58BEE8;
  padding: 24px 12px 23px 34px;
}
#mobile-menu .submenu > h4 {
  position: relative;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
}
#mobile-menu .submenu > h4::after {
  position: absolute;
  right: 16px;
  width: 20px;
  content: url(../../../content/dam/comdata/icons/arrow-dn-blue.svg);
  transition: 0.4s;
}
#mobile-menu .submenu .popup {
  margin: 0 -12px 0 -34px;
}
#mobile-menu .submenu.expanded {
  padding-bottom: 0;
}
#mobile-menu .submenu.expanded > h4::after {
  transform: rotate(360deg);
}
#mobile-menu .submenu.expanded .popup {
  border-top: 1px solid #58BEE8;
  margin-top: 23px;
  padding-bottom: 23px;
}
#mobile-menu .submenu.expanded ul.popup {
  padding-top: 23px;
}
#mobile-menu .submenu:not(.expanded) .popup {
  max-height: 0 !important;
}
#mobile-menu .popup {
  overflow: hidden;
  background: #F8FAFC;
  padding: 0 12px 0 34px;
  max-height: 500px;
  transition: all .4s ;
}
#mobile-menu .popup li p {
  display: none;
}
body.menu-active {
  overflow: hidden;
}
body.menu-active #mobile-menu {
  left: 0;
}
body.menu-active .menu-show {
  display: none;
}
body.menu-active .menu-hide {
  display: unset;
}
@media (min-width: 768px) {
  #mobile-menu {
    display: none;
  }
  .site-header {
    padding-top: 54px !important;
    padding-bottom: 0 !important;
    border-bottom: 2px solid #58BEE8;
  }
  .site-header .logo {
    margin: 0 1rem 1rem 0;
  }
}
@media (min-width: 768px) {
  .site-header .site-links > div {
    margin-left: 0.7rem;
  }
}
@media (min-width: 1200px) {
  .site-header .site-links > div {
    margin-left: 3rem;
  }
}
.site-footer h4,
.site-footer .address b {
  font-family: Montserrat;
  font-weight: 700;
  font-size: 1rem;
}
.site-footer a {
  font-style: normal;
  text-decoration: none;
}
.site-footer a:hover {
  text-decoration: underline;
}
.site-footer nav h4 {
  margin: 0.5em 0;
}
.site-footer nav p {
  margin: 0;
}
.site-footer .footer-bottom a {
  color: #58BEE8 !important;
  text-decoration: underline;
}
.site-footer .footer-bottom a:hover {
  text-decoration: none;
}
@media (max-width: 767px) {
  .site-footer .links-group h4 {
    margin-top: 1em;
  }
  .site-footer .links-group h4::after {
    display: inline-block;
    width: 10px;
    margin: 0 8px;
    content: url(../../../content/dam/comdata/icons/arrow-dn-white.svg);
    transition: 0.4s;
  }
  .site-footer .links-group ul {
    transition: 0.4s;
    overflow: hidden;
    max-height: 150px;
    margin: .7em 0 1em 1em;
  }
  .site-footer .links-group:not(.expanded) ul {
    max-height: 0 !important;
  }
  .site-footer .links-group li {
    line-height: 1.7;
  }
  .site-footer .links-group.expanded > h4::after {
    transform: rotate(360deg);
  }
}
@media (max-width: 575px) {
  .site-footer .links-group ul {
    margin-left: 2em;
  }
}
@media (min-width: 768px) {
  .site-footer .links-group {
    margin-right: 1em;
  }
}
.ta-ab-cb {
  grid-template-areas: "A B" "C B";
}
.ta-aa-bc {
  grid-template-areas: "A A" "B C";
}
.g-cols-2 {
  grid-template-columns: 1fr 1fr;
}
.g-cols-3 {
  grid-template-columns: 1fr 1fr 1fr;
}
.g-cols-12 {
  grid-template-columns: 1fr 2fr;
}
.g-rows-a1 {
  grid-template-rows: auto 1fr;
}
.n1-gap,
.gp-12 {
  gap: 1em 2em;
}
.g-stack {
  display: grid;
  grid-template-areas: "A";
}
.g-stack > * {
  grid-area: A;
  visibility: hidden;
}
.g-stack > *.active {
  order: 2;
  visibility: visible;
}
.fs-18 {
  font-size: 18px;
}
.fs-20 {
  font-size: 20px;
}
@media (min-width: 768px) {
  .md_g-cols-3 {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .md_fs-unset {
    font-size: unset;
  }
  .md_fs-20 {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .lg_ta-ac-bc {
    grid-template-areas: "A C" "B C";
  }
  .lg_g-cols-3 {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .lg_fs-unset {
    font-size: unset;
  }
}
@media (min-width: 1200px) {
  .xl_g-cols-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .xl_fs-unset {
    font-size: unset;
  }
  .n1-gap {
    gap: 1em 3em;
  }
}
@media (min-width: 1450px) {
  .xxl_g-cols-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .xxl_fs-unset {
    font-size: unset;
  }
  .xxl_g-cols-4.n1-gap {
    gap: 1em 1em;
  }
}

.hidden,
.private {
  display: none !important;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.block {
  display: block;
}
.inline {
  display: inline;
}
.inline-block {
  display: inline-block;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.pointer {
  cursor: pointer;
}
.w-100 {
  width: 100%;
}
.h-100 {
  height: 100%;
}
.lh-0 {
  line-height: 0;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.align-center {
  text-align: center;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.float-none {
  float: none;
}
.clear-both {
  clear: both;
}
.flow-column {
  grid-auto-flow: column;
}
.uppercase {
  text-transform: uppercase;
}
.nowrap {
  white-space: nowrap;
}
.cols-2 {
  columns: 2;
}
.row {
  flex-direction: row;
}
.column {
  flex-direction: column;
}
.space-between {
  justify-content: space-between;
}
.space-around {
  justify-content: space-around;
}
.justify-center {
  justify-content: center;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.items-center {
  align-items: center;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.reverse {
  flex-direction: row-reverse;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.flex-wrap {
  flex-wrap: wrap;
}
.mt-0,
.my-0 {
  margin-top: 0;
}
.mb-0,
.my-0 {
  margin-bottom: 0;
}
.mt-1,
.my-1 {
  margin-top: 0.5rem;
}
.mb-1,
.my-1 {
  margin-bottom: 0.5rem;
}
.mt-2,
.my-2 {
  margin-top: 1rem;
}
.mb-2,
.my-2 {
  margin-bottom: 1rem;
}
.mt-3,
.my-3 {
  margin-top: 1.5rem;
}
.mb-3,
.my-3 {
  margin-bottom: 1.5rem;
}
.mt-4,
.my-4 {
  margin-top: 2rem;
}
.mb-4,
.my-4 {
  margin-bottom: 2rem;
}
.mt-5,
.my-5 {
  margin-top: 2.5rem;
}
.mb-5,
.my-5 {
  margin-bottom: 2.5rem;
}
.mt-6,
.my-6 {
  margin-top: 3rem;
}
.mb-6,
.my-6 {
  margin-bottom: 3rem;
}
.mt-7,
.my-7 {
  margin-top: 3.5rem;
}
.mb-7,
.my-7 {
  margin-bottom: 3.5rem;
}
.mt-8,
.my-8 {
  margin-top: 4rem;
}
.mb-8,
.my-8 {
  margin-bottom: 4rem;
}
.ml-auto,
.mx-auto {
  margin-left: auto;
}
.mr-auto,
.mx-auto {
  margin-right: auto;
}
.ml-0,
.mx-0 {
  margin-left: 0;
}
.mr-0,
.mx-0 {
  margin-right: 0;
}
.ml-1,
.mx-1 {
  margin-left: 0.5rem;
}
.mr-1,
.mx-1 {
  margin-right: 0.5rem;
}
.ml-2,
.mx-2 {
  margin-left: 1rem;
}
.mr-2,
.mx-2 {
  margin-right: 1rem;
}
.ml-3,
.mx-3 {
  margin-left: 1.5rem;
}
.mr-3,
.mx-3 {
  margin-right: 1.5rem;
}
.ml-4,
.mx-4 {
  margin-left: 2rem;
}
.mr-4,
.mx-4 {
  margin-right: 2rem;
}
.ml-5,
.mx-5 {
  margin-left: 2.5rem;
}
.mr-5,
.mx-5 {
  margin-right: 2.5rem;
}
.ml-6,
.mx-6 {
  margin-left: 3rem;
}
.mr-6,
.mx-6 {
  margin-right: 3rem;
}
.ml-7,
.mx-7 {
  margin-left: 3.5rem;
}
.mr-7,
.mx-7 {
  margin-right: 3.5rem;
}
.ml-8,
.mx-8 {
  margin-left: 4rem;
}
.mr-8,
.mx-8 {
  margin-right: 4rem;
}
.pt-0,
.py-0 {
  padding-top: 0;
}
.pb-0,
.py-0 {
  padding-bottom: 0;
}
.pt-1,
.py-1 {
  padding-top: 0.5rem;
}
.pb-1,
.py-1 {
  padding-bottom: 0.5rem;
}
.pt-2,
.py-2 {
  padding-top: 1rem;
}
.pb-2,
.py-2 {
  padding-bottom: 1rem;
}
.pt-3,
.py-3 {
  padding-top: 1.5rem;
}
.pb-3,
.py-3 {
  padding-bottom: 1.5rem;
}
.pt-4,
.py-4 {
  padding-top: 2rem;
}
.pb-4,
.py-4 {
  padding-bottom: 2rem;
}
.pt-5,
.py-5 {
  padding-top: 2.5rem;
}
.pb-5,
.py-5 {
  padding-bottom: 2.5rem;
}
.pt-6,
.py-6 {
  padding-top: 3rem;
}
.pb-6,
.py-6 {
  padding-bottom: 3rem;
}
.pt-7,
.py-7 {
  padding-top: 3.5rem;
}
.pb-7,
.py-7 {
  padding-bottom: 3.5rem;
}
.pt-8,
.py-8 {
  padding-top: 4rem;
}
.pb-8,
.py-8 {
  padding-bottom: 4rem;
}
.pl-0,
.px-0 {
  padding-left: 0;
}
.pr-0,
.px-0 {
  padding-right: 0;
}
.pl-1,
.px-1 {
  padding-left: 0.5rem;
}
.pr-1,
.px-1 {
  padding-right: 0.5rem;
}
.pl-2,
.px-2 {
  padding-left: 1rem;
}
.pr-2,
.px-2 {
  padding-right: 1rem;
}
.pl-3,
.px-3 {
  padding-left: 1.5rem;
}
.pr-3,
.px-3 {
  padding-right: 1.5rem;
}
.pl-4,
.px-4 {
  padding-left: 2rem;
}
.pr-4,
.px-4 {
  padding-right: 2rem;
}
.pl-5,
.px-5 {
  padding-left: 2.5rem;
}
.pr-5,
.px-5 {
  padding-right: 2.5rem;
}
.pl-6,
.px-6 {
  padding-left: 3rem;
}
.pr-6,
.px-6 {
  padding-right: 3rem;
}
.pl-7,
.px-7 {
  padding-left: 3.5rem;
}
.pr-7,
.px-7 {
  padding-right: 3.5rem;
}
.pl-8,
.px-8 {
  padding-left: 4rem;
}
.pr-8,
.px-8 {
  padding-right: 4rem;
}
.pt-5p,
.py-5p {
  padding-top: 5%;
}
.pb-5p,
.py-5p {
  padding-bottom: 5%;
}
.pl-5p,
.px-5p {
  padding-left: 5%;
}
.pr-5p,
.px-5p {
  padding-right: 5%;
}
.pt-10p,
.py-10p {
  padding-top: 10%;
}
.pb-10p,
.py-10p {
  padding-bottom: 10%;
}
.pl-10p,
.px-10p {
  padding-left: 10%;
}
.pr-10p,
.px-10p {
  padding-right: 10%;
}
@media (max-width: 1199px) {
  .hide_xl {
    display: none;
  }
  .no-border_xl {
    border-style: none;
  }
}
@media (max-width: 991px) {
  .hide_lg {
    display: none;
  }
  .no-border_lg {
    border-style: none;
  }
}
@media (max-width: 767px) {
  .hide_md {
    display: none;
  }
  .no-border_md {
    border-style: none;
  }
  .h-50vw_md {
    height: 50vw;
  }
  .mx-0_md {
    margin-left: 0;
    margin-right: 0;
  }
  .px-0_md {
    padding-left: 0;
    padding-right: 0;
  }
  .pt-0_md {
    padding-top: 0;
  }
  .pb-0_md {
    padding-bottom: 0;
  }
  .items-center_md {
    align-items: center;
  }
}
@media (max-width: 575px) {
  .hide_sm {
    display: none;
  }
  .no-border_sm {
    border-style: none;
  }
  .mx-0_sm {
    margin-left: 0;
    margin-right: 0;
  }
  .px-0_sm {
    padding-left: 0;
    padding-right: 0;
  }
  .pt-0_sm {
    padding-top: 0;
  }
  .pb-0_sm {
    padding-bottom: 0;
  }
}
@media (min-width: 576px) {
  .sm_hidden {
    display: none !important;
  }
  .sm_flex {
    display: flex;
  }
  .sm_grid {
    display: grid;
  }
  .sm_block {
    display: block;
  }
  .sm_cols-2 {
    columns: 2;
  }
  .sm_cols-3 {
    columns: 3;
  }
  .sm_row {
    flex-direction: row;
  }
  .sm_align-left {
    text-align: left;
  }
  .sm_align-right {
    text-align: right;
  }
  .sm_align-center {
    text-align: center;
  }
  .sm_float-right {
    float: right;
  }
  .sm_float-left {
    float: left;
  }
  .sm_float-none {
    float: none;
  }
  .sm_clear-both {
    clear: both;
  }
  .sm_mt-0,
  .sm_my-0 {
    margin-top: 0;
  }
  .sm_mb-0,
  .sm_my-0 {
    margin-bottom: 0;
  }
  .sm_mt-1,
  .sm_my-1 {
    margin-top: 0.5rem;
  }
  .sm_mb-1,
  .sm_my-1 {
    margin-bottom: 0.5rem;
  }
  .sm_mt-2,
  .sm_my-2 {
    margin-top: 1rem;
  }
  .sm_mb-2,
  .sm_my-2 {
    margin-bottom: 1rem;
  }
  .sm_mt-3,
  .sm_my-3 {
    margin-top: 1.5rem;
  }
  .sm_mb-3,
  .sm_my-3 {
    margin-bottom: 1.5rem;
  }
  .sm_mt-4,
  .sm_my-4 {
    margin-top: 2rem;
  }
  .sm_mb-4,
  .sm_my-4 {
    margin-bottom: 2rem;
  }
  .sm_mt-5,
  .sm_my-5 {
    margin-top: 2.5rem;
  }
  .sm_mb-5,
  .sm_my-5 {
    margin-bottom: 2.5rem;
  }
  .sm_mt-6,
  .sm_my-6 {
    margin-top: 3rem;
  }
  .sm_mb-6,
  .sm_my-6 {
    margin-bottom: 3rem;
  }
  .sm_mt-7,
  .sm_my-7 {
    margin-top: 3.5rem;
  }
  .sm_mb-7,
  .sm_my-7 {
    margin-bottom: 3.5rem;
  }
  .sm_mt-8,
  .sm_my-8 {
    margin-top: 4rem;
  }
  .sm_mb-8,
  .sm_my-8 {
    margin-bottom: 4rem;
  }
  .sm_ml-0,
  .sm_mx-0 {
    margin-left: 0;
  }
  .sm_mr-0,
  .sm_mx-0 {
    margin-right: 0;
  }
  .sm_ml-1,
  .sm_mx-1 {
    margin-left: 0.5rem;
  }
  .sm_mr-1,
  .sm_mx-1 {
    margin-right: 0.5rem;
  }
  .sm_ml-2,
  .sm_mx-2 {
    margin-left: 1rem;
  }
  .sm_mr-2,
  .sm_mx-2 {
    margin-right: 1rem;
  }
  .sm_ml-3,
  .sm_mx-3 {
    margin-left: 1.5rem;
  }
  .sm_mr-3,
  .sm_mx-3 {
    margin-right: 1.5rem;
  }
  .sm_ml-4,
  .sm_mx-4 {
    margin-left: 2rem;
  }
  .sm_mr-4,
  .sm_mx-4 {
    margin-right: 2rem;
  }
  .sm_ml-5,
  .sm_mx-5 {
    margin-left: 2.5rem;
  }
  .sm_mr-5,
  .sm_mx-5 {
    margin-right: 2.5rem;
  }
  .sm_ml-6,
  .sm_mx-6 {
    margin-left: 3rem;
  }
  .sm_mr-6,
  .sm_mx-6 {
    margin-right: 3rem;
  }
  .sm_ml-7,
  .sm_mx-7 {
    margin-left: 3.5rem;
  }
  .sm_mr-7,
  .sm_mx-7 {
    margin-right: 3.5rem;
  }
  .sm_ml-8,
  .sm_mx-8 {
    margin-left: 4rem;
  }
  .sm_mr-8,
  .sm_mx-8 {
    margin-right: 4rem;
  }
  .sm_ml-auto,
  .sm_mx-auto {
    margin-left: auto;
  }
  .sm_mr-auto,
  .sm_mx-auto {
    margin-right: auto;
  }
  .sm_pt-0,
  .sm_py-0 {
    padding-top: 0;
  }
  .sm_pb-0,
  .sm_py-0 {
    padding-bottom: 0;
  }
  .sm_pt-1,
  .sm_py-1 {
    padding-top: 0.5rem;
  }
  .sm_pb-1,
  .sm_py-1 {
    padding-bottom: 0.5rem;
  }
  .sm_pt-2,
  .sm_py-2 {
    padding-top: 1rem;
  }
  .sm_pb-2,
  .sm_py-2 {
    padding-bottom: 1rem;
  }
  .sm_pt-3,
  .sm_py-3 {
    padding-top: 1.5rem;
  }
  .sm_pb-3,
  .sm_py-3 {
    padding-bottom: 1.5rem;
  }
  .sm_pt-4,
  .sm_py-4 {
    padding-top: 2rem;
  }
  .sm_pb-4,
  .sm_py-4 {
    padding-bottom: 2rem;
  }
  .sm_pt-5,
  .sm_py-5 {
    padding-top: 2.5rem;
  }
  .sm_pb-5,
  .sm_py-5 {
    padding-bottom: 2.5rem;
  }
  .sm_pt-6,
  .sm_py-6 {
    padding-top: 3rem;
  }
  .sm_pb-6,
  .sm_py-6 {
    padding-bottom: 3rem;
  }
  .sm_pt-7,
  .sm_py-7 {
    padding-top: 3.5rem;
  }
  .sm_pb-7,
  .sm_py-7 {
    padding-bottom: 3.5rem;
  }
  .sm_pt-8,
  .sm_py-8 {
    padding-top: 4rem;
  }
  .sm_pb-8,
  .sm_py-8 {
    padding-bottom: 4rem;
  }
  .sm_pl-0,
  .sm_px-0 {
    padding-left: 0;
  }
  .sm_pr-0,
  .sm_px-0 {
    padding-right: 0;
  }
  .sm_pl-1,
  .sm_px-1 {
    padding-left: 0.5rem;
  }
  .sm_pr-1,
  .sm_px-1 {
    padding-right: 0.5rem;
  }
  .sm_pl-2,
  .sm_px-2 {
    padding-left: 1rem;
  }
  .sm_pr-2,
  .sm_px-2 {
    padding-right: 1rem;
  }
  .sm_pl-3,
  .sm_px-3 {
    padding-left: 1.5rem;
  }
  .sm_pr-3,
  .sm_px-3 {
    padding-right: 1.5rem;
  }
  .sm_pl-4,
  .sm_px-4 {
    padding-left: 2rem;
  }
  .sm_pr-4,
  .sm_px-4 {
    padding-right: 2rem;
  }
  .sm_pl-5,
  .sm_px-5 {
    padding-left: 2.5rem;
  }
  .sm_pr-5,
  .sm_px-5 {
    padding-right: 2.5rem;
  }
  .sm_pl-6,
  .sm_px-6 {
    padding-left: 3rem;
  }
  .sm_pr-6,
  .sm_px-6 {
    padding-right: 3rem;
  }
  .sm_pl-7,
  .sm_px-7 {
    padding-left: 3.5rem;
  }
  .sm_pr-7,
  .sm_px-7 {
    padding-right: 3.5rem;
  }
  .sm_pl-8,
  .sm_px-8 {
    padding-left: 4rem;
  }
  .sm_pr-8,
  .sm_px-8 {
    padding-right: 4rem;
  }
  .sm_pt-5p,
  .sm_py-5p {
    padding-top: 5%;
  }
  .sm_pb-5p,
  .sm_py-5p {
    padding-bottom: 5%;
  }
  .sm_pl-5p,
  .sm_px-5p {
    padding-left: 5%;
  }
  .sm_pr-5p,
  .sm_px-5p {
    padding-right: 5%;
  }
  .sm_pt-10p,
  .sm_py-10p {
    padding-top: 10%;
  }
  .sm_pb-10p,
  .sm_py-10p {
    padding-bottom: 10%;
  }
  .sm_pl-10p,
  .sm_px-10p {
    padding-left: 10%;
  }
  .sm_pr-10p,
  .sm_px-10p {
    padding-right: 10%;
  }
}
@media (min-width: 768px) {
  .md_hidden {
    display: none !important;
  }
  .md_flex {
    display: flex;
  }
  .md_grid {
    display: grid;
  }
  .md_block {
    display: block;
  }
  .md_cols-2 {
    columns: 2;
  }
  .md_cols-3 {
    columns: 3;
  }
  .md_row {
    flex-direction: row;
  }
  .md_align-left {
    text-align: left;
  }
  .md_align-right {
    text-align: right;
  }
  .md_align-center {
    text-align: center;
  }
  .md_float-right {
    float: right;
  }
  .md_float-left {
    float: left;
  }
  .md_float-none {
    float: none;
  }
  .md_clear-both {
    clear: both;
  }
  .md_mt-0,
  .md_my-0 {
    margin-top: 0;
  }
  .md_mb-0,
  .md_my-0 {
    margin-bottom: 0;
  }
  .md_mt-1,
  .md_my-1 {
    margin-top: 0.5rem;
  }
  .md_mb-1,
  .md_my-1 {
    margin-bottom: 0.5rem;
  }
  .md_mt-2,
  .md_my-2 {
    margin-top: 1rem;
  }
  .md_mb-2,
  .md_my-2 {
    margin-bottom: 1rem;
  }
  .md_mt-3,
  .md_my-3 {
    margin-top: 1.5rem;
  }
  .md_mb-3,
  .md_my-3 {
    margin-bottom: 1.5rem;
  }
  .md_mt-4,
  .md_my-4 {
    margin-top: 2rem;
  }
  .md_mb-4,
  .md_my-4 {
    margin-bottom: 2rem;
  }
  .md_mt-5,
  .md_my-5 {
    margin-top: 2.5rem;
  }
  .md_mb-5,
  .md_my-5 {
    margin-bottom: 2.5rem;
  }
  .md_mt-6,
  .md_my-6 {
    margin-top: 3rem;
  }
  .md_mb-6,
  .md_my-6 {
    margin-bottom: 3rem;
  }
  .md_mt-7,
  .md_my-7 {
    margin-top: 3.5rem;
  }
  .md_mb-7,
  .md_my-7 {
    margin-bottom: 3.5rem;
  }
  .md_mt-8,
  .md_my-8 {
    margin-top: 4rem;
  }
  .md_mb-8,
  .md_my-8 {
    margin-bottom: 4rem;
  }
  .md_ml-0,
  .md_mx-0 {
    margin-left: 0;
  }
  .md_mr-0,
  .md_mx-0 {
    margin-right: 0;
  }
  .md_ml-1,
  .md_mx-1 {
    margin-left: 0.5rem;
  }
  .md_mr-1,
  .md_mx-1 {
    margin-right: 0.5rem;
  }
  .md_ml-2,
  .md_mx-2 {
    margin-left: 1rem;
  }
  .md_mr-2,
  .md_mx-2 {
    margin-right: 1rem;
  }
  .md_ml-3,
  .md_mx-3 {
    margin-left: 1.5rem;
  }
  .md_mr-3,
  .md_mx-3 {
    margin-right: 1.5rem;
  }
  .md_ml-4,
  .md_mx-4 {
    margin-left: 2rem;
  }
  .md_mr-4,
  .md_mx-4 {
    margin-right: 2rem;
  }
  .md_ml-5,
  .md_mx-5 {
    margin-left: 2.5rem;
  }
  .md_mr-5,
  .md_mx-5 {
    margin-right: 2.5rem;
  }
  .md_ml-6,
  .md_mx-6 {
    margin-left: 3rem;
  }
  .md_mr-6,
  .md_mx-6 {
    margin-right: 3rem;
  }
  .md_ml-7,
  .md_mx-7 {
    margin-left: 3.5rem;
  }
  .md_mr-7,
  .md_mx-7 {
    margin-right: 3.5rem;
  }
  .md_ml-8,
  .md_mx-8 {
    margin-left: 4rem;
  }
  .md_mr-8,
  .md_mx-8 {
    margin-right: 4rem;
  }
  .md_ml-auto,
  .md_mx-auto {
    margin-left: auto;
  }
  .md_mr-auto,
  .md_mx-auto {
    margin-right: auto;
  }
  .md_pt-0,
  .md_py-0 {
    padding-top: 0;
  }
  .md_pb-0,
  .md_py-0 {
    padding-bottom: 0;
  }
  .md_pt-1,
  .md_py-1 {
    padding-top: 0.5rem;
  }
  .md_pb-1,
  .md_py-1 {
    padding-bottom: 0.5rem;
  }
  .md_pt-2,
  .md_py-2 {
    padding-top: 1rem;
  }
  .md_pb-2,
  .md_py-2 {
    padding-bottom: 1rem;
  }
  .md_pt-3,
  .md_py-3 {
    padding-top: 1.5rem;
  }
  .md_pb-3,
  .md_py-3 {
    padding-bottom: 1.5rem;
  }
  .md_pt-4,
  .md_py-4 {
    padding-top: 2rem;
  }
  .md_pb-4,
  .md_py-4 {
    padding-bottom: 2rem;
  }
  .md_pt-5,
  .md_py-5 {
    padding-top: 2.5rem;
  }
  .md_pb-5,
  .md_py-5 {
    padding-bottom: 2.5rem;
  }
  .md_pt-6,
  .md_py-6 {
    padding-top: 3rem;
  }
  .md_pb-6,
  .md_py-6 {
    padding-bottom: 3rem;
  }
  .md_pt-7,
  .md_py-7 {
    padding-top: 3.5rem;
  }
  .md_pb-7,
  .md_py-7 {
    padding-bottom: 3.5rem;
  }
  .md_pt-8,
  .md_py-8 {
    padding-top: 4rem;
  }
  .md_pb-8,
  .md_py-8 {
    padding-bottom: 4rem;
  }
  .md_pl-0,
  .md_px-0 {
    padding-left: 0;
  }
  .md_pr-0,
  .md_px-0 {
    padding-right: 0;
  }
  .md_pl-1,
  .md_px-1 {
    padding-left: 0.5rem;
  }
  .md_pr-1,
  .md_px-1 {
    padding-right: 0.5rem;
  }
  .md_pl-2,
  .md_px-2 {
    padding-left: 1rem;
  }
  .md_pr-2,
  .md_px-2 {
    padding-right: 1rem;
  }
  .md_pl-3,
  .md_px-3 {
    padding-left: 1.5rem;
  }
  .md_pr-3,
  .md_px-3 {
    padding-right: 1.5rem;
  }
  .md_pl-4,
  .md_px-4 {
    padding-left: 2rem;
  }
  .md_pr-4,
  .md_px-4 {
    padding-right: 2rem;
  }
  .md_pl-5,
  .md_px-5 {
    padding-left: 2.5rem;
  }
  .md_pr-5,
  .md_px-5 {
    padding-right: 2.5rem;
  }
  .md_pl-6,
  .md_px-6 {
    padding-left: 3rem;
  }
  .md_pr-6,
  .md_px-6 {
    padding-right: 3rem;
  }
  .md_pl-7,
  .md_px-7 {
    padding-left: 3.5rem;
  }
  .md_pr-7,
  .md_px-7 {
    padding-right: 3.5rem;
  }
  .md_pl-8,
  .md_px-8 {
    padding-left: 4rem;
  }
  .md_pr-8,
  .md_px-8 {
    padding-right: 4rem;
  }
  .md_pt-5p,
  .md_py-5p {
    padding-top: 5%;
  }
  .md_pb-5p,
  .md_py-5p {
    padding-bottom: 5%;
  }
  .md_pl-5p,
  .md_px-5p {
    padding-left: 5%;
  }
  .md_pr-5p,
  .md_px-5p {
    padding-right: 5%;
  }
  .md_pt-10p,
  .md_py-10p {
    padding-top: 10%;
  }
  .md_pb-10p,
  .md_py-10p {
    padding-bottom: 10%;
  }
  .md_pl-10p,
  .md_px-10p {
    padding-left: 10%;
  }
  .md_pr-10p,
  .md_px-10p {
    padding-right: 10%;
  }
}
@media (min-width: 992px) {
  .lg_hidden {
    display: none !important;
  }
  .lg_flex {
    display: flex;
  }
  .lg_grid {
    display: grid;
  }
  .lg_block {
    display: block;
  }
  .lg_cols-2 {
    columns: 2;
  }
  .lg_cols-3 {
    columns: 3;
  }
  .lg_row {
    flex-direction: row;
  }
  .lg_align-left {
    text-align: left;
  }
  .lg_align-right {
    text-align: right;
  }
  .lg_align-center {
    text-align: center;
  }
  .lg_float-right {
    float: right;
  }
  .lg_float-left {
    float: left;
  }
  .lg_float-none {
    float: none;
  }
  .lg_clear-both {
    clear: both;
  }
  .lg_mt-0,
  .lg_my-0 {
    margin-top: 0;
  }
  .lg_mb-0,
  .lg_my-0 {
    margin-bottom: 0;
  }
  .lg_mt-1,
  .lg_my-1 {
    margin-top: 0.5rem;
  }
  .lg_mb-1,
  .lg_my-1 {
    margin-bottom: 0.5rem;
  }
  .lg_mt-2,
  .lg_my-2 {
    margin-top: 1rem;
  }
  .lg_mb-2,
  .lg_my-2 {
    margin-bottom: 1rem;
  }
  .lg_mt-3,
  .lg_my-3 {
    margin-top: 1.5rem;
  }
  .lg_mb-3,
  .lg_my-3 {
    margin-bottom: 1.5rem;
  }
  .lg_mt-4,
  .lg_my-4 {
    margin-top: 2rem;
  }
  .lg_mb-4,
  .lg_my-4 {
    margin-bottom: 2rem;
  }
  .lg_mt-5,
  .lg_my-5 {
    margin-top: 2.5rem;
  }
  .lg_mb-5,
  .lg_my-5 {
    margin-bottom: 2.5rem;
  }
  .lg_mt-6,
  .lg_my-6 {
    margin-top: 3rem;
  }
  .lg_mb-6,
  .lg_my-6 {
    margin-bottom: 3rem;
  }
  .lg_mt-7,
  .lg_my-7 {
    margin-top: 3.5rem;
  }
  .lg_mb-7,
  .lg_my-7 {
    margin-bottom: 3.5rem;
  }
  .lg_mt-8,
  .lg_my-8 {
    margin-top: 4rem;
  }
  .lg_mb-8,
  .lg_my-8 {
    margin-bottom: 4rem;
  }
  .lg_ml-0,
  .lg_mx-0 {
    margin-left: 0;
  }
  .lg_mr-0,
  .lg_mx-0 {
    margin-right: 0;
  }
  .lg_ml-1,
  .lg_mx-1 {
    margin-left: 0.5rem;
  }
  .lg_mr-1,
  .lg_mx-1 {
    margin-right: 0.5rem;
  }
  .lg_ml-2,
  .lg_mx-2 {
    margin-left: 1rem;
  }
  .lg_mr-2,
  .lg_mx-2 {
    margin-right: 1rem;
  }
  .lg_ml-3,
  .lg_mx-3 {
    margin-left: 1.5rem;
  }
  .lg_mr-3,
  .lg_mx-3 {
    margin-right: 1.5rem;
  }
  .lg_ml-4,
  .lg_mx-4 {
    margin-left: 2rem;
  }
  .lg_mr-4,
  .lg_mx-4 {
    margin-right: 2rem;
  }
  .lg_ml-5,
  .lg_mx-5 {
    margin-left: 2.5rem;
  }
  .lg_mr-5,
  .lg_mx-5 {
    margin-right: 2.5rem;
  }
  .lg_ml-6,
  .lg_mx-6 {
    margin-left: 3rem;
  }
  .lg_mr-6,
  .lg_mx-6 {
    margin-right: 3rem;
  }
  .lg_ml-7,
  .lg_mx-7 {
    margin-left: 3.5rem;
  }
  .lg_mr-7,
  .lg_mx-7 {
    margin-right: 3.5rem;
  }
  .lg_ml-8,
  .lg_mx-8 {
    margin-left: 4rem;
  }
  .lg_mr-8,
  .lg_mx-8 {
    margin-right: 4rem;
  }
  .lg_ml-auto,
  .lg_mx-auto {
    margin-left: auto;
  }
  .lg_mr-auto,
  .lg_mx-auto {
    margin-right: auto;
  }
  .lg_pt-0,
  .lg_py-0 {
    padding-top: 0;
  }
  .lg_pb-0,
  .lg_py-0 {
    padding-bottom: 0;
  }
  .lg_pt-1,
  .lg_py-1 {
    padding-top: 0.5rem;
  }
  .lg_pb-1,
  .lg_py-1 {
    padding-bottom: 0.5rem;
  }
  .lg_pt-2,
  .lg_py-2 {
    padding-top: 1rem;
  }
  .lg_pb-2,
  .lg_py-2 {
    padding-bottom: 1rem;
  }
  .lg_pt-3,
  .lg_py-3 {
    padding-top: 1.5rem;
  }
  .lg_pb-3,
  .lg_py-3 {
    padding-bottom: 1.5rem;
  }
  .lg_pt-4,
  .lg_py-4 {
    padding-top: 2rem;
  }
  .lg_pb-4,
  .lg_py-4 {
    padding-bottom: 2rem;
  }
  .lg_pt-5,
  .lg_py-5 {
    padding-top: 2.5rem;
  }
  .lg_pb-5,
  .lg_py-5 {
    padding-bottom: 2.5rem;
  }
  .lg_pt-6,
  .lg_py-6 {
    padding-top: 3rem;
  }
  .lg_pb-6,
  .lg_py-6 {
    padding-bottom: 3rem;
  }
  .lg_pt-7,
  .lg_py-7 {
    padding-top: 3.5rem;
  }
  .lg_pb-7,
  .lg_py-7 {
    padding-bottom: 3.5rem;
  }
  .lg_pt-8,
  .lg_py-8 {
    padding-top: 4rem;
  }
  .lg_pb-8,
  .lg_py-8 {
    padding-bottom: 4rem;
  }
  .lg_pl-0,
  .lg_px-0 {
    padding-left: 0;
  }
  .lg_pr-0,
  .lg_px-0 {
    padding-right: 0;
  }
  .lg_pl-1,
  .lg_px-1 {
    padding-left: 0.5rem;
  }
  .lg_pr-1,
  .lg_px-1 {
    padding-right: 0.5rem;
  }
  .lg_pl-2,
  .lg_px-2 {
    padding-left: 1rem;
  }
  .lg_pr-2,
  .lg_px-2 {
    padding-right: 1rem;
  }
  .lg_pl-3,
  .lg_px-3 {
    padding-left: 1.5rem;
  }
  .lg_pr-3,
  .lg_px-3 {
    padding-right: 1.5rem;
  }
  .lg_pl-4,
  .lg_px-4 {
    padding-left: 2rem;
  }
  .lg_pr-4,
  .lg_px-4 {
    padding-right: 2rem;
  }
  .lg_pl-5,
  .lg_px-5 {
    padding-left: 2.5rem;
  }
  .lg_pr-5,
  .lg_px-5 {
    padding-right: 2.5rem;
  }
  .lg_pl-6,
  .lg_px-6 {
    padding-left: 3rem;
  }
  .lg_pr-6,
  .lg_px-6 {
    padding-right: 3rem;
  }
  .lg_pl-7,
  .lg_px-7 {
    padding-left: 3.5rem;
  }
  .lg_pr-7,
  .lg_px-7 {
    padding-right: 3.5rem;
  }
  .lg_pl-8,
  .lg_px-8 {
    padding-left: 4rem;
  }
  .lg_pr-8,
  .lg_px-8 {
    padding-right: 4rem;
  }
  .lg_pt-5p,
  .lg_py-5p {
    padding-top: 5%;
  }
  .lg_pb-5p,
  .lg_py-5p {
    padding-bottom: 5%;
  }
  .lg_pl-5p,
  .lg_px-5p {
    padding-left: 5%;
  }
  .lg_pr-5p,
  .lg_px-5p {
    padding-right: 5%;
  }
  .lg_pt-10p,
  .lg_py-10p {
    padding-top: 10%;
  }
  .lg_pb-10p,
  .lg_py-10p {
    padding-bottom: 10%;
  }
  .lg_pl-10p,
  .lg_px-10p {
    padding-left: 10%;
  }
  .lg_pr-10p,
  .lg_px-10p {
    padding-right: 10%;
  }
}
@media (min-width: 1200px) {
  .xl_hidden {
    display: none !important;
  }
  .xl_flex {
    display: flex;
  }
  .xl_grid {
    display: grid;
  }
  .xl_cols-2 {
    columns: 2;
  }
  .xl_cols-3 {
    columns: 3;
  }
  .xl_row {
    flex-direction: row;
  }
  .xl_float-right {
    float: right;
  }
  .xl_float-left {
    float: left;
  }
  .xl_float-none {
    float: none;
  }
  .xl_clear-both {
    clear: both;
  }
  .xl_mr-1\/4 {
    margin-right: 25%;
  }
  .xl_mt-0,
  .xl_my-0 {
    margin-top: 0;
  }
  .xl_mb-0,
  .xl_my-0 {
    margin-bottom: 0;
  }
  .xl_mt-1,
  .xl_my-1 {
    margin-top: 0.5rem;
  }
  .xl_mb-1,
  .xl_my-1 {
    margin-bottom: 0.5rem;
  }
  .xl_mt-2,
  .xl_my-2 {
    margin-top: 1rem;
  }
  .xl_mb-2,
  .xl_my-2 {
    margin-bottom: 1rem;
  }
  .xl_mt-3,
  .xl_my-3 {
    margin-top: 1.5rem;
  }
  .xl_mb-3,
  .xl_my-3 {
    margin-bottom: 1.5rem;
  }
  .xl_mt-4,
  .xl_my-4 {
    margin-top: 2rem;
  }
  .xl_mb-4,
  .xl_my-4 {
    margin-bottom: 2rem;
  }
  .xl_mt-5,
  .xl_my-5 {
    margin-top: 2.5rem;
  }
  .xl_mb-5,
  .xl_my-5 {
    margin-bottom: 2.5rem;
  }
  .xl_mt-6,
  .xl_my-6 {
    margin-top: 3rem;
  }
  .xl_mb-6,
  .xl_my-6 {
    margin-bottom: 3rem;
  }
  .xl_mt-7,
  .xl_my-7 {
    margin-top: 3.5rem;
  }
  .xl_mb-7,
  .xl_my-7 {
    margin-bottom: 3.5rem;
  }
  .xl_mt-8,
  .xl_my-8 {
    margin-top: 4rem;
  }
  .xl_mb-8,
  .xl_my-8 {
    margin-bottom: 4rem;
  }
  .xl_ml-0,
  .xl_mx-0 {
    margin-left: 0;
  }
  .xl_mr-0,
  .xl_mx-0 {
    margin-right: 0;
  }
  .xl_ml-1,
  .xl_mx-1 {
    margin-left: 0.5rem;
  }
  .xl_mr-1,
  .xl_mx-1 {
    margin-right: 0.5rem;
  }
  .xl_ml-2,
  .xl_mx-2 {
    margin-left: 1rem;
  }
  .xl_mr-2,
  .xl_mx-2 {
    margin-right: 1rem;
  }
  .xl_ml-3,
  .xl_mx-3 {
    margin-left: 1.5rem;
  }
  .xl_mr-3,
  .xl_mx-3 {
    margin-right: 1.5rem;
  }
  .xl_ml-4,
  .xl_mx-4 {
    margin-left: 2rem;
  }
  .xl_mr-4,
  .xl_mx-4 {
    margin-right: 2rem;
  }
  .xl_ml-5,
  .xl_mx-5 {
    margin-left: 2.5rem;
  }
  .xl_mr-5,
  .xl_mx-5 {
    margin-right: 2.5rem;
  }
  .xl_ml-6,
  .xl_mx-6 {
    margin-left: 3rem;
  }
  .xl_mr-6,
  .xl_mx-6 {
    margin-right: 3rem;
  }
  .xl_ml-7,
  .xl_mx-7 {
    margin-left: 3.5rem;
  }
  .xl_mr-7,
  .xl_mx-7 {
    margin-right: 3.5rem;
  }
  .xl_ml-8,
  .xl_mx-8 {
    margin-left: 4rem;
  }
  .xl_mr-8,
  .xl_mx-8 {
    margin-right: 4rem;
  }
  .xl_ml-auto,
  .xl_mx-auto {
    margin-left: auto;
  }
  .xl_mr-auto,
  .xl_mx-auto {
    margin-right: auto;
  }
  .xl_pt-0,
  .xl_py-0 {
    padding-top: 0;
  }
  .xl_pb-0,
  .xl_py-0 {
    padding-bottom: 0;
  }
  .xl_pt-1,
  .xl_py-1 {
    padding-top: 1rem;
  }
  .xl_pb-1,
  .xl_py-1 {
    padding-bottom: 1rem;
  }
  .xl_pt-2,
  .xl_py-2 {
    padding-top: 2rem;
  }
  .xl_pb-2,
  .xl_py-2 {
    padding-bottom: 2rem;
  }
  .xl_pt-3,
  .xl_py-3 {
    padding-top: 3rem;
  }
  .xl_pb-3,
  .xl_py-3 {
    padding-bottom: 3rem;
  }
  .xl_pt-4,
  .xl_py-4 {
    padding-top: 4rem;
  }
  .xl_pb-4,
  .xl_py-4 {
    padding-bottom: 4rem;
  }
  .xl_pt-5,
  .xl_py-5 {
    padding-top: 5rem;
  }
  .xl_pb-5,
  .xl_py-5 {
    padding-bottom: 5rem;
  }
  .xl_pt-6,
  .xl_py-6 {
    padding-top: 6rem;
  }
  .xl_pb-6,
  .xl_py-6 {
    padding-bottom: 6rem;
  }
  .xl_pt-7,
  .xl_py-7 {
    padding-top: 7rem;
  }
  .xl_pb-7,
  .xl_py-7 {
    padding-bottom: 7rem;
  }
  .xl_pt-8,
  .xl_py-8 {
    padding-top: 8rem;
  }
  .xl_pb-8,
  .xl_py-8 {
    padding-bottom: 8rem;
  }
  .xl_pl-0,
  .xl_px-0 {
    padding-left: 0;
  }
  .xl_pr-0,
  .xl_px-0 {
    padding-right: 0;
  }
  .xl_pl-1,
  .xl_px-1 {
    padding-left: 1rem;
  }
  .xl_pr-1,
  .xl_px-1 {
    padding-right: 1rem;
  }
  .xl_pl-2,
  .xl_px-2 {
    padding-left: 2rem;
  }
  .xl_pr-2,
  .xl_px-2 {
    padding-right: 2rem;
  }
  .xl_pl-3,
  .xl_px-3 {
    padding-left: 3rem;
  }
  .xl_pr-3,
  .xl_px-3 {
    padding-right: 3rem;
  }
  .xl_pl-4,
  .xl_px-4 {
    padding-left: 4rem;
  }
  .xl_pr-4,
  .xl_px-4 {
    padding-right: 4rem;
  }
  .xl_pl-5,
  .xl_px-5 {
    padding-left: 5rem;
  }
  .xl_pr-5,
  .xl_px-5 {
    padding-right: 5rem;
  }
  .xl_pl-6,
  .xl_px-6 {
    padding-left: 6rem;
  }
  .xl_pr-6,
  .xl_px-6 {
    padding-right: 6rem;
  }
  .xl_pl-7,
  .xl_px-7 {
    padding-left: 7rem;
  }
  .xl_pr-7,
  .xl_px-7 {
    padding-right: 7rem;
  }
  .xl_pl-8,
  .xl_px-8 {
    padding-left: 8rem;
  }
  .xl_pr-8,
  .xl_px-8 {
    padding-right: 8rem;
  }
}