@font-face {
  font-family: "MavenPro-Black";
  src: url("/assets/font/MavenPro-Black.ttf") format("truetype");
}
@font-face {
  font-family: "MavenPro-Bold";
  src: url("/assets/font/MavenPro-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "MavenPro-ExtraBold";
  src: url("/assets/font/MavenPro-ExtraBold.ttf") format("truetype");
}
@font-face {
  font-family: "MavenPro-Medium";
  src: url("/assets/font/MavenPro-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "MavenPro-Regular";
  src: url("/assets/font/MavenPro-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "MavenPro-SemiBold";
  src: url("/assets/font/MavenPro-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "MartelSans-Black";
  src: url("/assets/font/MartelSans-Black.ttf") format("truetype");
}
@font-face {
  font-family: "MartelSans-Bold";
  src: url("/assets/font/MartelSans-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "MartelSans-ExtraBold";
  src: url("/assets/font/MartelSans-ExtraBold.ttf") format("truetype");
}
@font-face {
  font-family: "MartelSans-ExtraLight";
  src: url("/assets/font/MartelSans-ExtraLight.ttf") format("truetype");
}
@font-face {
  font-family: "MartelSans-Light";
  src: url("/assets/font/MartelSans-Light.ttf") format("truetype");
}
@font-face {
  font-family: "MartelSans-Regular";
  src: url("/assets/font/MartelSans-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "MartelSans-SemiBold";
  src: url("/assets/font/MartelSans-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "NunitoSans-ExtraBold";
  src: url("/assets/font/NunitoSans-ExtraBold.ttf") format("truetype");
}
@font-face {
  font-family: "NunitoSans-SemiBold";
  src: url("/assets/font/NunitoSans-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "NunitoSans-Regular";
  src: url("/assets/font/NunitoSans-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "NunitoSans-Light";
  src: url("/assets/font/NunitoSans-Light.ttf") format("truetype");
}
body {
  font-size: 1rem;
  line-height: 2;
  margin: 0px !important;
  padding: 0;
  display: block;
  font-family: "NunitoSans-Regular";
  color: #0A1C13;
  box-sizing: border-box;
}

.spacing-y-lg {
  padding: 7rem 0;
}

.spacing-t-lg {
  padding-top: 7rem;
}

.spacing-b-lg {
  padding-bottom: 7rem;
}

.spacing-y-md {
  padding: 5rem 0;
}

.spacing-t-md {
  padding-top: 5rem;
}

.spacing-b-md {
  padding-bottom: 5rem;
}

.spacing-y-sm {
  padding: 3rem 0;
}

.spacing-t-sm {
  padding-top: 3rem;
}

.spacing-b-sm {
  padding-bottom: 3rem;
}

a.btn,
button,
input[type=submit] {
  border-radius: 0;
  padding: 1.2rem 2rem;
  text-transform: uppercase;
  font-size: 1rem;
  font-family: "MartelSans-Black";
  padding-top: 1.5rem;
  margin: 1rem 0;
}
a.btn:focus,
button:focus,
input[type=submit]:focus {
  outline: 0;
  box-shadow: none;
}
a.btn.btn-outline-primary,
button.btn-outline-primary,
input[type=submit].btn-outline-primary {
  color: #f9a825;
  background-color: inherit;
  border: 2px solid #f9a825;
}
a.btn.btn-outline-primary:hover,
button.btn-outline-primary:hover,
input[type=submit].btn-outline-primary:hover {
  color: #0A1C13;
  background-color: #f9a825;
  border: 2px solid #f9a825;
}
a.btn.cta, a.btn.btn-save,
button.cta,
button.btn-save,
input[type=submit].cta,
input[type=submit].btn-save {
  color: #0A1C13;
  background-color: #f9a825;
  border: 2px solid #f9a825;
}
a.btn.cta:hover, a.btn.btn-save:hover,
button.cta:hover,
button.btn-save:hover,
input[type=submit].cta:hover,
input[type=submit].btn-save:hover {
  color: #f9a825;
  background-color: inherit;
  border: 2px solid #f9a825;
}
a.btn.cta.cta-inverted, a.btn.cta.btn-save-inverted, a.btn.btn-save.cta-inverted, a.btn.btn-save.btn-save-inverted,
button.cta.cta-inverted,
button.cta.btn-save-inverted,
button.btn-save.cta-inverted,
button.btn-save.btn-save-inverted,
input[type=submit].cta.cta-inverted,
input[type=submit].cta.btn-save-inverted,
input[type=submit].btn-save.cta-inverted,
input[type=submit].btn-save.btn-save-inverted {
  color: #f9a825;
  background-color: inherit;
  border: 2px solid #f9a825;
}
a.btn.cta.cta-inverted:hover, a.btn.cta.btn-save-inverted:hover, a.btn.btn-save.cta-inverted:hover, a.btn.btn-save.btn-save-inverted:hover,
button.cta.cta-inverted:hover,
button.cta.btn-save-inverted:hover,
button.btn-save.cta-inverted:hover,
button.btn-save.btn-save-inverted:hover,
input[type=submit].cta.cta-inverted:hover,
input[type=submit].cta.btn-save-inverted:hover,
input[type=submit].btn-save.cta-inverted:hover,
input[type=submit].btn-save.btn-save-inverted:hover {
  color: #0A1C13;
  background-color: #f9a825;
  border: 2px solid #f9a825;
}
a.btn.cta.cta-white, a.btn.btn-save.cta-white,
button.cta.cta-white,
button.btn-save.cta-white,
input[type=submit].cta.cta-white,
input[type=submit].btn-save.cta-white {
  color: #ffffff;
  background-color: transparent;
  border: 2px solid #ffffff;
}
a.btn.cta.cta-white:hover, a.btn.btn-save.cta-white:hover,
button.cta.cta-white:hover,
button.btn-save.cta-white:hover,
input[type=submit].cta.cta-white:hover,
input[type=submit].btn-save.cta-white:hover {
  color: #0A1C13;
  background-color: #ffffff;
  border: 2px solid #ffffff;
}
a.btn.product, a.btn.read-more,
button.product,
button.read-more,
input[type=submit].product,
input[type=submit].read-more {
  color: #D4E8DB;
  background-color: #54665C;
  border: 2px solid #54665C;
}
a.btn.product:hover, a.btn.read-more:hover,
button.product:hover,
button.read-more:hover,
input[type=submit].product:hover,
input[type=submit].read-more:hover {
  color: #54665C;
  background-color: inherit;
  border: 2px solid #54665C;
}
a.btn.product.product-inverted, a.btn.product.read-more-inverted, a.btn.read-more.product-inverted, a.btn.read-more.read-more-inverted,
button.product.product-inverted,
button.product.read-more-inverted,
button.read-more.product-inverted,
button.read-more.read-more-inverted,
input[type=submit].product.product-inverted,
input[type=submit].product.read-more-inverted,
input[type=submit].read-more.product-inverted,
input[type=submit].read-more.read-more-inverted {
  color: #54665C;
  background-color: inherit;
  border: 2px solid #54665C;
}
a.btn.product.product-inverted:hover, a.btn.product.read-more-inverted:hover, a.btn.read-more.product-inverted:hover, a.btn.read-more.read-more-inverted:hover,
button.product.product-inverted:hover,
button.product.read-more-inverted:hover,
button.read-more.product-inverted:hover,
button.read-more.read-more-inverted:hover,
input[type=submit].product.product-inverted:hover,
input[type=submit].product.read-more-inverted:hover,
input[type=submit].read-more.product-inverted:hover,
input[type=submit].read-more.read-more-inverted:hover {
  color: #D4E8DB;
  background-color: #54665C;
  border: 2px solid #54665C;
}
a.btn.product.product-white, a.btn.product.read-more-white, a.btn.read-more.product-white, a.btn.read-more.read-more-white,
button.product.product-white,
button.product.read-more-white,
button.read-more.product-white,
button.read-more.read-more-white,
input[type=submit].product.product-white,
input[type=submit].product.read-more-white,
input[type=submit].read-more.product-white,
input[type=submit].read-more.read-more-white {
  color: #ffffff;
  background-color: transparent;
  border: 2px solid #ffffff;
}
a.btn.product.product-white:hover, a.btn.product.read-more-white:hover, a.btn.read-more.product-white:hover, a.btn.read-more.read-more-white:hover,
button.product.product-white:hover,
button.product.read-more-white:hover,
button.read-more.product-white:hover,
button.read-more.read-more-white:hover,
input[type=submit].product.product-white:hover,
input[type=submit].product.read-more-white:hover,
input[type=submit].read-more.product-white:hover,
input[type=submit].read-more.read-more-white:hover {
  color: #0A1C13;
  background-color: #ffffff;
  border: 2px solid #ffffff;
}

.btn-save, .btn-full-width {
  width: 100%;
}

.badge {
  border-radius: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "MartelSans-Bold";
  padding-bottom: 2rem;
  letter-spacing: 1.5px;
}
h1.dark-green,
h2.dark-green,
h3.dark-green,
h4.dark-green,
h5.dark-green,
h6.dark-green {
  color: #0A1C13;
}
h1.light-green,
h2.light-green,
h3.light-green,
h4.light-green,
h5.light-green,
h6.light-green {
  color: #143524;
}
h1.orange,
h2.orange,
h3.orange,
h4.orange,
h5.orange,
h6.orange {
  color: #f9a825;
}
h1.green-grey-tone-darkest,
h2.green-grey-tone-darkest,
h3.green-grey-tone-darkest,
h4.green-grey-tone-darkest,
h5.green-grey-tone-darkest,
h6.green-grey-tone-darkest {
  color: #54665C;
}
h1.green-grey-tone-darker,
h2.green-grey-tone-darker,
h3.green-grey-tone-darker,
h4.green-grey-tone-darker,
h5.green-grey-tone-darker,
h6.green-grey-tone-darker {
  color: #748C7E;
}
h1.green-grey-tone,
h2.green-grey-tone,
h3.green-grey-tone,
h4.green-grey-tone,
h5.green-grey-tone,
h6.green-grey-tone {
  color: #94AF9F;
}
h1.green-grey-tone-lighter,
h2.green-grey-tone-lighter,
h3.green-grey-tone-lighter,
h4.green-grey-tone-lighter,
h5.green-grey-tone-lighter,
h6.green-grey-tone-lighter {
  color: #AECCBA;
}
h1.green-grey-tone-lightest,
h2.green-grey-tone-lightest,
h3.green-grey-tone-lightest,
h4.green-grey-tone-lightest,
h5.green-grey-tone-lightest,
h6.green-grey-tone-lightest {
  color: #D4E8DB;
}

h1 {
  font-size: 3.25rem;
  text-transform: uppercase;
}
h1.as-h3-size {
  font-size: 2.25rem;
  text-transform: uppercase;
}

h2 {
  font-size: 2.75rem;
  text-transform: uppercase;
}

h3 {
  font-size: 2.25rem;
  text-transform: uppercase;
}

p.cta-heading, h1.cta-heading, h2.cta-heading, h3.cta-heading, h4.cta-heading, h5.cta-heading, h6.cta-heading, a.cta-heading {
  font-size: 2.5rem;
  font-family: "MartelSans-Black";
  margin-bottom: 0;
}
p.cta-heading-landing, h1.cta-heading-landing, h2.cta-heading-landing, h3.cta-heading-landing, h4.cta-heading-landing, h5.cta-heading-landing, h6.cta-heading-landing, a.cta-heading-landing {
  font-size: 2rem;
  font-family: "MartelSans-Black";
  margin-bottom: 0;
}
p.cta-sub-heading, p.text-larger, h1.cta-sub-heading, h1.text-larger, h2.cta-sub-heading, h2.text-larger, h3.cta-sub-heading, h3.text-larger, h4.cta-sub-heading, h4.text-larger, h5.cta-sub-heading, h5.text-larger, h6.cta-sub-heading, h6.text-larger, a.cta-sub-heading, a.text-larger {
  font-size: 1.25rem;
  font-family: "MartelSans-Regular";
  line-height: normal;
  letter-spacing: 0px;
}
p.dark-green, h1.dark-green, h2.dark-green, h3.dark-green, h4.dark-green, h5.dark-green, h6.dark-green, a.dark-green {
  color: #0A1C13;
}
p.light-green, h1.light-green, h2.light-green, h3.light-green, h4.light-green, h5.light-green, h6.light-green, a.light-green {
  color: #143524;
}
p.orange, h1.orange, h2.orange, h3.orange, h4.orange, h5.orange, h6.orange, a.orange {
  color: #f9a825;
}
p.green-grey-tone-darkest, h1.green-grey-tone-darkest, h2.green-grey-tone-darkest, h3.green-grey-tone-darkest, h4.green-grey-tone-darkest, h5.green-grey-tone-darkest, h6.green-grey-tone-darkest, a.green-grey-tone-darkest {
  color: #54665C;
}
p.green-grey-tone-darker, h1.green-grey-tone-darker, h2.green-grey-tone-darker, h3.green-grey-tone-darker, h4.green-grey-tone-darker, h5.green-grey-tone-darker, h6.green-grey-tone-darker, a.green-grey-tone-darker {
  color: #748C7E;
}
p.green-grey-tone, h1.green-grey-tone, h2.green-grey-tone, h3.green-grey-tone, h4.green-grey-tone, h5.green-grey-tone, h6.green-grey-tone, a.green-grey-tone {
  color: #94AF9F;
}
p.green-grey-tone-lighter, h1.green-grey-tone-lighter, h2.green-grey-tone-lighter, h3.green-grey-tone-lighter, h4.green-grey-tone-lighter, h5.green-grey-tone-lighter, h6.green-grey-tone-lighter, a.green-grey-tone-lighter {
  color: #AECCBA;
}
p.green-grey-tone-lightest, h1.green-grey-tone-lightest, h2.green-grey-tone-lightest, h3.green-grey-tone-lightest, h4.green-grey-tone-lightest, h5.green-grey-tone-lightest, h6.green-grey-tone-lightest, a.green-grey-tone-lightest {
  color: #D4E8DB;
}
p.white, h1.white, h2.white, h3.white, h4.white, h5.white, h6.white, a.white {
  color: #ffffff;
}

a {
  text-decoration: none;
  color: #f9a825;
}
a:hover {
  color: #748C7E;
}
a.link-footer {
  color: #ffffff;
}
a.link-footer:hover {
  color: #D4E8DB;
}

p > a.link {
  text-decoration: none;
  color: inherit;
}
p > a.link:hover {
  color: #748C7E;
}
p > a.link:active {
  color: #748C7E;
}

span.description {
  font-size: 1rem;
  font-family: "MartelSans-Regular";
  line-height: 2;
}

p.heading-subscribe-newsletter {
  font-family: "MartelSans-Black";
  font-size: 2rem;
  color: #ffffff;
  line-height: 1.5;
  margin-bottom: 1.75rem;
  text-align: right;
}
p.text-subscribe-newsletter {
  font-family: "MartelSans-Regular";
  font-size: 1.15rem;
  color: #ffffff;
  line-height: 1.5;
  text-align: right;
}

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

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

.about-us-introduction {
  font-size: 1.5rem;
}

.bold {
  font-weight: bold;
}

ul.navbar-nav > li {
  list-style: none;
}
ul > li {
  list-style-type: circle;
}
ul.custom-plus > li {
  padding-left: 1rem;
}
ul.custom-plus > li::marker {
  content: "+";
  /* FontAwesome Unicode */
  font-family: FontAwesome;
  font-size: 0.95rem;
}
ul.custom-check > li {
  padding-left: 1rem;
}
ul.custom-check > li::marker {
  content: "\f00c";
  /* FontAwesome Unicode */
  font-family: FontAwesome;
  font-size: 0.95rem;
}

form {
  color: #748C7E;
}

.form-control {
  border-radius: 0;
  border: none;
}
.form-control:focus {
  color: #0A1C13;
  background-color: #ffffff;
  border-color: #AECCBA;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(10, 28, 19, 0.1);
}

.form-floating > .form-control-plaintext:-webkit-autofill,
.form-floating > .form-control:-webkit-autofill,
input[type=text] {
  -webkit-background-clip: text !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #ffffff !important;
  -webkit-box-shadow: 0 0 0 30px transparent inset !important;
}

.form-check {
  margin-top: 2.5rem !important;
  margin-bottom: 1rem !important;
}
.form-check.privacy_agreement-group {
  color: #ffffff;
}

.form-floating {
  margin-bottom: 1rem !important;
}
.form-floating > .form-control {
  padding: 2rem 0rem;
  height: calc(4rem + 3px);
  line-height: 1.25;
  color: #ffffff !important;
  background-color: transparent;
  border-bottom: 2px solid #ffffff;
}
.form-floating > .form-control:focus {
  border-color: transparent;
  outline: 0;
  box-shadow: none;
  border-bottom: 2px solid #D4E8DB;
}
.form-floating > .form-select {
  height: calc(4rem + 0px);
  line-height: 1.25;
}
.form-floating > label {
  color: #ffffff;
  font-family: "NunitoSans-SemiBold";
  padding: 1rem 0rem;
}
.form-floating.message-group textarea {
  min-height: 100px;
  max-height: 500px;
}
.form-floating.submit-button-group {
  margin-bottom: 0 !important;
}

label > a {
  color: inherit;
}
label > a:hover {
  color: #94AF9F;
  text-decoration: underline;
}

.form-check-input[type=checkbox] {
  border-radius: 0;
}

.form-check-input {
  --bs-form-check-bg: var(--bs-form-control-bg);
  width: 1em;
  height: 1em;
  margin-top: 0.45em;
  background-color: transparent;
  border: 2px solid #ffffff;
}
.form-check-input:checked {
  background-color: #f9a825;
  border-color: #f9a825;
}
.form-check-input:focus {
  border-color: #f9a825;
  outline: 0;
  box-shadow: none;
}

.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
  color: #D4E8DB;
  transform: scale(0.85) translateY(-0.8rem) translateX(-0.1rem);
  font-family: "NunitoSans-Regular";
}

:focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}

.invalid-feedback {
  display: block;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  background-color: darkred;
  color: #ffffff;
  padding: 0.5rem 0.5rem;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.card {
  border-radius: 0;
  border: none;
}

.card-img, .card-img-top {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.card-title {
  margin-bottom: 0;
  padding-bottom: 1rem;
  line-height: 1.75;
}

.card-btn {
  width: 100%;
}

.card-footer {
  background-color: rgba(255, 255, 255, 0);
  border-top: none;
}

.card-img-overlay {
  padding: 1rem;
  background-color: rgba(0, 0, 0, 0.65);
  border-radius: 0;
}

.card-solution {
  min-height: 640px;
  width: auto;
  background-repeat: no-repeat;
  background-size: cover;
  border: 0;
}
.card-solution.solution-atlas {
  background-image: url("/assets/media/images/oplossing-atlas.png");
}
.card-solution.solution-compass {
  background-image: url("/assets/media/images/oplossing-compass.png");
}
.card-solution > .card-img-overlay {
  padding: 4rem 5rem;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 0;
}
.card-solution > .card-img-overlay > i {
  color: #ffffff;
  font-size: 3rem;
  margin-bottom: 1rem;
}
.card-solution > .card-img-overlay .in-development-item {
  position: absolute;
  right: 5rem;
}

.card-services {
  min-height: 740px;
  width: auto;
  background-repeat: no-repeat;
  background-size: cover;
  border: 0;
}
.card-services:hover {
  cursor: pointer;
}
.card-services:hover .btn.product.product-white {
  color: #0A1C13;
  background-color: #f9a825;
  border: 2px solid #f9a825;
}
.card-services.service-atlas-for-retail {
  background-image: url("/assets/media/images/retail-atlas-store-manager.jpg");
  background-position: right 25% center;
}
.card-services.service-atlas-for-wholesale {
  background-image: url("/assets/media/images/groothandel-atlas-logistiek.jpg");
  background-position: center right;
}
.card-services.service-atlas-for-marketing {
  background-image: url("/assets/media/images/marketing-atlas-producten-beheren.jpg");
  background-position: center right 15%;
}
.card-services > .card-img-overlay {
  background: linear-gradient(0deg, #0a1c13 0%, #0a1c13 14%, rgba(10, 28, 19, 0) 100%);
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.card-services > .card-img-overlay:hover {
  background-color: rgba(0, 0, 0, 0.65);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.card-services > .card-img-overlay > .card-services-content {
  padding: 5rem 4rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.card-services > .card-img-overlay > .card-services-content h3.card-title {
  font-size: 3rem;
  padding-bottom: 0.5rem;
}
.card-services > .card-img-overlay > .card-services-content p.card-text {
  padding-bottom: 1.5rem;
}

.card-statistics {
  background-color: transparent;
  padding: 2rem 1rem;
}
.card-statistics:hover .card-body .statistic-icon {
  transform: scale(1.1);
  transform: translateY(-15px);
}

.statistic-icon {
  background-repeat: no-repeat;
  display: block;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  transition: all 0.75s;
}
.statistic-icon.time {
  background-image: url("/assets/media/icons/time.svg");
}
.statistic-icon.time.dark {
  background-image: url("/assets/media/icons/time-dark.svg");
}
.statistic-icon.import {
  background-image: url("/assets/media/icons/import.svg");
}
.statistic-icon.import.dark {
  background-image: url("/assets/media/icons/import-dark.svg");
}
.statistic-icon.search {
  background-image: url("/assets/media/icons/search.svg");
}
.statistic-icon.search.dark {
  background-image: url("/assets/media/icons/search-dark.svg");
}
.statistic-icon.publish {
  background-image: url("/assets/media/icons/publish.svg");
}
.statistic-icon.publish.dark {
  background-image: url("/assets/media/icons/publish-dark.svg");
}
.statistic-icon.update {
  background-image: url("/assets/media/icons/update.svg");
}
.statistic-icon.update.dark {
  background-image: url("/assets/media/icons/update-dark.svg");
}

.blog-posts {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.blog-posts > .col-blog-post {
  margin-top: 1.5rem;
}
.blog-posts > .col-blog-post:last-child {
  margin-bottom: 1.5rem;
}

.blog-post {
  position: relative;
}
.blog-post .blog-headline-media {
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 100vw;
  height: 65vh;
  object-fit: cover;
  min-height: 600px;
}
.blog-post > .blog-body, .blog-post .blog-headline {
  position: absolute;
  bottom: 0;
  background-color: rgba(10, 28, 19, 0.85);
  padding: 1.5rem;
}
.blog-post > .blog-body .date-read-time, .blog-post .blog-headline .date-read-time {
  display: block;
  color: #ffffff;
}
.blog-post > .blog-body .date-read-time > i, .blog-post .blog-headline .date-read-time > i {
  width: 1.5rem;
  text-align: center;
}
.blog-post > .blog-body h5.blog-title > a, .blog-post .blog-headline h5.blog-title > a {
  color: #ffffff;
  text-decoration: none;
}
.blog-post:hover {
  cursor: pointer;
}

.blog-headline {
  display: none;
  -webkit-animation: fadeInUp 0.75s;
  animation: fadeInUp 0.75s;
}
.blog-headline a.btn.read-more.read-more-white.read-more-inverted {
  color: #0A1C13;
  background-color: #ffffff;
  border: 2px solid #ffffff;
}
.blog-headline p {
  color: #ffffff;
}

h2.accordion-header {
  padding-bottom: 0;
}

.accordion.accordion-flush {
  background-color: #ffffff;
  box-shadow: 0px 0px 30px 0 rgba(0, 0, 0, 0.14);
}

.accordion-item {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  border: 1px solid #D4E8DB;
}
.accordion-item:not(.collapsed) {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.accordion-item:has(.accordion-button[aria-expanded=true]) {
  border-left: 5px solid #f9a825 !important;
  background-color: #eeeeee;
  border-right: 5px solid transparent;
}

.accordion-button {
  border: 1px solid transparent;
  color: #143524;
  padding-top: 0.5rem;
  padding-bottom: 0.25rem;
  transition: none;
}
.accordion-button:focus {
  z-index: 3;
  border: 1px solid transparent;
  outline: 0;
  box-shadow: none;
}
.accordion-button:not(.collapsed) {
  color: #f9a825;
  background-color: #eeeeee;
  box-shadow: none;
}
.accordion-button::after, .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23143524'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}

table.table.on-dark-bg {
  color: #ffffff;
}
table.table.on-light-bg {
  color: #0A1C13;
}
table.table.credits-table > :not(caption) > * > * {
  padding: 0.5rem 0rem;
  box-shadow: none;
  font-weight: normal;
}

.page, .blog {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  min-height: 1000px;
}
.page.five-sixth, .blog.five-sixth {
  min-height: 850px;
}
.page.four-fith, .blog.four-fith {
  min-height: 800px;
}
.page.three-fourth, .blog.three-fourth {
  min-height: 750px;
}
.page.two-third, .blog.two-third {
  min-height: 666px;
}
.page.one-third, .blog.one-third {
  min-height: 333px;
}

.page.home {
  background-image: url("/assets/media/background/wat-is-atlas-pim-systeem.jpg");
  background-position: top center !important;
}
.page.retail-company {
  background-image: url("/assets/media/background/leveren-van-robuuste-software-oplossingen-aan-retailers.jpg");
}
.page.wholesale-company {
  background-image: url("/assets/media/background/revolutioneer-jouw-organisatie-met-softwareoplossingen-voor-groothandels.jpg");
}
.page.marketeer-company {
  background-image: url("/assets/media/background/marketeers-helpen-door-solide-software-oplossingen.jpg");
  background-position: center 40% !important;
}
.page.about-us {
  background-image: url("/assets/media/images/over-ons-peter-en-laura.jpg");
  box-shadow: -8px 4px 14px 0 rgba(0, 0, 0, 0.2);
  background-position: center 27% !important;
}
.page.subscription {
  box-shadow: -8px 4px 14px 0 rgba(0, 0, 0, 0.2);
  background-color: #748C7E;
}
.page.atlas-for-retail {
  background-image: url("/assets/media/images/retail-atlas-store-manager.jpg");
  box-shadow: -8px 4px 14px 0 rgba(0, 0, 0, 0.2);
}
.page.atlas-for-wholesale {
  background-image: url("/assets/media/images/groothandel-atlas-logistiek.jpg");
  box-shadow: -8px 4px 14px 0 rgba(0, 0, 0, 0.2);
}
.page.atlas-for-marketing {
  background-image: url("/assets/media/images/marketing-atlas-producten-beheren.jpg");
  box-shadow: -8px 4px 14px 0 rgba(0, 0, 0, 0.2);
}
.page.contact-page {
  background-image: url("/assets/media/images/contact-met-topwave.jpg");
  box-shadow: -8px 4px 14px 0 rgba(0, 0, 0, 0.2);
}
.page.thanks-page {
  background-image: url("/assets/media/images/topwave-bedankt-je.jpg");
  box-shadow: -8px 4px 14px 0 rgba(0, 0, 0, 0.2);
}
.page.atlas-subscription-page {
  background-image: url("/assets/media/images/atlas-abonnementen-en-prijzen.jpg");
  box-shadow: -8px 4px 14px 0 rgba(0, 0, 0, 0.2);
}
.page.cookies-page {
  background-image: url("/assets/media/images/lekkere-koekjes-eten.jpg");
  box-shadow: -8px 4px 14px 0 rgba(0, 0, 0, 0.2);
  background-position: center 31% !important;
}
.page.not-found-page {
  background-image: url("/assets/media/images/pagina-niet-gevonden.jpg");
  box-shadow: -8px 4px 14px 0 rgba(0, 0, 0, 0.2);
  background-position: center 62% !important;
}
.page.sitemap {
  background-image: url("/assets/media/images/sitemap.jpg");
  background-position: center 62% !important;
}
.page.blog-page {
  background-image: url("/assets/media/images/blog-posts-topwave.jpg");
  background-position: center 65% !important;
  min-height: 450px;
}
.page.payment-processed-page {
  background-image: url("/assets/media/images/topwave-bedankt-je.jpg");
  background-size: cover;
  background-position: center center;
}
.page.payment-processed-page .thanks-block {
  background-position: center 40% !important;
}
.page.payment-canceled-page {
  background-image: url("/assets/media/images/bestelling-mislukt.jpg");
  background-size: cover;
  background-position: center 75% !important;
}
.page.payment-canceled-page .oops-block {
  background-position: center 40% !important;
}
.page.info-atlas {
  background-image: url("/assets/media/background/wat-is-atlas-pim-systeem.jpg");
  background-position: top center !important;
}
.page.info-atlas .layer {
  background-color: rgba(10, 28, 19, 0.85);
  position: relative;
  width: 100%;
  height: 100%;
  color: #ffffff;
}

.hero::before {
  content: "";
  display: block;
  position: relative;
  width: 14rem;
  height: 5px;
  background: #748C7E;
}

.full-hero::before {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  height: 5px;
  background: #748C7E;
}

.page-img {
  width: 100%;
}

img {
  max-width: 100%;
}

.light-grey-bg {
  background-color: #eeeeee;
  color: #0A1C13;
}

.dark-grey-bg {
  background-color: #919191;
  color: #ffffff;
}

.dark-green-bg {
  background-color: #0A1C13;
  color: #D4E8DB;
}
.dark-green-bg.opacity-80 {
  background-color: rgba(10, 28, 19, 0.8);
}

.light-green-bg {
  background-color: #143524;
  color: #ffffff;
}
.light-green-bg.opacity-80 {
  background-color: rgba(20, 53, 36, 0.8);
}

.white-bg {
  background-color: #ffffff;
  color: #0A1C13;
}

.orange-bg {
  background-color: #f9a825;
  color: #ffffff;
}

.green-grey-tone-darkest-bg {
  background-color: #54665C;
  color: #D4E8DB;
}

.darkest-bg-hovered:hover {
  background-color: #54665C !important;
}

.orange-hovered:hover {
  color: #f9a825 !important;
}

.green-grey-tone-darker-darker-bg {
  background-color: #748C7E;
  color: #ffffff;
}

.green-grey-tone-darker-bg {
  background-color: #748C7E;
  color: #ffffff;
}

.green-grey-tone-bg {
  background-color: #94AF9F;
  color: #0A1C13;
}

.green-grey-tone-lighter-bg {
  background-color: #AECCBA;
  color: #0A1C13;
}

.green-grey-tone-lightest-bg {
  background-color: #D4E8DB;
  color: #0A1C13;
}
.green-grey-tone-lightest-bg.box {
  background-clip: content-box;
}

.img-overlap-wrapper {
  position: relative;
  overflow: visible;
  margin: 0 auto;
  box-shadow: -8px 4px 14px 0 rgba(0, 0, 0, 0.2);
}

.img-move {
  position: absolute !important;
  width: 55%;
}

.img-move-1 {
  top: 4rem;
  left: 0;
  width: 52.5%;
  z-index: -1;
}

.img-move-2 {
  right: 8rem;
  top: 8rem;
  width: 52.5%;
  z-index: -2;
}

.social-icon {
  padding: 10px;
  border: 2px solid #ffffff;
  width: 46px;
  height: 46px;
  text-align: center;
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  cursor: pointer;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.social-icon i {
  font-size: 1.45rem;
  color: #ffffff;
}
.social-icon:hover {
  border: 2px solid #ffffff;
  background-color: #ffffff;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.social-icon:hover i {
  color: #0A1C13;
}

.header-area, .whitepaper-area, .contact-area, .demo-area, .subscription-area {
  margin-top: -1rem;
  position: sticky;
}

.whitepaper-area, .contact-area {
  margin-top: -1rem;
  position: sticky;
}
.whitepaper-area .img-overlap-wrapper, .contact-area .img-overlap-wrapper {
  box-shadow: 8px 4px 14px 0 rgba(0, 0, 0, 0.2);
  z-index: 2;
}

.heading-block-info {
  height: fit-content;
  padding: 4rem 12rem;
  z-index: 0;
}

.contact-info-in-block {
  height: fit-content;
  z-index: 1;
  padding: 6rem;
  box-shadow: 8px 4px 14px 0 rgba(0, 0, 0, 0.2);
}

.contact-form-in-block {
  height: fit-content;
  z-index: 0;
  padding: 4rem 6rem;
}

.subscription-order-block {
  height: fit-content;
  z-index: 1;
  padding: 6rem 9rem;
  box-shadow: -8px 4px 14px 0 rgba(0, 0, 0, 0.2);
}

.heading-block-images {
  min-height: 680px !important;
  z-index: 1;
}

.square-lines-overlay {
  background-image: url("data:image/svg+xml,%3Csvg id='Group_4' data-name='Group 4' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='446' height='446' viewBox='0 0 446 446'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_11' data-name='Rectangle 11' width='446' height='446' fill='none' stroke='%23f9a825' stroke-width='5'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_3' data-name='Group 3' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_3' data-name='Path 3' d='M2,114.955V2H114.955' transform='translate(3.897 3.897)' fill='none' stroke='%23f9a825' stroke-miterlimit='10' stroke-width='7'/%3E%3Cpath id='Path_4' data-name='Path 4' d='M110.947,2H223.9V114.955' transform='translate(216.201 3.897)' fill='none' stroke='%23f9a825' stroke-miterlimit='10' stroke-width='7'/%3E%3Cpath id='Path_5' data-name='Path 5' d='M223.9,110.947V223.9H110.947' transform='translate(216.201 216.201)' fill='none' stroke='%23f9a825' stroke-miterlimit='10' stroke-width='7'/%3E%3Cpath id='Path_6' data-name='Path 6' d='M114.955,223.9H2V110.947' transform='translate(3.897 216.2)' fill='none' stroke='%23f9a825' stroke-miterlimit='10' stroke-width='7'/%3E%3C/g%3E%3C/svg%3E");
  width: 400px;
  height: 400px;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 100;
  display: block;
  left: 17rem;
  top: 10rem;
  position: relative;
}
.square-lines-overlay.services-pages {
  left: 6rem;
  top: 5rem;
}
.square-lines-overlay.services-pages-retail {
  left: 6rem;
  top: 5rem;
}
.square-lines-overlay.services-pages-wholesale {
  left: 25rem;
  top: 5rem;
}
.square-lines-overlay.services-pages-marketing {
  left: 29rem;
  top: 4rem;
}
.square-lines-overlay.about-us-page {
  left: 6rem;
  top: 5rem;
}
.square-lines-overlay.contact-page {
  left: 15rem;
  top: 12rem;
}
.square-lines-overlay.thanks-page {
  left: 15.5rem;
  top: 14rem;
}
.square-lines-overlay.atlas-subscription {
  left: 10rem;
  top: 12rem;
}
.square-lines-overlay.cookies {
  left: 30rem;
  top: 4rem;
}
.square-lines-overlay.not-found {
  left: 17rem;
  top: 10rem;
}

.box-shadow-block {
  box-shadow: 8px 8px 16px 0 rgba(0, 0, 0, 0.3);
}

.green-grey-tone-darkest-bg-op-50 {
  background-color: rgba(84, 102, 92, 0.5);
}

.overlapping-block-right {
  z-index: 2;
  position: relative;
  width: 112%;
}
.overlapping-block-right.overlap-small {
  width: 106%;
}

.overlapping-block-left {
  z-index: 2;
  position: relative;
  width: 112%;
  margin-left: -12%;
}
.overlapping-block-left.overlap-small {
  width: 106%;
  margin-left: -6%;
}

.credits-info-image {
  background-image: url("/assets/media/images/credits-atlas-pim-systeem.jpg");
  background-size: cover;
  background-position: center center;
  min-height: 300px;
}

.atlas-info-image {
  background-image: url("/assets/media/background/wat-is-atlas-pim-systeem.jpg");
  background-size: cover;
  background-position: center center;
  min-height: 300px;
}

.company-retail-technical {
  background-image: url("/assets/media/images/retail-technische-uitdagingen.jpg");
  background-size: cover;
  background-position: center center;
  min-height: 300px;
}

.company-wholesale-bigdata {
  background-image: url("/assets/media/images/grote-hoeveelheden-product-informatie.jpg");
  background-size: cover;
  background-position: center center;
  min-height: 300px;
}

.company-marketing-collaboration {
  background-image: url("/assets/media/images/samen-werken-met-collegas-en-klanten.jpg");
  background-size: cover;
  background-position: center center;
  min-height: 300px;
}

.photo-bar {
  height: 600px;
  background-size: cover;
  /* @laura todo mobile settings border left and right */
}
.photo-bar.photo-1 {
  background-image: url("/assets/media/images/over-ons-peter-portrait.jpg");
  background-position: center center;
  border-right: 5px solid white;
  border-left: 0;
}
.photo-bar.photo-2 {
  background-image: url("/assets/media/images/over-ons-peter-in-natuur.jpg");
  background-position: top center;
  border-right: 5px solid white;
  border-left: 5px solid white;
}
.photo-bar.photo-3 {
  background-image: url("/assets/media/images/over-ons-laura-portrait.jpg");
  background-position: top center;
  border-right: 5px solid white;
  border-left: 5px solid white;
}
.photo-bar.photo-4 {
  background-image: url("/assets/media/images/over-ons-laura-in-natuur.jpg");
  background-position: center center;
  border-right: 0;
  border-left: 5px solid white;
}

.job-image {
  background-image: url("/assets/media/images/over-ons-vacatures.jpg");
  height: 710px;
  background-size: cover;
  background-position: 64% center;
}

.subscription-block.light-retailer > .price-block, .subscription-block.light-retailer > .info-block {
  border: 2px solid #AECCBA;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.subscription-block.large-retailer > .price-block, .subscription-block.large-retailer > .info-block {
  border: 2px solid #94AF9F;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.subscription-block.wholesaler > .price-block, .subscription-block.wholesaler > .info-block {
  border: 2px solid #748C7E;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.subscription-block.marketeer > .price-block, .subscription-block.marketeer > .info-block {
  border: 2px solid #54665C;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.subscription-block.light-retailer:hover, .subscription-block.large-retailer:hover, .subscription-block.wholesaler:hover, .subscription-block.marketeer:hover {
  cursor: pointer;
}
.subscription-block.light-retailer:hover > .price-block, .subscription-block.light-retailer:hover > .info-block, .subscription-block.large-retailer:hover > .price-block, .subscription-block.large-retailer:hover > .info-block, .subscription-block.wholesaler:hover > .price-block, .subscription-block.wholesaler:hover > .info-block, .subscription-block.marketeer:hover > .price-block, .subscription-block.marketeer:hover > .info-block {
  background-color: #0A1C13;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  border: 2px solid #0A1C13;
}
.subscription-block.light-retailer:hover > .price-block h5, .subscription-block.light-retailer:hover > .price-block h4.light-green, .subscription-block.light-retailer:hover > .info-block h5, .subscription-block.light-retailer:hover > .info-block h4.light-green, .subscription-block.large-retailer:hover > .price-block h5, .subscription-block.large-retailer:hover > .price-block h4.light-green, .subscription-block.large-retailer:hover > .info-block h5, .subscription-block.large-retailer:hover > .info-block h4.light-green, .subscription-block.wholesaler:hover > .price-block h5, .subscription-block.wholesaler:hover > .price-block h4.light-green, .subscription-block.wholesaler:hover > .info-block h5, .subscription-block.wholesaler:hover > .info-block h4.light-green, .subscription-block.marketeer:hover > .price-block h5, .subscription-block.marketeer:hover > .price-block h4.light-green, .subscription-block.marketeer:hover > .info-block h5, .subscription-block.marketeer:hover > .info-block h4.light-green {
  color: #ffffff;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.subscription-block.light-retailer:hover > .price-block p, .subscription-block.light-retailer:hover > .info-block p, .subscription-block.large-retailer:hover > .price-block p, .subscription-block.large-retailer:hover > .info-block p, .subscription-block.wholesaler:hover > .price-block p, .subscription-block.wholesaler:hover > .info-block p, .subscription-block.marketeer:hover > .price-block p, .subscription-block.marketeer:hover > .info-block p {
  color: #ffffff;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.subscription-block.light-retailer:hover .btn.cta.cta-inverted, .subscription-block.large-retailer:hover .btn.cta.cta-inverted, .subscription-block.wholesaler:hover .btn.cta.cta-inverted, .subscription-block.marketeer:hover .btn.cta.cta-inverted {
  color: #0A1C13;
  background-color: #f9a825;
  border: 2px solid #f9a825;
}
.subscription-block .price-block, .subscription-block .info-block {
  box-shadow: 0px 10px 10px 0 rgba(0, 0, 0, 0.16);
}
.subscription-block .price-block h5, .subscription-block .price-block h4, .subscription-block .info-block h5, .subscription-block .info-block h4 {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.subscription-block .price-block p, .subscription-block .info-block p {
  font-size: 1.25rem;
  font-family: "NunitoSans-SemiBold";
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: #ffffff;
}

.sitemap-block .top-block, .sitemap-block .links-block {
  box-shadow: 0px 10px 10px 0 rgba(0, 0, 0, 0.16);
}
.sitemap-block .top-block h3 > a, .sitemap-block .links-block h3 > a {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: #ffffff;
}
.sitemap-block .top-block h3 > a:hover, .sitemap-block .links-block h3 > a:hover {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: #f9a825;
}
.sitemap-block .top-block p, .sitemap-block .links-block p {
  font-size: inherit;
}

.blog-intro-block {
  margin-top: -7rem;
}

.blog-heading-text {
  margin-top: -4rem;
}

.process {
  padding: 0 4rem;
}
.process .step {
  padding: 10px;
}
.process .step .icon-in-wave {
  float: left;
  min-width: 50px;
  min-width: 50px;
  min-height: 40px;
  margin-top: 5px;
}
.process .step .icon-in-wave i {
  font-size: 1.5rem;
  color: #94AF9F;
}

#gratis-pim-scan-video {
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

.topwave-integration-logo {
  height: 3.25rem;
}

nav.navbar .nav-item {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
nav.navbar .nav-link {
  padding-top: 1rem;
  padding-left: 0rem !important;
  padding-right: 0rem !important;
  text-transform: uppercase;
  font-family: "MartelSans-Black";
  font-size: 1rem;
  color: #0A1C13;
}
nav.navbar .topwave-logo {
  width: 15rem;
}

.navigation-button > .social-icon {
  padding: 10px;
  border: 2px solid #143524;
  background-color: #143524;
  width: 46px;
  height: 46px;
  text-align: center;
  float: right;
  margin-left: 10px;
  margin-right: 0px;
}
.navigation-button > .social-icon i {
  font-size: 1.45rem;
  color: #ffffff;
}
.navigation-button > .social-icon:hover {
  border: 2px solid #54665C;
  background-color: #54665C;
}
.navigation-button > .social-icon:hover i {
  color: #D4E8DB;
}
.navigation-button > .btn {
  height: 46px;
  padding: 10px;
  margin: 0;
  padding-top: 12px;
}

.navbar-toggler {
  background-color: transparent;
  border-radius: 0;
  border: 0;
}
.navbar-toggler:hover, .navbar-toggler:focus {
  box-shadow: none;
}

.navbar-light .navbar-toggler-icon {
  background-image: none;
  width: auto;
  height: auto;
  color: #0A1C13;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.navbar-light .navbar-toggler-icon:hover, .navbar-light .navbar-toggler-icon:focus {
  color: #f9a825;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.hover-underline-animation {
  display: inline-block;
  position: relative;
  color: #f9a825;
}

.active {
  color: #f9a825 !important;
}

.hover-underline-animation::before {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 5px;
  bottom: 0;
  left: 0;
  background-color: #f9a825;
  transform: scaleX(0);
  transition: transform 0.3s ease;
}

.hover-underline-animation:hover::before {
  transform: scaleX(1);
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  nav.navbar .topwave-logo {
    width: 12rem;
    margin-left: -25px;
  }

  .navbar-toggler {
    right: 0;
    position: absolute;
  }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
/* Medium devices (landscape tablets, 768px and up) */
/* Large devices (laptops/desktops, 992px and up) */
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (max-width: 1200px) {
  #slide-navbar-collapse {
    position: fixed;
    top: 0;
    left: 0px;
    z-index: 99;
    width: 280px;
    height: 100%;
    background-color: #0a1c13;
    overflow: auto;
  }

  nav.navbar .link {
    padding-top: 2rem;
    color: white !important;
  }

  .navbar-brand {
    margin-right: 0 !important;
    width: 75%;
  }

  nav.navbar .nav-item > .topwave-logo-nav {
    width: 100% !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
  }

  nav.navbar .responsive-logo-item {
    padding-left: 0rem !important;
  }

  nav.navbar .nav-item {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .navigation-button {
    padding: 2rem;
  }

  .navigation-button > .social-icon {
    float: none;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 1rem;
  }

  .menu-overlay {
    display: none;
    background-color: #000;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    filter: alpha(opacity=50);
    /* IE7 & 8 */
    position: fixed;
    right: 0;
    top: 0;
    z-index: 49;
  }

  .homepage-question {
    background-color: rgba(255, 255, 255, 0.4);
    padding: 15px;
  }
}
.bottom-navigation {
  color: #ffffff;
}
.bottom-navigation img.topwave-logo {
  width: 20.5rem;
}
.bottom-navigation p {
  margin-bottom: 0;
}
.bottom-navigation p a {
  text-decoration: none;
  color: #ffffff;
}
.bottom-navigation p a:hover {
  color: #748C7E;
}
.bottom-navigation p a.active {
  color: #748C7E !important;
}
.bottom-navigation p a.link {
  text-decoration: none;
  color: #f9a825;
}
.bottom-navigation p a.link:hover {
  color: #f9a825;
  text-decoration: none;
}
.bottom-navigation p a.link:active {
  color: #f9a825;
}

/* media screens */
@media only screen and (min-width: 3000px) {
  .heading-block-images {
    min-height: 1096px !important;
  }
}
@media only screen and (min-width: 1800px) {
  .img-move-1 {
    top: 3rem;
    left: -2rem;
    width: 52.5%;
    z-index: -1;
  }

  .img-move-2 {
    right: 2rem;
    top: 13.5rem;
    width: 52.5%;
    z-index: -2;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1800px) {
  .img-move-1 {
    top: 3rem;
    left: -2rem;
    width: 52.5%;
    z-index: -1;
  }

  .img-move-2 {
    right: 2rem;
    top: 13.5rem;
    width: 52.5%;
    z-index: -2;
  }

  .square-lines-overlay {
    width: 300px;
    height: 300px;
    left: 9rem;
    top: 10rem;
  }

  .heading-block-info {
    padding: 4rem;
  }

  .heading-block-images {
    min-height: 655px !important;
  }

  .card-solution > .card-img-overlay {
    padding: 3rem;
  }
}
@media only screen and (max-width: 1570px) {
  .card-services > .card-img-overlay > .card-services-content h3.card-title {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 1200px) {
  .header-area, .whitepaper-area, .contact-area, .demo-area, .subscription-area {
    position: relative;
    margin-top: auto;
  }

  .heading-block-info {
    padding: 3rem;
  }
  .heading-block-info a.btn {
    margin-bottom: 0rem;
  }
  .heading-block-info > .cta-heading {
    margin-top: 0 !important;
  }
  .heading-block-info .cta-sub-heading {
    padding-bottom: 0 !important;
  }

  .heading-block-images {
    min-height: 200px !important;
    z-index: 1;
    padding: 3rem;
  }
  .heading-block-images > img {
    align-items: center;
  }

  .subscription-order-block {
    padding: 3rem;
  }

  .process {
    padding: 0;
  }
  .process .step .icon-in-wave {
    float: none;
  }

  .payment-steps .green-grey-tone-darker-bg.p-5 {
    padding: 2rem !important;
    margin-bottom: 2rem;
  }
  .payment-steps .wizard > .steps > ul > li {
    width: 60px;
    height: 60px;
  }
  .payment-steps .wizard > .steps a, .payment-steps .wizard > .steps a:hover {
    width: 38px;
    height: 42px;
    padding: 0rem;
  }
  .payment-steps .wizard > .steps a i, .payment-steps .wizard > .steps a:hover i {
    font-size: 0.85rem;
  }
  .payment-steps .wizard > .steps .done a, .payment-steps .wizard > .steps .done a:hover, .payment-steps .wizard > .steps .done a:active {
    padding: 0.25em;
  }

  .wizard > .steps > ul > li:not(:last-child)::after {
    margin: 19px 0.5rem !important;
  }

  .wizard > .steps > ul > li.last {
    width: 38px !important;
  }

  .home-page .heading-block-info {
    margin-top: -3.5rem;
    padding-top: 6.5rem;
  }
  .home-page .heading-block-info a.btn.cta {
    width: 100%;
  }
  .home-page .heading-block-images {
    min-height: 740px !important;
    z-index: 1;
    padding: 1rem;
    padding-top: 0 !important;
    background-color: transparent !important;
    box-shadow: none;
    margin-top: -3rem;
  }
  .home-page .heading-block-images > img {
    align-items: center;
  }

  .img-move {
    position: absolute !important;
    margin: 0rem !important;
    width: auto;
    margin: 0 auto;
  }
  .img-move.box-shadow-block {
    padding: 0rem !important;
    box-shadow: 8px 8px 16px 0 rgba(0, 0, 0, 0.3);
  }

  .img-move-1 {
    top: 100px;
    left: 0;
    right: 0;
    width: 52%;
    z-index: -1;
  }

  .img-move-2 {
    left: auto;
    top: 0;
    right: 0;
    width: 52%;
    z-index: -2;
  }

  .square-lines-overlay {
    display: block;
    width: 400px;
    height: 400px;
    left: 21.5rem;
    top: 21.5rem;
  }
  .square-lines-overlay.services-pages-retail {
    left: 11rem;
    top: 0rem;
  }
  .square-lines-overlay.services-pages-wholesale {
    left: 33rem;
    top: 1rem;
  }
  .square-lines-overlay.services-pages-marketing {
    left: 29rem;
    top: 2rem;
  }
  .square-lines-overlay.contact-page {
    left: 22rem;
    top: 1rem;
  }
  .square-lines-overlay.atlas-subscription {
    left: 9rem;
    top: 1rem;
  }
  .square-lines-overlay.cookies {
    left: 31rem;
    top: 0rem;
  }
  .square-lines-overlay.not-found {
    left: 10rem;
    top: 1rem;
  }
  .square-lines-overlay.thanks-page {
    left: 16.5rem;
    top: 0rem;
  }
  .square-lines-overlay.oops-block {
    left: 17.5rem;
    top: -2rem;
  }

  .info-atlas .box-shadow-block {
    padding: 2rem !important;
    padding-left: 3rem !important;
  }
  .info-atlas .box-shadow-block > .ps-5 {
    padding-left: 0 !important;
  }
  .info-atlas a.btn {
    width: 100%;
  }

  .card-solution {
    min-height: 535px;
    margin-top: 1rem;
  }
  .card-solution > .card-img-overlay {
    padding: 2.5rem;
  }

  .card-services {
    min-height: 515px;
  }
  .card-services .card-services-content {
    padding: 2rem 2rem !important;
  }
  .card-services .card-services-content h3.card-title {
    font-size: 2.25rem !important;
  }
  .card-services.service-atlas-for-retail {
    background-position: right 20% center;
    margin-bottom: 2rem;
  }
  .card-services.service-atlas-for-wholesale {
    margin-bottom: 2rem;
  }

  .subscription-block {
    margin-top: 2rem;
  }
  .subscription-block > .price-block, .subscription-block > .info-block {
    padding: 1.5rem 1rem !important;
    box-shadow: none;
  }
  .subscription-block > div.pt-3 {
    padding-top: 0.5rem !important;
  }

  .retail-company .box-shadow-block,
.wholesale-company .box-shadow-block,
.marketeer-company .box-shadow-block {
    padding: 2rem !important;
  }
  .retail-company .box-shadow-block > .ps-5,
.wholesale-company .box-shadow-block > .ps-5,
.marketeer-company .box-shadow-block > .ps-5 {
    padding-left: 2rem !important;
  }
  .retail-company .box-shadow-block h3,
.wholesale-company .box-shadow-block h3,
.marketeer-company .box-shadow-block h3 {
    font-size: 1.65rem;
  }
  .retail-company .overlapping-block-right,
.wholesale-company .overlapping-block-right,
.marketeer-company .overlapping-block-right {
    width: 115%;
    margin: 0 auto;
    margin-bottom: 0;
    padding: 2rem !important;
  }
  .retail-company .overlapping-block-right > .pe-5,
.wholesale-company .overlapping-block-right > .pe-5,
.marketeer-company .overlapping-block-right > .pe-5 {
    padding-right: 0 !important;
  }
  .retail-company .container > .row.spacing-y-md,
.wholesale-company .container > .row.spacing-y-md,
.marketeer-company .container > .row.spacing-y-md {
    padding: 0rem;
    margin: 0;
  }

  .company-marketing-collaboration {
    background-position: center 85%;
    min-height: 480px;
    background-repeat: no-repeat;
  }

  .page.about-us {
    min-height: 535px !important;
  }

  .atlas-whitepaper .square-lines-overlay {
    display: none;
  }
  .atlas-whitepaper h1.xl {
    font-size: 5.5rem !important;
  }

  .card-statistics {
    padding: 0;
    margin: 1rem 0;
  }
  .card-statistics .card-title {
    margin-top: 0.5rem !important;
  }
  .card-statistics .card-text {
    padding-top: 1.5rem !important;
    margin-bottom: 0rem !important;
  }
}
@media only screen and (max-width: 992px) {
  .row.gx-5 {
    --bs-gutter-x: 1.5rem;
  }

  .home-page .heading-block-info {
    margin-top: -3.5rem;
    padding-top: 6.5rem;
  }
  .home-page .heading-block-info a.btn.cta {
    width: 100%;
  }
  .home-page .heading-block-images {
    min-height: 640px !important;
    z-index: 1;
    padding: 1rem;
    padding-top: 0 !important;
    background-color: transparent !important;
    box-shadow: none;
    margin-top: -3rem;
  }
  .home-page .heading-block-images > img {
    align-items: center;
  }

  .img-move {
    position: absolute !important;
    margin: 0rem !important;
    width: auto;
    margin: 0 auto;
  }
  .img-move.box-shadow-block {
    padding: 0rem !important;
    box-shadow: 8px 8px 16px 0 rgba(0, 0, 0, 0.3);
  }

  .img-move-1 {
    top: 100px;
    left: 0;
    right: 0;
    width: 52%;
    z-index: -1;
  }

  .img-move-2 {
    left: auto;
    top: 0;
    right: 0;
    width: 52%;
    z-index: -2;
  }

  .square-lines-overlay {
    display: block;
    width: 350px;
    height: 350px;
    left: 22.5rem;
    top: 19rem;
  }
  .square-lines-overlay.services-pages-retail {
    left: 11rem;
    top: 0rem;
  }
  .square-lines-overlay.services-pages-wholesale {
    left: 26rem;
    top: 1rem;
  }
  .square-lines-overlay.services-pages-marketing {
    left: 29rem;
    top: 2rem;
  }
  .square-lines-overlay.contact-page {
    left: 14rem;
    top: 2rem;
  }
  .square-lines-overlay.atlas-subscription {
    left: 9rem;
    top: 1rem;
  }
  .square-lines-overlay.cookies {
    left: 23rem;
    top: 0rem;
  }
  .square-lines-overlay.not-found {
    left: 10rem;
    top: 1rem;
  }
  .square-lines-overlay.thanks-page {
    left: 10.5rem;
    top: 0rem;
  }
  .square-lines-overlay.oops-block {
    left: 12.5rem;
    top: -1rem;
  }

  .info-atlas .box-shadow-block {
    padding: 2rem !important;
    padding-left: 3rem !important;
  }
  .info-atlas .box-shadow-block > .ps-5 {
    padding-left: 0 !important;
  }
  .info-atlas a.btn {
    width: 100%;
  }

  .card-solution {
    min-height: 475px;
    margin-top: 1rem;
  }
  .card-solution > .card-img-overlay {
    padding: 2.5rem;
  }

  .card-services {
    min-height: 515px;
  }
  .card-services .card-services-content {
    padding: 2rem 2rem !important;
  }
  .card-services .card-services-content h3.card-title {
    font-size: 2.25rem !important;
  }
  .card-services.service-atlas-for-retail {
    background-position: right 20% center;
    margin-bottom: 2rem;
  }
  .card-services.service-atlas-for-wholesale {
    margin-bottom: 2rem;
  }

  .subscription-block {
    margin-top: 2rem;
  }
  .subscription-block > .price-block, .subscription-block > .info-block {
    padding: 1.5rem 1rem !important;
    box-shadow: none;
  }
  .subscription-block > div.pt-3 {
    padding-top: 0.5rem !important;
  }

  .retail-company,
.wholesale-company,
.marketeer-company {
    min-height: auto !important;
  }
  .retail-company .box-shadow-block,
.wholesale-company .box-shadow-block,
.marketeer-company .box-shadow-block {
    padding: 2rem !important;
  }
  .retail-company .box-shadow-block > .ps-5,
.wholesale-company .box-shadow-block > .ps-5,
.marketeer-company .box-shadow-block > .ps-5 {
    padding-left: 1rem !important;
  }
  .retail-company .box-shadow-block h3,
.wholesale-company .box-shadow-block h3,
.marketeer-company .box-shadow-block h3 {
    font-size: 1.65rem;
  }
  .retail-company .overlapping-block-right,
.wholesale-company .overlapping-block-right,
.marketeer-company .overlapping-block-right {
    width: 115%;
    margin: 0 auto;
    margin-bottom: 0;
    padding: 2rem !important;
  }
  .retail-company .overlapping-block-right > .pe-5,
.wholesale-company .overlapping-block-right > .pe-5,
.marketeer-company .overlapping-block-right > .pe-5 {
    padding-right: 0 !important;
  }
  .retail-company .container > .row.spacing-y-md,
.wholesale-company .container > .row.spacing-y-md,
.marketeer-company .container > .row.spacing-y-md {
    padding: 0rem;
    margin: 0;
  }

  .company-marketing-collaboration {
    background-position: center 85%;
    min-height: 480px;
    background-repeat: no-repeat;
  }

  .page.about-us {
    min-height: 450px !important;
  }

  .atlas-whitepaper .square-lines-overlay {
    display: none;
  }
  .atlas-whitepaper h1.xl {
    font-size: 5.5rem !important;
  }
}
@media only screen and (max-width: 768px) {
  .card-solution {
    min-height: 540px;
  }

  .retail-company .box-shadow-block,
.wholesale-company .box-shadow-block,
.marketeer-company .box-shadow-block {
    padding: 4rem 1rem 1rem 1rem !important;
  }
  .retail-company .box-shadow-block > .ps-5,
.wholesale-company .box-shadow-block > .ps-5,
.marketeer-company .box-shadow-block > .ps-5 {
    padding-left: 0 !important;
  }
  .retail-company .overlapping-block-right,
.wholesale-company .overlapping-block-right,
.marketeer-company .overlapping-block-right {
    width: 90%;
    margin: 0 auto;
    margin-bottom: -2rem;
    padding: 2rem !important;
  }
  .retail-company .overlapping-block-right > .pe-5,
.wholesale-company .overlapping-block-right > .pe-5,
.marketeer-company .overlapping-block-right > .pe-5 {
    padding-right: 0 !important;
  }
  .retail-company .container > .row.spacing-y-md,
.wholesale-company .container > .row.spacing-y-md,
.marketeer-company .container > .row.spacing-y-md {
    padding: 1rem;
    margin: 0;
  }

  blockquote.home, blockquote.subscription {
    margin-top: 2rem;
    margin-left: 0;
  }

  .bottom-navigation .col-md-4 {
    margin-bottom: 1.5rem;
  }

  .blog-heading-text h1.cta-heading {
    font-size: 2rem;
  }

  .home-page .heading-block-info {
    margin-top: -3.5rem;
    padding-top: 6.5rem;
  }
  .home-page .heading-block-info a.btn.cta {
    width: 100%;
  }
  .home-page .heading-block-images {
    min-height: 515px !important;
    z-index: 1;
    padding: 1rem;
    padding-top: 0 !important;
    background-color: transparent !important;
    box-shadow: none;
    margin-top: -3rem;
  }
  .home-page .heading-block-images > img {
    align-items: center;
  }

  .img-move {
    position: absolute !important;
    margin: 0rem !important;
    width: auto;
    margin: 0 auto;
  }
  .img-move.box-shadow-block {
    padding: 0rem !important;
    box-shadow: 8px 8px 16px 0 rgba(0, 0, 0, 0.3);
  }

  .img-move-1 {
    top: 100px;
    left: 0;
    right: 0;
    width: 54%;
    z-index: -1;
  }

  .img-move-2 {
    left: auto;
    top: 0;
    right: 0;
    width: 54%;
    z-index: -2;
  }

  .square-lines-overlay {
    display: block;
    width: 300px;
    height: 300px;
    left: 14.5rem;
    top: 15rem;
  }

  .card-statistics {
    padding: 0;
    margin: 1rem 0;
  }
  .card-statistics .card-title {
    margin-top: 0.5rem !important;
  }
  .card-statistics .card-text {
    padding-top: 1.5rem !important;
    margin-bottom: 0rem !important;
  }

  .info-atlas .box-shadow-block {
    padding: 4rem 1rem 1rem 1rem !important;
  }
  .info-atlas .box-shadow-block > .ps-5 {
    padding-left: 0 !important;
  }
  .info-atlas .overlapping-block-right {
    width: 90%;
    margin: 0 auto;
    margin-bottom: -2rem;
    padding: 2rem !important;
  }
  .info-atlas .overlapping-block-right > .pe-5 {
    padding-right: 0 !important;
  }
  .info-atlas .layer > .container > .row.spacing-y-md {
    padding: 1rem;
    margin: 0;
  }
  .info-atlas a.btn {
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  p.cta-heading, h1.cta-heading, h2.cta-heading, h3.cta-heading, h4.cta-heading, h5.cta-heading, h6.cta-heading, a.cta-heading {
    font-size: 1.75rem;
  }
  p.cta-sub-heading, p.text-larger, h1.cta-sub-heading, h1.text-larger, h2.cta-sub-heading, h2.text-larger, h3.cta-sub-heading, h3.text-larger, h4.cta-sub-heading, h4.text-larger, h5.cta-sub-heading, h5.text-larger, h6.cta-sub-heading, h6.text-larger, a.cta-sub-heading, a.text-larger {
    font-size: 1.125rem;
  }

  .heading-block-images {
    padding: 1rem;
  }

  h1 {
    font-size: 2rem;
  }
  h1.as-h3-size {
    font-size: 1.55rem;
  }

  h2 {
    font-size: 1.75rem;
  }

  h3 {
    font-size: 1.525rem;
  }

  h4 {
    font-size: 1.4rem;
  }

  h5 {
    font-size: 1.35rem;
  }

  h6 {
    font-size: 1.25rem;
  }

  .accordion.accordion-flush {
    margin-top: 2rem;
  }

  .card-solution {
    min-height: 600px;
    margin-top: 1rem;
  }
  .card-solution > .card-img-overlay {
    padding: 2.5rem;
  }

  .card-statistics {
    padding: 0;
    margin: 1rem 0;
  }
  .card-statistics .card-title {
    margin-top: 0.5rem !important;
  }
  .card-statistics .card-text {
    padding-top: 1.5rem !important;
    margin-bottom: 0rem !important;
  }

  .bottom-navigation .col-md-4 {
    margin-bottom: 1.5rem;
  }

  .blog-heading-text h1.cta-heading {
    font-size: 1.75rem;
  }

  .home-page .heading-block-info {
    margin-top: -3.5rem;
    padding-top: 6.5rem;
  }
  .home-page .heading-block-info a.btn.cta {
    width: 100%;
  }
  .home-page .heading-block-images {
    min-height: 470px !important;
    z-index: 1;
    padding: 1rem;
    padding-top: 0 !important;
    background-color: transparent !important;
    box-shadow: none;
    margin-top: -3rem;
  }
  .home-page .heading-block-images > img {
    align-items: center;
  }

  .img-move {
    position: absolute !important;
    margin: 0rem !important;
    width: auto;
    margin: 0 auto;
  }
  .img-move.box-shadow-block {
    padding: 0rem !important;
    box-shadow: 8px 8px 16px 0 rgba(0, 0, 0, 0.3);
  }

  .img-move-1 {
    top: 100px;
    left: 0;
    right: 0;
    width: 54%;
    z-index: -1;
  }

  .img-move-2 {
    left: auto;
    top: 0;
    right: 0;
    width: 54%;
    z-index: -2;
  }

  .square-lines-overlay {
    display: block;
    width: 200px;
    height: 200px;
    left: 7.5rem;
    top: 9rem;
  }
  .square-lines-overlay.services-pages-retail {
    left: 4rem;
    top: 3rem;
  }
  .square-lines-overlay.services-pages-wholesale {
    left: 8rem;
    top: 3rem;
  }
  .square-lines-overlay.services-pages-marketing {
    left: 9rem;
    top: 2rem;
  }
  .square-lines-overlay.contact-page {
    left: 4rem;
    top: 4rem;
  }
  .square-lines-overlay.atlas-subscription {
    left: 7rem;
    top: 5rem;
  }
  .square-lines-overlay.cookies {
    left: 7rem;
    top: 2rem;
  }
  .square-lines-overlay.not-found {
    left: 4rem;
    top: 5rem;
  }
  .square-lines-overlay.thanks-page {
    left: 6.5rem;
    top: 7rem;
  }
  .square-lines-overlay.oops-block {
    left: 2.5rem;
    top: 7rem;
  }

  .page.marketeer-company {
    background-position: 28% center !important;
  }

  .company-marketing-collaboration {
    background-position: center 95%;
    min-height: 480px;
    background-repeat: no-repeat;
  }

  .subscription-order-block {
    padding: 2rem;
  }
  .subscription-order-block > blockquote.subscription {
    margin-left: 0rem !important;
  }

  .retail-company .box-shadow-block,
.wholesale-company .box-shadow-block,
.marketeer-company .box-shadow-block {
    padding: 4rem 1rem 1rem 1rem !important;
  }
  .retail-company .box-shadow-block > .ps-5,
.wholesale-company .box-shadow-block > .ps-5,
.marketeer-company .box-shadow-block > .ps-5 {
    padding-left: 0 !important;
  }
  .retail-company .overlapping-block-right,
.wholesale-company .overlapping-block-right,
.marketeer-company .overlapping-block-right {
    width: 90%;
    margin: 0 auto;
    margin-bottom: -2rem;
    padding: 2rem !important;
  }
  .retail-company .overlapping-block-right > .pe-5,
.wholesale-company .overlapping-block-right > .pe-5,
.marketeer-company .overlapping-block-right > .pe-5 {
    padding-right: 0 !important;
  }
  .retail-company .container > .row.spacing-y-md,
.wholesale-company .container > .row.spacing-y-md,
.marketeer-company .container > .row.spacing-y-md {
    padding: 1rem;
    margin: 0;
  }

  .retail-company .box-shadow-block h3, .wholesale-company .box-shadow-block h3, .marketeer-company .box-shadow-block h3 {
    font-size: 1.525rem;
  }

  .info-atlas .box-shadow-block {
    padding: 4rem 1rem 1rem 1rem !important;
  }
  .info-atlas .box-shadow-block > .ps-5 {
    padding-left: 0 !important;
  }
  .info-atlas .overlapping-block-right {
    width: 90%;
    margin: 0 auto;
    margin-bottom: -2rem;
    padding: 2rem !important;
  }
  .info-atlas .overlapping-block-right > .pe-5 {
    padding-right: 0 !important;
  }
  .info-atlas .layer > .container > .row.spacing-y-md {
    padding: 1rem;
    margin: 0;
  }
  .info-atlas a.btn {
    width: 100%;
  }

  .features a.btn {
    width: 100%;
  }

  .subscription-block {
    margin-top: 2rem;
  }
  .subscription-block > .price-block, .subscription-block > .info-block {
    padding: 1.5rem 1rem !important;
    box-shadow: none;
  }
  .subscription-block > div.pt-3 {
    padding-top: 0.5rem !important;
  }

  .explain-atlas a.btn {
    width: 100%;
  }

  .contact-info-in-block {
    padding: 2rem;
  }

  .contact-form-in-block {
    padding: 2rem;
  }

  .contact-heading h2 {
    padding-bottom: 0.5rem;
  }

  .demo-area .heading-block-images {
    background-color: #54665C !important;
  }

  .card-services {
    min-height: 515px;
  }
  .card-services .card-services-content {
    padding: 2rem 2rem !important;
  }
  .card-services .card-services-content h3.card-title {
    font-size: 2.25rem !important;
  }
  .card-services.service-atlas-for-retail {
    background-position: right 20% center;
    margin-bottom: 2rem;
  }
  .card-services.service-atlas-for-wholesale {
    margin-bottom: 2rem;
  }

  .blog-content small.blog-start-info {
    display: block;
  }
  .blog-content small.blog-start-info > i {
    margin-left: 0px !important;
  }

  .atlas-whitepaper .square-lines-overlay {
    display: none;
  }
  .atlas-whitepaper h1.xl {
    font-size: 5.5rem !important;
  }
}
@media only screen and (max-width: 475px) {
  .home-page .heading-block-images {
    min-height: 335px !important;
  }

  .blog-heading-text h1.cta-heading {
    font-size: 1.2rem;
  }

  .page.about-us {
    min-height: 220px !important;
  }

  .retail-company .box-shadow-block h3, .wholesale-company .box-shadow-block h3, .marketeer-company .box-shadow-block h3 {
    font-size: 1.25rem;
  }

  .square-lines-overlay {
    display: block;
    width: 200px;
    height: 200px;
    left: 7.5rem;
    top: 9.5rem;
  }
  .square-lines-overlay.services-pages-retail {
    left: 4rem;
    top: 0rem;
  }
  .square-lines-overlay.services-pages-wholesale {
    left: 8rem;
    top: 0rem;
  }
  .square-lines-overlay.services-pages-marketing {
    left: 9.5rem;
    top: 0rem;
  }
  .square-lines-overlay.contact-page {
    left: 4rem;
    top: 0rem;
  }
  .square-lines-overlay.atlas-subscription {
    left: 7rem;
    top: 0rem;
  }
  .square-lines-overlay.cookies {
    left: 9rem;
    top: 0rem;
  }
  .square-lines-overlay.not-found {
    left: 4rem;
    top: 0rem;
  }
  .square-lines-overlay.thanks-page {
    left: 4.5rem;
    top: 0rem;
  }
  .square-lines-overlay.oops-block {
    left: 5.5rem;
    top: 0rem;
  }
}
@media only screen and (max-width: 350px) {
  .square-lines-overlay {
    display: none;
  }

  .blog-heading-text h1.cta-heading {
    font-size: 1rem;
  }

  h1.cta-heading {
    font-size: 1.55rem;
  }

  .card-services .card-services-content h3.card-title {
    font-size: 1.85rem !important;
  }
}
@media only screen and (max-width: 280px) {
  p.cta-heading, h1.cta-heading, h2.cta-heading, h3.cta-heading, h4.cta-heading, h5.cta-heading, h6.cta-heading, a.cta-heading {
    font-size: 1.2rem;
  }
  p.cta-sub-heading, p.text-larger, h1.cta-sub-heading, h1.text-larger, h2.cta-sub-heading, h2.text-larger, h3.cta-sub-heading, h3.text-larger, h4.cta-sub-heading, h4.text-larger, h5.cta-sub-heading, h5.text-larger, h6.cta-sub-heading, h6.text-larger, a.cta-sub-heading, a.text-larger {
    font-size: 1rem;
  }

  .retail-company .box-shadow-block h3, .wholesale-company .box-shadow-block h3, .marketeer-company .box-shadow-block h3 {
    font-size: 1rem;
  }

  .heading-block-images {
    padding: 0.75rem;
  }

  h1 {
    font-size: 1.6rem;
  }
  h1.as-h3-size {
    font-size: 1.3rem;
  }

  h2 {
    font-size: 1.4rem;
  }

  h3 {
    font-size: 1.3rem;
  }

  h4 {
    font-size: 1.2rem;
  }

  h5 {
    font-size: 1.1rem;
  }

  h6 {
    font-size: 1rem;
  }

  .card-solution {
    min-height: 620px;
    margin-top: 1rem;
  }

  .card-solution > .card-img-overlay {
    padding: 0.75rem;
  }

  .hero::before {
    width: auto;
  }

  p.heading-subscribe-newsletter {
    font-size: 1.4rem;
  }

  .home-page .heading-block-images {
    margin-top: -1rem;
    min-height: 245px !important;
  }
}
body.landingspage-layout {
  font-size: 1.15rem;
  line-height: 2;
  margin: 0px !important;
  padding: 0;
  display: block;
  font-family: "NunitoSans-Regular";
  color: #0A1C13;
  box-sizing: border-box;
}
body.landingspage-layout img.topwave-logo {
  width: 12rem;
  display: flex;
  margin: 0 auto;
  margin-bottom: 1.5rem;
}
body.landingspage-layout h1, body.landingspage-layout h2, body.landingspage-layout h3, body.landingspage-layout h4, body.landingspage-layout h5, body.landingspage-layout h6 {
  margin-bottom: 0;
}
body.landingspage-layout h1 span.strong, body.landingspage-layout h2 span.strong, body.landingspage-layout h3 span.strong, body.landingspage-layout h4 span.strong, body.landingspage-layout h5 span.strong, body.landingspage-layout h6 span.strong {
  font-family: "MartelSans-Black";
}
body.landingspage-layout h1 {
  font-size: 2.75rem;
}
body.landingspage-layout h1.landingspage-heading-text {
  color: #f9a825;
  font-family: "MartelSans-Regular";
}
body.landingspage-layout h2 {
  font-size: 2.2rem;
  font-family: "MartelSans-ExtraBold";
}
body.landingspage-layout h3 {
  font-size: 1.9rem;
}
body.landingspage-layout h3.landingspage-heading-cta-form {
  text-align: center;
}
body.landingspage-layout h4 {
  font-size: 1.6rem;
}
body.landingspage-layout h5 {
  font-size: 1.45rem;
}
body.landingspage-layout h6 {
  font-size: 1.3rem;
}
body.landingspage-layout p span.strong {
  font-family: "NunitoSans-ExtraBold";
}
body.landingspage-layout .card-no-bg {
  background: none !important;
}
body.landingspage-layout .form-floating > .form-control {
  font-size: 1.15rem;
}
body.landingspage-layout .landingspage-cta-form-background {
  background-color: rgba(20, 53, 36, 0.8);
  padding-top: 10rem;
  padding-bottom: 2.5rem;
  padding-left: 3rem;
  padding-right: 3rem;
}
body.landingspage-layout .landings-page-video-content {
  position: relative;
  bottom: 0;
  background-color: rgba(10, 28, 19, 0.65);
  color: #ffffff;
  width: 100%;
  min-height: 100%;
  height: 100vh;
}
body.landingspage-layout .card-statistics {
  margin: 0;
  padding: 2rem 0 0 0;
  color: #ffffff;
  text-align: center;
}
body.landingspage-layout .card-statistics .card-title {
  margin-top: 2rem;
  margin-bottom: 0;
  padding-bottom: 0;
  color: #0A1C13;
  font-family: "MartelSans-Black";
}
body.landingspage-layout .card-statistics .card-text {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
body.landingspage-layout .topwave-integration-logo {
  transition: all 0.75s;
}
body.landingspage-layout .topwave-integration-logo:hover {
  transform: translateY(-15px);
}
body.landingspage-layout .advantages-item {
  border-top: 2px solid #f9a825;
  padding-top: 2rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  transition: all 0.5s;
  display: block;
  height: 100%;
  padding-bottom: 6rem;
}
body.landingspage-layout .advantages-item span.advantages-icon > i {
  display: none;
}
body.landingspage-layout .advantages-item:hover {
  border-top: 2px solid #0A1C13;
  background-color: #0A1C13;
  color: #ffffff;
  position: relative;
}
body.landingspage-layout .advantages-item:hover span.advantages-icon {
  position: absolute;
  bottom: 0;
  left: 0;
  padding-left: 1.25rem;
  padding-bottom: 1.25rem;
  height: 2.5rem;
}
body.landingspage-layout .advantages-item:hover span.advantages-icon > i {
  display: block;
  color: #f9a825;
}

blockquote.home, blockquote.subscription {
  clear: both;
  border-left: 5px solid #f9a825;
  padding: 0rem 2rem;
  margin-left: 2rem;
}
blockquote.services {
  clear: both;
  border-left: 5px solid #f9a825;
  padding: 0rem 2rem;
  margin-left: 0rem;
}
blockquote .stat .title {
  font-size: 1.75rem;
  font-family: "MartelSans-Bold";
  clear: both;
  display: block;
  color: #ffffff;
}
blockquote .stat .title.total {
  font-size: 1.25rem;
  font-family: "MartelSans-Bold";
  color: #AECCBA;
  padding-top: 0.5rem;
}
blockquote .stat .count {
  font-size: 1.75rem;
  font-family: "MartelSans-Black";
  clear: both;
  display: block;
}
blockquote .stat .description {
  font-family: "MartelSans-Regular";
  clear: both;
  display: block;
  line-height: 1.5;
  padding-bottom: 0.35rem;
}
blockquote .stat .description.total {
  font-size: 1.75rem;
  color: #143524;
  font-family: "MartelSans-Bold";
  color: #ffffff;
  line-height: 1.5;
}
blockquote .stat .description.total small {
  font-family: "MartelSans-Regular";
  font-size: 1.25rem;
}

.atlas-whitepaper-mountain-background {
  background: url("/assets/media/background/product-informatie-management-systeem-voor-fashion.jpg") rgba(20, 53, 36, 0.7);
  background-blend-mode: multiply;
  background-position: center 42% !important;
  background-repeat: no-repeat;
  background-size: cover;
}

.atlas-whitepaper .hero::before {
  margin: 0 auto;
}
.atlas-whitepaper .square-lines-overlay {
  height: 400px;
  width: 400px;
  left: 46.5rem;
  top: 42.5rem;
  position: absolute;
}
.atlas-whitepaper h4.atlas-magazine-subtitle {
  padding-top: 0.5rem;
  padding-bottom: 13rem;
}
.atlas-whitepaper h1.xl {
  font-size: 7.5rem;
  line-height: 0;
  padding-top: 7.5rem;
}
.atlas-whitepaper .topwave-logo-whitepaper {
  width: 20rem;
}
.atlas-whitepaper .atlas-whitepaper-photo-bar {
  width: 100%;
}
.atlas-whitepaper .store-manager-background {
  background: url("/assets/media/images/retail-atlas-store-manager.jpg") rgba(20, 53, 36, 0.7);
  background-blend-mode: multiply;
  background-position: center 42% !important;
  background-repeat: no-repeat;
  background-size: cover;
}
.atlas-whitepaper .source-data-background {
  background: url("/assets/media/images/atlas-source-data.png") rgba(20, 53, 36, 0.7);
  background-blend-mode: multiply;
  background-position: center 42% !important;
  background-repeat: no-repeat;
  background-size: cover;
}
.atlas-whitepaper .road-background {
  background: url("/assets/media/images/atlas-wat-heb-je-nodig.png") rgba(20, 53, 36, 0.7);
  background-blend-mode: multiply;
  background-position: center 42% !important;
  background-repeat: no-repeat;
  background-size: cover;
}
.atlas-whitepaper .atlas-whitepaper-mountain-background {
  background: url("/assets/media/background/whitepaper-atlas-slot.jpg") rgba(20, 53, 36, 0.85);
  background-blend-mode: multiply;
  background-position: center 42% !important;
  background-repeat: no-repeat;
  background-size: cover;
}
.atlas-whitepaper .h-400 {
  min-height: 400px;
}
.atlas-whitepaper .h-700 {
  min-height: 700px;
}
.atlas-whitepaper .orange-border {
  border: 5px solid #f9a825;
}
.atlas-whitepaper span.orange-underline {
  display: block;
  border-bottom: 5px solid #f9a825;
  width: 25%;
  height: 5px;
}
.atlas-whitepaper span.dark-green-underline {
  display: block;
  border-bottom: 5px solid #0A1C13;
  width: 25%;
  height: 5px;
}
.atlas-whitepaper .pull-up {
  margin-top: -7rem;
}
.atlas-whitepaper .introduction-heading {
  color: #f9a825;
  border: 5px solid #f9a825;
  font-size: 3rem;
  padding-top: 3rem;
  padding-bottom: 2rem;
}

/*# sourceMappingURL=style.css.map */