@charset "UTF-8";
@font-face {
  font-family: "better-proposals";
  src: url("/2/fonts/fontastic/better-proposals.eot?v=2");
  src: url("/2/fonts/fontastic/better-proposals.eot?v=2#iefix") format("embedded-opentype"), url("/2/fonts/fontastic/better-proposals.woff?v=2") format("woff"), url("/2/fonts/fontastic/better-proposals.ttf?v=2") format("truetype"), url("/2/fonts/fontastic/better-proposals.svg?v=2#better-proposals") format("svg");
  font-weight: normal;
  font-style: normal;
}
[data-ico]:before {
  font-family: "better-proposals" !important;
  content: attr(data-ico);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^=ico-]:before,
[class*=" ico-"]:before {
  font-family: "better-proposals" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ico-back-time:before {
  content: "a";
}

.ico-exit:before {
  content: "Q";
}

.ico-external-link:before {
  content: "R";
}

.ico-facebook:before {
  content: "S";
}

.ico-users:before {
  content: "T";
}

.ico-heart-outline:before {
  content: "V";
}

.ico-info-circle-outline:before {
  content: "W";
}

.ico-youtube:before {
  content: "b";
}

.ico-twitter:before {
  content: "c";
}

.ico-locker:before {
  content: "d";
}

.ico-trash:before {
  content: "e";
}

.ico-file-blank:before {
  content: "f";
}

.ico-file-new:before {
  content: "g";
}

.ico-share-outline:before {
  content: "h";
}

.ico-link:before {
  content: "i";
}

.ico-log-out:before {
  content: "l";
}

.ico-user:before {
  content: "m";
}

.ico-add-note:before {
  content: "n";
}

.ico-analytics:before {
  content: "o";
}

.ico-apps:before {
  content: "p";
}

.ico-arrow-left:before {
  content: "q";
}

.ico-attached-file:before {
  content: "r";
}

.ico-attachment:before {
  content: "s";
}

.ico-balance:before {
  content: "t";
}

.ico-bank:before {
  content: "u";
}

.ico-billing-dollar:before {
  content: "v";
}

.ico-billing-eur:before {
  content: "w";
}

.ico-billing-pounds:before {
  content: "x";
}

.ico-blockquote:before {
  content: "y";
}

.ico-blog:before {
  content: "z";
}

.ico-book:before {
  content: "A";
}

.ico-browser-plus:before {
  content: "B";
}

.ico-calendar:before {
  content: "C";
}

.ico-calendar-tick:before {
  content: "D";
}

.ico-camera:before {
  content: "E";
}

.ico-card-reader:before {
  content: "F";
}

.ico-cash-dollar:before {
  content: "G";
}

.ico-cash-eur:before {
  content: "H";
}

.ico-cash-pounds:before {
  content: "I";
}

.ico-categories:before {
  content: "J";
}

.ico-chat:before {
  content: "K";
}

.ico-check:before {
  content: "L";
}

.ico-checklist:before {
  content: "N";
}

.ico-chevron-left:before {
  content: "O";
}

.ico-circle-alert:before {
  content: "P";
}

.ico-circle-check:before {
  content: "X";
}

.ico-circle-disabled:before {
  content: "Y";
}

.ico-circle-info:before {
  content: "Z";
}

.ico-circle-left:before {
  content: "0";
}

.ico-circle-plus:before {
  content: "1";
}

.ico-click:before {
  content: "2";
}

.ico-clock:before {
  content: "3";
}

.ico-code:before {
  content: "4";
}

.ico-confetti:before {
  content: "5";
}

.ico-cross:before {
  content: "6";
}

.ico-customer-plus:before {
  content: "7";
}

.ico-customers:before {
  content: "8";
}

.ico-data-visualization:before {
  content: "9";
}

.ico-delete:before {
  content: "!";
}

.ico-design-tools:before {
  content: '"';
}

.ico-desktop:before {
  content: "#";
}

.ico-dns:before {
  content: "$";
}

.ico-domains:before {
  content: "%";
}

.ico-draft-order:before {
  content: "&";
}

.ico-edit:before {
  content: "'";
}

.ico-email:before {
  content: "(";
}

.ico-exchange:before {
  content: ")";
}

.ico-glasses:before {
  content: "+";
}

.ico-globe:before {
  content: ",";
}

.ico-grammar:before {
  content: "-";
}

.ico-hashtag:before {
  content: ".";
}

.ico-question-circle:before {
  content: "/";
}

.ico-idea:before {
  content: ":";
}

.ico-illustration:before {
  content: ";";
}

.ico-image:before {
  content: "<";
}

.ico-images:before {
  content: "=";
}

.ico-jobs:before {
  content: ">";
}

.ico-key:before {
  content: "?";
}

.ico-label:before {
  content: "@";
}

.ico-landing-page:before {
  content: "[";
}

.ico-legal:before {
  content: "]";
}

.ico-location:before {
  content: "^";
}

.ico-managed-store:before {
  content: "`";
}

.ico-marketing:before {
  content: "{";
}

.ico-mic:before {
  content: "|";
}

.ico-mobile-hamburger:before {
  content: "}";
}

.ico-monotone:before {
  content: "~";
}

.ico-navigation:before {
  content: "\\";
}

.ico-newsletter:before {
  content: "\e000";
}

.ico-note:before {
  content: "\e001";
}

.ico-notification:before {
  content: "\e002";
}

.ico-page-attached:before {
  content: "\e003";
}

.ico-play:before {
  content: "\e004";
}

.ico-play-button:before {
  content: "\e005";
}

.ico-plus:before {
  content: "\e006";
}

.ico-printer:before {
  content: "\e007";
}

.ico-profile-circle:before {
  content: "\e008";
}

.ico-question-mark:before {
  content: "\e009";
}

.ico-recipe:before {
  content: "\e00a";
}

.ico-refresh:before {
  content: "\e00b";
}

.ico-refund:before {
  content: "\e00c";
}

.ico-reports:before {
  content: "\e00d";
}

.ico-risk:before {
  content: "\e00e";
}

.ico-search:before {
  content: "\e00f";
}

.ico-send-email:before {
  content: "\e010";
}

.ico-settings:before {
  content: "\e012";
}

.ico-smile-sad:before {
  content: "\e013";
}

.ico-smiley-happy:before {
  content: "\e014";
}

.ico-smiley-joy:before {
  content: "\e015";
}

.ico-smiley-neutral:before {
  content: "\e016";
}

.ico-social-ad:before {
  content: "\e017";
}

.ico-social-post:before {
  content: "\e018";
}

.ico-star:before {
  content: "\e019";
}

.ico-store:before {
  content: "\e01a";
}

.ico-thumbs-down:before {
  content: "\e01b";
}

.ico-tips:before {
  content: "\e01c";
}

.ico-tools:before {
  content: "\e01d";
}

.ico-undo:before {
  content: "\e01e";
}

.ico-wand:before {
  content: "\e01f";
}

.ico-hide:before {
  content: "\e020";
}

.ico-arrow:before {
  content: "\e021";
}

.ico-copy:before {
  content: "\e022";
}

.ico-move:before {
  content: "\e023";
}

.ico-filter:before {
  content: "\e024";
}

.ico-send:before {
  content: "\e025";
}

.ico-add-image:before {
  content: "\e026";
}

.ico-gift:before {
  content: "\e027";
}

.ico-moon:before {
  content: "\e028";
}

.ico-multiple-tags:before {
  content: "M";
}

.ico-tag-empty:before {
  content: "_";
}

.ico-flag:before {
  content: "*";
}

.ico-file-text:before {
  content: "\e011";
}

.ico-file-minus:before {
  content: "\e02c";
}

.ico-file-sum:before {
  content: "\e029";
}

.ico-file-search-find:before {
  content: "\e02a";
}

.ico-dashboard:before {
  content: "\e02b";
}

.ico-mail-open:before {
  content: "\e02d";
}

.ico-download:before {
  content: "\e02f";
}

.ico-pie-chart-outline:before {
  content: "\e030";
}

.ico-chevron:before {
  content: "j";
}

.ico-tag:before {
  content: "k";
}

.ico-error:before {
  content: "\e031";
}

.ico-show:before {
  content: "\e033";
}

.ico-mail:before {
  content: "\e034";
}

.ico-contract-tag:before {
  content: "\e035";
}

.ico-brochure-tag:before {
  content: "\e036";
}

.ico-statement-of-work-tag:before {
  content: "\e037";
}

.ico-quotes-tag:before {
  content: "\e038";
}

.ico-proposal-tag:before {
  content: "\e039";
}

.ico-sign-off-tag:before {
  content: "\e03a";
}

.ico-simple-file:before {
  content: "\e03b";
}

.ico-info-circle:before {
  content: "U";
}

.ico-credit-card-alt:before {
  content: "\e03c";
}

.ico-folder-download:before {
  content: "\e03d";
}

.ico-folder:before {
  content: "\e03e";
}

.ico-folder-minus:before {
  content: "\e03f";
}

.ico-folder-plus:before {
  content: "\e040";
}

.ico-more-vertiico-cal:before {
  content: "\e041";
}

.ico-more-horizontal:before {
  content: "\e042";
}

.ico-first-order:before {
  content: "\e02e";
}

.ico-chart-up-doc:before {
  content: "\e043";
}

.ico-linkedin:before {
  content: "\e044";
}

.ico-envelope:before {
  content: "\e046";
}

.ico-line-chart-up:before {
  content: "\e045";
}

.ico-fast-forward:before {
  content: "\e032";
}

.ico-loader:before {
  content: "\e047";
}

html {
  box-sizing: border-box;
  scroll-behavior: smooth;
}

* {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
}

header.header-navigation {
  border-color: transparent !important;
}

header.header {
  height: 60px;
  padding: 5px 16px;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  top: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
header.header img.logo {
  height: 100%;
  width: auto;
  max-height: 40px;
  position: relative;
  margin: 10px auto 10px 0;
}
header.header .smico {
  display: flex;
  flex-direction: row;
  gap: 16px;
  position: relative;
  right: 0;
  margin-top: -10px;
}
header.header i.ico {
  color: #151922;
}
header.header p.fontastic {
  padding: 0.6rem;
  border-radius: 3rem;
  background-color: #00000028;
  width: 38px;
  height: 38px;
}
header.header a:hover > p.fontastic {
  background-color: #00000051;
}

h1 {
  text-align: center;
  margin-top: 3rem;
  font-size: 4.5rem;
}
@media (max-width: 768px) {
  h1 {
    text-align: center !important;
  }
}
@media (max-width: 360px) {
  h1 {
    font-size: 2.35rem;
  }
}
@media (min-width: 361px) and (max-width: 990px) {
  h1 {
    font-size: 2.65rem;
  }
}
@media (min-width: 991px) and (max-width: 1140px) {
  h1 {
    font-size: 3.25rem;
  }
}

h2 {
/*@include h2title {*/
  font-family: var(--font-bold);
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 1.3;
  color: var(--main-dark);
  letter-spacing: -1px;
  line-height: 1.1;
}

a {
  transition: all 220ms ease-in-out;
  text-decoration: none !important;
  font-family: var(--font-medium);
}
a.sections.link {
  margin: 1.5rem auto 1.5rem 0;
  font-size: 1.2rem;
  display: block;
}
a.sections.link.yellow {
  margin: 0 auto;
}
a.sections.link .ico {
  font-size: 0.9rem;
  margin-left: 0.3rem;
  transition: all 0.2s ease-in;
}
a.sections.link:hover .ico {
  margin-left: 0.6rem;
  transition: all 0.2s ease-in;
}

.container.double:not(#logostrip, .bluecontent, :first-of-type), .container.single {
  margin: 6rem auto;
  overflow: hidden;
}

.container.double:last-of-type {
  margin-top: 2rem !important;
}

.container.double:first-of-type {
  margin-top: 4rem;
}

p, span.paragraph, span.paragraph *:not(.bold), span.d-block {
  padding: 0;
  display: block;
  font-size: 1.1rem;
  font-weight: 400;
	line-height: 1.3;
	letter-spacing: 0;
  color:#62656b;
}
p.h1-subtitle, span.paragraph.h1-subtitle, span.paragraph *:not(.bold).h1-subtitle, span.d-block.h1-subtitle {
  font-family: var(--font-regular);
  color: var(--secondary-dark-text);
  font-size: 1.625rem;
  line-height: 1.3;
  text-align: center;
}
@media (max-width: 978px) {
  p.h1-subtitle, span.paragraph.h1-subtitle, span.paragraph *:not(.bold).h1-subtitle, span.d-block.h1-subtitle {
    font-size: 1.375rem;
  }
}
p.h1-subtitle.text-center, span.paragraph.h1-subtitle.text-center, span.paragraph *:not(.bold).h1-subtitle.text-center, span.d-block.h1-subtitle.text-center {
  text-align: center;
}
p.h1-subtitle.dark, span.paragraph.h1-subtitle.dark, span.paragraph *:not(.bold).h1-subtitle.dark, span.d-block.h1-subtitle.dark {
  color: var(--main-dark);
}
p.h1-subtitle.white, span.paragraph.h1-subtitle.white, span.paragraph *:not(.bold).h1-subtitle.white, span.d-block.h1-subtitle.white {
  color: var(--white);
}
@media (max-width: 978px) {
  p.h1-subtitle:not(.name), span.paragraph.h1-subtitle:not(.name), span.paragraph *:not(.bold).h1-subtitle:not(.name), span.d-block.h1-subtitle:not(.name) {
    text-align: center !important;
  }
}
p.subscript, span.paragraph.subscript, span.paragraph *:not(.bold).subscript, span.d-block.subscript {
  font-size: 0.8rem;
}
p span.dark, span.paragraph span.dark, span.paragraph *:not(.bold) span.dark, span.d-block span.dark {
  color: #0a2c3d !important;
}
p .font-medium, span.paragraph .font-medium, span.paragraph *:not(.bold) .font-medium, span.d-block .font-medium {
  font-family: var(--font-medium);
}
p .text-bold, p .bold, span.paragraph .text-bold, span.paragraph .bold, span.paragraph *:not(.bold) .text-bold, span.paragraph *:not(.bold) .bold, span.d-block .text-bold, span.d-block .bold {
  font-family: var(--font-bold);
}
p span.font-medium, span.paragraph span.font-medium, span.paragraph *:not(.bold) span.font-medium, span.d-block span.font-medium {
  font-family: var(--font-medium);
}
p span.text-bold, p span.bold, span.paragraph span.text-bold, span.paragraph span.bold, span.paragraph *:not(.bold) span.text-bold, span.paragraph *:not(.bold) span.bold, span.d-block span.text-bold, span.d-block span.bold {
  font-family: var(--font-bold);
}

@media (max-width: 978px) {
  .row .visual {
    min-width: unset;
    margin-left: 0.3rem;
    margin-right: 0.3rem;
  }
}

.hero .text .title {
  max-width: 750px;
  margin: 0 auto;
}

.full-templates {
  width: 100%;
  max-width: max-content;
  margin: 1rem auto 0 auto;
  position: relative;
  overflow-x: hidden;
}
.full-templates .show_link {
  opacity: 0;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  color: var(--primary-pink);
  z-index: 3;
  font-size: 1.8rem;
}
.full-templates .show_link .ico {
  font-size: 1.3rem;
}
.full-templates a.templates_img {
  border-radius: 8px;
}
.full-templates a.templates_img .templates_img_img {
  transform: scale(1);
  opacity: 1;
  transition: all 0.2s ease-in;
}
@media (max-width: 978px) {
  .full-templates a.templates_img .templates_img_img.is-visible.delay3 {
    transform: scale(1.01);
    opacity: 0.23;
    filter: blur(4px);
    -webkit-filter: blur(4px);
    transition: all 0.2s ease-in;
  }
}
.full-templates a.templates_img:hover .templates_img_img, .full-templates a.templates_img .show-on-scroll.is-visible .templates_img_img {
  transform: scale(1.01);
  opacity: 0.23;
  filter: blur(4px);
  -webkit-filter: blur(4px);
  transition: all 0.2s ease-in;
}
.full-templates a.templates_img:hover .show_link, .full-templates a.templates_img .show-on-scroll.is-visible .show_link {
  opacity: 1;
  transition: all 0.2s ease-in;
  margin-top: -10px;
}

@media (min-width: 978px) {
  .desktop-hide {
    display: none;
  }
}
@media (max-width: 978px) {
  .full-templates {
    display: none;
  }

  .desktop-hide {
    display: block;
  }

  .templates-mobile {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    display: block;
    display: grid;
  }
  .templates-mobile picture, .templates-mobile img {
    width: 100%;
    height: auto;
    margin: 0%;
    grid-column: 1/-1;
    grid-row: 1/-1;
    transition: transform 0.2s ease-in;
  }
}
.single.body .row.central {
  width: 100%;
  max-width: unset;
}
.single.body .row.central .visual {
  width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
}
@media (max-width: 978px) {
  .single.body .row.central .visual {
    overflow: hidden;
    min-width: unset;
  }
  .single.body .row.central .visual img {
    width: auto;
    height: 60vh;
  }
}
.single.body .row.central .visual a.imageTemplate {
  margin: 0;
  padding: 0;
  position: relative;
  bottom: 0;
  margin-bottom: -1rem;
  display: flex;
  align-content: end;
  flex-direction: column;
}
.single.body .row.central .text {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}
@media (max-width: 978px) {
  .single.body .row.central .text {
    margin: 0 auto;
    width: 93%;
  }
  .single.body .row.central .text, .single.body .row.central .text .p, .single.body .row.central .text.span .single.body .row.central .text.h2 {
    text-align: left;
  }
}
.single.body .row.central .text .heading_icon {
  padding: 0.5rem;
  border-radius: 4px;
  background: #2d73ff1e;
  max-width: max-content;
  margin: 0 auto;
  display: flex;
  align-content: center;
  justify-items: center;
}
.single.body .row.central .text .heading_icon i.ico {
  color: #2D74FF;
  font-size: 1.8rem;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.single.body .row.central .text.single {
  display: none;
}
.single.body .row.central .text.box {
  box-shadow: 0px 5px 14px rgba(29, 55, 107, 0.15);
  max-width: 900px;
  width: 100%;
  padding: 2rem;
  border-radius: 1rem;
  margin-bottom: -120px;
  z-index: 2;
  background: linear-gradient(180deg, #FFFFFF 60.26%, rgba(255, 255, 255, 0.87) 100%);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
@media (max-width: 978px) {
  .single.body .row.central .text.box {
    margin-bottom: -6%;
    padding: 1rem;
    width: 90%;
  }
}
.single.body .row.central .text.box + .visual {
  position: relative;
  z-index: 0;
}
.single.body .row.central .text.double {
  width: 100%;
  max-width: 1000px;
}
.single.body .row.central .text.double.box {
  max-width: 1000px;
  width: calc(100% - 8rem);
}
@media (max-width: 978px) {
  .single.body .row.central .text.double.box {
    padding: 0.3rem;
    width: calc(100% - 2rem);
  }
}
.single.body .row.central .text.double h2 {
  font-size: 2.3rem;
}

.row {
  max-width: 1200px;
  margin: 1.5rem auto;
  align-content: start;
  justify-content: space-between;
  grid-gap: 3rem;
  display: grid;
  position: relative;
}
@media (max-width: 978px) {
  .row {
    grid-gap: 1rem;
  }
}
.row.right {
  grid-template-areas: "text image" "testimonial image" ". image";
}
@media (max-width: 978px) {
  .row.right {
    grid-template-areas: "text text" "image image" "testimonial testimonial";
  }
}
.row.left {
  grid-template-areas: "image text" "image testimonial" "image .";
}
@media (max-width: 978px) {
  .row.left {
    grid-template-areas: "text text" "image image" "testimonial testimonial";
  }
}
.row .text {
  grid-area: text;
  text-align: left;
  max-width: 500px;
}
@media (max-width: 978px) {
  .row .text {
    max-width: 93%;
    margin: 0 auto;
  }
}
.row .section_testimonial {
  grid-area: testimonial;
  max-width: 500px;
  height: min-content;
}
.row .section_testimonial.central {
  margin: 1.5rem auto 0 auto;
}
@media (max-width: 978px) {
  .row .section_testimonial {
    max-width: 500px;
    width: 93%;
    margin: 0 auto;
  }
}
.row .visual {
  grid-area: image;
  display: grid;
  grid-template-areas: "layers";
  align-content: start;
  justify-content: center;
}
@media (min-width: 979px) {
  .row .visual {
    min-width: 560px;
  }
}
@media (max-width: 979px) {
  .row .visual {
    min-width: 85vw;
  }
}
.row .visual.video-wrapper {
  min-width: unset;
  margin: 0;
}
.row .visual.documents {
  min-height: 500px;
}
@media (max-width: 978px) {
  .row .visual.documents {
    min-width: 100% !important;
    margin: 0 auto;
  }
}
.row .visual .background {
  grid-area: layers;
  z-index: 0;
  width: 100%;
  height: auto;
}
.row .visual .middleground {
  grid-area: layers;
  z-index: 1;
  width: 100%;
  height: auto;
}
.row .visual .foreground {
  grid-area: layers;
  z-index: 2;
  width: 100%;
  height: auto;
}
.row .visual video.video, .row .visual video {
  grid-area: layers;
  z-index: 2;
  max-width: 1080px;
  width: 100%;
  height: auto;
  margin: 0;
  border-radius: 8px;
  box-shadow: 0px 5px 14px rgba(29, 55, 107, 0.15);
}
@media (max-width: 978px) {
  .row .visual video.video, .row .visual video {
    width: 100%;
    margin: 0;
    margin-bottom: 2rem;
  }
  .row .visual video.video.herovideo, .row .visual video.herovideo {
    margin: 1rem;
    width: calc(100% - 2rem);
  }
}
.row.central {
  max-width: 1200px;
  margin: 0 auto;
  grid-template-areas: "text text" "text text" "image image" "image image" "image image";
}
.row.central.testimonial {
  display: flex;
  flex-direction: column;
  margin: 6rem auto;
  width: 100%;
  gap: 1rem;
}
.row.central .text {
  grid-area: text;
  text-align: center;
  max-width: 900px;
  margin: 0 auto;
}
.row.central .text.double .doubleP span.paragraph {
  text-align: left;
}
@media (max-width: 978px) {
  .row.central .text {
    max-width: 93%;
    margin: 0 auto;
    text-align: left;
  }
}
.row.central .text .visual {
  grid-area: layer;
  display: grid;
  grid-template-areas: "layers";
  align-content: center;
  justify-content: center;
  min-width: 500px;
  max-width: unset !important;
  margin: 0 auto;
}
.row.central .text h1, .row.central .text h2, .row.central .text p, .row.central .text p.h1-subtitle {
  text-align: center;
}
@media (max-width: 978px) {
  .row.central .text h1, .row.central .text h2, .row.central .text p, .row.central .text p.h1-subtitle {
    text-align: left;
  }
}
.row.central .layered-text {
  grid-column: 1/-1;
  grid-row: 1/-1;
  width: 100%;
  display: block;
  max-width: 600px;
  text-align: center;
  margin: 6rem auto 0 auto;
}
.row.central .layered-text p.h2-subheading {
  text-align: center;
  margin-top: 4rem;
}
.row.central .layered-text h2 {
  max-width: 400px;
  margin: 3rem auto 1.5rem auto;
}
@media (max-width: 978px) {
  .row.central .layered-text {
    max-width: 93%;
    margin: 4.5rem auto 0 auto;
    padding-top: 0.5rem;
  }
}
.row.central .bg_visual {
  grid-column: 1/-1;
  grid-row: 1/-1;
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
}
@media (max-width: 978px) {
  .row.central .bg_visual {
    width: 100%;
    margin: 0;
    overflow: visible;
    position: relative;
    z-index: -1;
    margin-top: -2rem;
    padding-top: 3rem;
  }
  .row.central .bg_visual img {
    position: absolute;
    width: 1000px;
    height: auto;
    top: 0px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
    margin-top: -2rem;
    padding-top: 3rem;
  }
}
@media (min-width: 979px) and (max-width: 1119px) {
  .row.central .bg_visual {
    width: 100%;
    margin: 0;
    overflow: visible;
    position: relative;
    z-index: -1;
  }
  .row.central .bg_visual img {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
    margin-top: 0rem;
  }
}

.ts-bg {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), linear-gradient(360deg, #FEE2AD 0%, rgba(254, 226, 173, 0) 78.6%);
}

.row.right .visual, .row.left .visual {
  max-width: 650px;
}
@media (max-width: 978px) {
  .row.right .visual, .row.left .visual {
    max-width: 100%;
    margin: 0 auto;
  }
}
@media (max-width: 978px) {
  .row.right .text, .row.left .text {
    max-width: 500px;
    margin: 0 auto;
    width: 93%;
  }
}

@media (max-width: 978px) {
  .container.single {
    overflow: hidden;
  }
}

.row.central .h1-subtitle, .row.central .h1-subtitle span.d-block {
  text-align: center;
}

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

p.font-medium, span.font-medium, p span.font-medium {
  font-family: var(--font-medium);
}
p.text-bold, p .bold, span.text-bold, span .bold, p span.text-bold, p span .bold {
  font-family: var(--font-bold);
  display: inline;
}

.row .section_testimonial, .row .text .section_testimonial {
  display: block;
  background-color: #EDFBF8;
  padding: 1.2rem 1.2rem 1.2rem 2.5rem;
  border-radius: 8px;
}
.row .section_testimonial_body, .row .text .section_testimonial_body {
  width: 100%;
  display: block;
  margin: 0.5rem 0;
  margin-bottom: 0 !important;
  font-size: 1rem;
  font-family: var(--font-regular);
}
.row .section_testimonial p, .row .text .section_testimonial p {
  margin: 0 auto !important;
  color: #16282C !important;
  width: 100%;
  max-width: 600px;
}

.row .text .section_testimonial, .row.central.tom_img .layered-text {
  margin: 1.5rem auto 0 auto;
}

.d-block {
  display: block;
}

.d-none {
  display: none;
}

.d-flex {
  display: flex;
}

.flex-no-wrap {
  flex-wrap: nowrap;
}

.flex-wrap {
  flex-wrap: wrap;
}

.justify-center {
  justify-content: center;
}

.bluebg {
  color: var(--white);
  background: var(--main-dark);
  padding-top: 4rem;
  padding-bottom: 4rem;
}
@media (max-width: 978px) {
  .bluebg {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.bluebg .bluecontent {
  max-width: 1200px;
  margin: 0 auto;
}
.bluebg .white, .bluebg p {
  color: var(--white);
}
.bluebg.solid_bg {
  background: #0A2C3D;
}
.bluebg p.white {
  font-size: 1.125rem;
  line-height: 1.4;
  margin-bottom: 2.4rem;
}
.bluebg .btn.btn-pink {
  width: 100%;
  max-width: 320px;
}
.bluebg .btn.btn-pink i.ico {
  margin-left: 0rem;
  transition: all 0.2s ease-in;
}
.bluebg .btn.btn-pink:hover i.ico {
  margin-left: 0.3rem;
  transition: all 0.2s ease-in;
}
.bluebg .free-disclaimer p.white {
  margin-bottom: 0;
}

@media (max-width: 978px) {
  .d-flex.flex-wrap.sub-button-wrapper {
    justify-content: center;
  }
}

.hero {
  width: 100%;
  max-width: 1200px;
  margin: 5rem auto 2rem auto;
  text-align: center;
  --fullwidth-color: #B3CDFF;
  margin-top: -7rem;
  padding-top: 7rem;
  padding-bottom: 4rem;
}
.hero .h1-subheading {
  text-align: center;
}
@media (max-width: 978px) {
  .hero .h1-subheading {
    justify-content: center;
    text-align: center;
  }
}
.hero.full-bleed {
  box-shadow: 0 0 0 100vmax var(--fullwidth-color);
  clip-path: inset(0 -100vmax);
  background-color: var(--fullwidth-color);
}
.hero .hero-bg {
  position: fixed;
  top: 5rem;
  left: 0;
  right: 0;
  width: 100%;
  height: auto;
  display: block;
  z-index: 0;
  margin: 0 auto;
  opacity: 0.6;
  -webkit-filter: blur(2px);
  filter: blur(2px);
}
.hero .text {
  z-index: 3;
  position: relative;
}

p.h2-subheading, span.h2-subheading, a.h2-subheading, i.h2-subheading {
  display: block;
  margin: 1.5rem auto;
  font-family: var(--font-medium);
  letter-spacing: 0.3px;
  font-size: 1rem;
  text-align: left;
  display: block;
  width: 100%;
  opacity: 1;
  text-transform: none;
}
p.infoblue, span.infoblue, a.infoblue, i.infoblue {
  color: var(--info-blue);
}
p.infoblue:hover:not(.h2-subheading), span.infoblue:hover:not(.h2-subheading), a.infoblue:hover:not(.h2-subheading), i.infoblue:hover:not(.h2-subheading) {
  color: var(--info-blue-hover);
}
p.crimson, span.crimson, a.crimson, i.crimson {
  color: #D34865;
}
p.crimson:hover:not(.h2-subheading), span.crimson:hover:not(.h2-subheading), a.crimson:hover:not(.h2-subheading), i.crimson:hover:not(.h2-subheading) {
  color: var(--primary-pink-hover);
}
p.crimson:hover:not(.h2-subheading) i.ico, span.crimson:hover:not(.h2-subheading) i.ico, a.crimson:hover:not(.h2-subheading) i.ico, i.crimson:hover:not(.h2-subheading) i.ico {
  color: var(--primary-pink-hover);
}
p.green, span.green, a.green, i.green {
  color: var(--green);
}
p.green:hover:not(.h2-subheading), span.green:hover:not(.h2-subheading), a.green:hover:not(.h2-subheading), i.green:hover:not(.h2-subheading) {
  color: #43a5a2cd;
}
p.green:hover:not(.h2-subheading) i.ico, span.green:hover:not(.h2-subheading) i.ico, a.green:hover:not(.h2-subheading) i.ico, i.green:hover:not(.h2-subheading) i.ico {
  color: #43a5a2cd;
}
p.purple, span.purple, a.purple, i.purple {
  color: var(--purple);
}
p.purple:hover:not(.h2-subheading), span.purple:hover:not(.h2-subheading), a.purple:hover:not(.h2-subheading), i.purple:hover:not(.h2-subheading) {
  color: var(--purple);
  opacity: 0.8;
}
p.purple:hover:not(.h2-subheading) i.ico, span.purple:hover:not(.h2-subheading) i.ico, a.purple:hover:not(.h2-subheading) i.ico, i.purple:hover:not(.h2-subheading) i.ico {
  color: var(--purple);
}
p.pink, span.pink, a.pink, i.pink {
  color: var(--primary-pink);
}
p.pink:hover:not(.h2-subheading), span.pink:hover:not(.h2-subheading), a.pink:hover:not(.h2-subheading), i.pink:hover:not(.h2-subheading) {
  color: var(--primary-pink-hover);
}
p.pink:hover:not(.h2-subheading) i.ico, span.pink:hover:not(.h2-subheading) i.ico, a.pink:hover:not(.h2-subheading) i.ico, i.pink:hover:not(.h2-subheading) i.ico {
  color: var(--primary-pink-hover);
}
p.orange, span.orange, a.orange, i.orange {
  color: #FF4F00;
}
p.orange:hover:not(.h2-subheading), span.orange:hover:not(.h2-subheading), a.orange:hover:not(.h2-subheading), i.orange:hover:not(.h2-subheading) {
  color: #ff5100c6;
}
p.orange:hover:not(.h2-subheading) i.ico, span.orange:hover:not(.h2-subheading) i.ico, a.orange:hover:not(.h2-subheading) i.ico, i.orange:hover:not(.h2-subheading) i.ico {
  color: #ff5100c6;
}
p.yellow, span.yellow, a.yellow, i.yellow {
  color: #fbc230;
}
p.yellow:hover:not(.h2-subheading), span.yellow:hover:not(.h2-subheading), a.yellow:hover:not(.h2-subheading), i.yellow:hover:not(.h2-subheading) {
  color: var(--yellow);
}
p.yellow:hover:not(.h2-subheading) i.ico, span.yellow:hover:not(.h2-subheading) i.ico, a.yellow:hover:not(.h2-subheading) i.ico, i.yellow:hover:not(.h2-subheading) i.ico {
  color: var(--yellow);
}

.purple-graphic .row .visual {
  grid-template-columns: 100%;
}

.section_testimonial {
  position: relative;
}

.tip_icon {
  position: absolute;
  display: block;
  top: 0px;
  left: 0px;
  width: 28px;
  height: 28px;
}

:root {
  --very-light-grey: #F4F5F8;
}

.live-chat .row {
  justify-content: space-around;
}
@media (max-width: 978px) {
  .live-chat .row .visual {
    grid-area: image;
    display: grid;
    grid-template-areas: "layers";
    align-content: center;
    justify-content: center;
  }
  .live-chat .row .text {
    width: 93%;
    margin: -1rem auto 3rem;
  }
}

.live-chat.pink .dotparent {
  background-color: var(--info-blue);
}
.live-chat.pink .chatSarah {
  background-color: var(--info-blue);
}
.live-chat.pink .chathead {
  background-color: var(--info-blue);
}
.live-chat.pink .lightbluebg {
  background: #DDDFE4;
}
@media (max-width: 978px) {
  .live-chat.pink .lightbluebg {
    margin-bottom: 4rem;
    margin-top: -1rem;
  }
}
.live-chat .text {
  max-width: 500px;
}

.dotparent {
  height: 48px;
  width: 80px;
  border-width: 5px;
  border-radius: 8px 8px 8px 8px;
  margin: 20px 3rem 20px 52.1%;
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dotparent span:nth-child(2) {
  animation-delay: 40ms;
}
.dotparent span:nth-child(3) {
  animation-delay: 150ms;
}
.dotparent::after {
  background: url("/img/industries/sales/sarah.png"), no-repeat;
  transform: translateX(5rem);
  content: " ";
  position: absolute;
  display: block;
  background-size: 70%;
  background-position: center;
  background-repeat: no-repeat;
  width: 4.5rem;
  min-height: 3.5rem;
}

.dotparent span.chatdot {
  height: 8px;
  width: 8px;
  padding: 1px;
  margin: 3px;
  background-color: var(--white);
  border-radius: 50%;
  animation-name: zoom;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

@keyframes zoom {
  0% {
    transform: scale(1);
    background-color: var(--very-light-grey);
  }
  25% {
    transform: scale(0.6);
    background-color: var(--very-light-grey);
  }
  50% {
    transform: scale(1.1);
    background-color: #ffffff5d;
  }
  100% {
    transform: scale(1);
    background-color: var(--very-light-grey);
  }
}
.lightbluebg {
  margin: auto;
  border-radius: 8px;
  margin-bottom: 2rem;
  padding: 0 1rem;
}

.bluechat {
  margin: 1.5rem auto 4rem auto !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 400px;
  max-width: 100%;
  box-shadow: 0px 3px 24px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  background: #FFFFFF;
}
@media (max-width: 978px) {
  .bluechat {
    width: 100%;
  }
}

.bluechat .chatbubble {
  padding: 1rem 1rem 0 1rem;
  font-size: 1rem;
  text-align: left;
}
.bluechat .chatbubble.chatSarah {
  border-radius: 8px 8px 0px 8px;
  margin-bottom: 25px;
  margin-right: 1rem;
  margin-left: 2rem;
}
.bluechat .chatbubble.chatSarah p {
  color: var(--white);
  opacity: 1;
}
.bluechat .chatbubble.chatSarah::after {
  background: url("/img/industries/sales/sarah.png"), no-repeat;
  margin-right: -3.5rem;
  right: 0;
  bottom: 0;
}
.bluechat .chatbubble.chatKarla {
  background-color: var(--very-light-grey);
  border-radius: 8px 8px 8px 0px;
  margin-left: 3.5rem;
  left: 0;
  max-width: 65%;
}
.bluechat .chatbubble.chatKarla p {
  color: #666666;
  opacity: 1;
}
.bluechat .chatbubble.chatKarla::after {
  background: url("/img/tour/2021/chat-john.png"), no-repeat;
  margin-left: -4rem;
  left: 0;
  bottom: 0;
}
.bluechat .chatbubble.chatSarah::after, .bluechat .chatbubble.chatKarla::after {
  content: " ";
  position: absolute;
  display: block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 3rem;
  min-height: 3.5rem;
}
.bluechat .chatbubble p.chatcopy {
  font-family: var(--font-regular);
  font-size: 1rem;
  opacity: 1;
  margin-top: 0;
  margin-bottom: 1rem;
}

.chatinfo {
  height: 4rem;
  width: 100px;
  margin-top: 1rem;
  margin-left: 10px;
  text-align: left;
}

.chathead .ico-chevron {
  color: #fff;
  transform: rotate(180deg);
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 1.8rem;
  margin-left: 1rem;
  font-size: 0.9rem;
}

.bluechat .chathead {
  border-radius: 8px 8px 0 0;
  height: 5rem;
  width: 100%;
  margin-bottom: 3rem;
  display: flex;
}
.bluechat .chathead .chatarrow img {
  position: absolute;
  margin-top: 2rem;
  margin-left: -270px;
}
.bluechat .chathead .karlachat img {
  margin: 15px 5px 10px 35px;
}
.bluechat .chathead span {
  color: var(--white);
}
.bluechat .chathead span.chatname {
  font-family: var(--font-medium);
  font-size: 1.3rem;
  margin: 0;
}
.bluechat .chathead span.chatstatus {
  font-family: var(--font-light);
  margin-top: -5px;
  font-size: 0.9rem;
  display: block;
}

.chatbutton {
  position: absolute;
  bottom: -6.5rem;
  height: 5rem;
  width: 5rem;
  right: 0;
}

.textinput img {
  max-width: 100%;
  height: auto;
  margin-top: 1rem;
}

.emoji {
  height: 1.5rem;
  width: auto;
  margin-bottom: -0.5rem;
}

@media (max-width: 834px) {
  .bluechat .chatbubble.chatSarah {
    border-radius: 8px 8px 0px 8px;
    margin-bottom: 25px;
    margin-right: 1rem;
    margin-left: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .chathead .karlachat img {
    margin: 15px -30px 10px 20px;
  }
}
@media screen and (max-width: 768px) {
  .bluechat {
    max-width: 320px;
  }

  .chathead .karlachat img {
    margin: 15px -30px 10px -250px;
  }

  .chatinfo {
    margin-left: 85px;
  }

  .chatbutton {
    bottom: -6rem;
    height: 4rem;
    width: 4rem;
  }
}
@media (max-width: 360px) {
  .chathead .karlachat img {
    margin: 15px 0px 10px 20px;
  }

  .chathead .chatarrow img {
    margin-left: -240px;
  }

  .bluechat .chatbubble.chatSarah {
    border-radius: 8px 8px 0px 8px;
    margin-bottom: 25px;
    margin-right: 3.5rem;
    margin-left: 1rem;
  }
  .bluechat .chatbubble.chatKarla {
    margin-right: 1rem;
  }
  .bluechat .chatbubble.chatSarah::after, .bluechat .chatbubble.chatKarla::after {
    content: " ";
    position: absolute;
    display: block;
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;
    width: 3rem;
    min-height: 3rem;
  }
  .bluechat .chatbubble.chatSarah::after {
    margin-right: -3.2rem;
    right: 0;
    bottom: 0;
  }
  .bluechat .chatbubble.chatKarla::after {
    margin-left: -3.3rem;
  }

  .dotparent::after {
    width: 3rem;
    min-height: 3rem;
    margin-left: -0.8rem;
  }
}
.pink .bluechat .chatbubble.chatKarla::after {
  background: url("/img/tour/2021/chat-john.png");
  background-repeat: no-repeat;
  background-size: contain;
}

.rep_list li {
  text-indent: 6px;
}
.rep_list li::before {
  content: "— ";
  text-indent: -6px;
}

.confetti-section .visual {
  position: relative;
}

.paperbg {
  background: linear-gradient(180deg, rgba(67, 203, 109, 0) 0%, rgba(45, 116, 255, 0.088) 100%);
  border-radius: 8px;
  max-height: 400px;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(6, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}
.paperbg .div1 {
  grid-area: 3/2/5/3;
}
.paperbg .div2 {
  grid-area: 1/3/3/4;
}
.paperbg .div3 {
  grid-area: 2/4/4/5;
}
.paperbg .div4 {
  grid-area: 6/2/7/5;
  margin-left: -1rem;
}
.paperbg > * {
  text-align: center;
}
@media (max-width: 768px) {
  .paperbg {
    max-width: 90%;
    max-height: 320px;
    padding: 0;
    margin-top: 5rem;
    margin-left: auto;
    margin-right: auto;
  }
  .paperbg .div1, .paperbg .div2, .paperbg .div3 {
    transform: scale(0.8);
  }
  .paperbg .div4 {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
  }
  .paperbg .div4 svg {
    width: 100%;
    margin: 0;
  }
}
@media (max-width: 368px) {
  .paperbg {
    width: calc(100% - 2rem);
    max-height: 320px;
    padding: 1rem;
    margin-top: 5rem;
  }
  .paperbg .div1, .paperbg .div2, .paperbg .div3 {
    transform: scale(0.6);
  }
  .paperbg .div4 {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
  }
  .paperbg .div4 svg {
    width: 100%;
    margin: 0;
  }
}

@media (max-width: 768px) {
  .header-blue-light-bg .paperbg, .header-pink-light-bg .paperbg {
    max-width: 90%;
    min-height: 250px;
    padding: 0;
  }
}

.hide {
  display: none;
}

#confettiburst {
  height: 650px;
  width: 100%;
  position: absolute;
  pointer-events: none;
  right: 0;
  left: 0px;
  top: -200px;
  opacity: 0.6;
  overflow: hidden;
}

/*////////////////END CONFETTI ANIMATION////////////////*/
.footer-bg {
  background-color: var(--main-dark);
  border-top: 1px solid #526773;
}
.footer-bg .columnfoot .footer-title, .footer-bg .footer-link a {
  color: var(--very-light-grey);
}
.footer-bg .footer-link a:hover {
  color: var(--lightblue);
}
.footer-bg .columnfoot .brand {
  filter: invert(1);
  -webkit-filter: invert(1);
}

.footer-link a.no-ul.btn.btn-pink-outline {
  background: transparent;
  width: 100%;
  color: white !important;
  border: 1px solid white !important;
}
.footer-link a.no-ul.btn.btn-pink-outline:hover {
  background-color: var(--primary-pink) !important;
  color: white;
  border: 1px solid var(--primary-pink) !important;
}