@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");
:root {
  --color-1: #003E88;
  --color-1-light: rgb(51, 100.6, 159.8);
  --color-1-xtralight: rgb(242.25, 245.35, 249.05);
  --color-1-dark: rgb(3.4, 53, 112.2);
  --color-2: #349154;
  --color-2-light: rgb(92.6, 167, 118.2);
  --color-2-dark: rgb(45, 119.4, 70.6);
  --color-3: #0068E2;
  --color-3-light: rgb(51, 134.2, 231.8);
  --color-3-dark: rgb(3.4, 86.6, 184.2);
  --gradient-1: linear-gradient(131deg, rgb(39, 113, 202) 0%, rgb(3, 73, 157) 100%);
  --gradient-2: linear-gradient(131deg, rgb(5, 85, 182) 0%, rgb(2, 58, 123) 100%);
  --gradient-3: linear-gradient(131deg, rgb(0, 57, 125) 0%, rgb(0, 16, 34) 100%);
  --overlay-gradient: linear-gradient(0deg, rgba(17, 17, 17, 0) 0%, #111111 100%);
  --archive-bg-gradient: linear-gradient(180deg, rgb(0, 57, 125) 0%, rgb(0, 16, 34) 100%);
}

body.color-palette-2 {
  --color-1: #444444;
  --color-1-light: rgb(92.6, 115, 142.3);
  --color-1-xtralight: rgb(243.4, 245, 246.95);
  --color-1-dark: rgb(21.8, 47.4, 78.6);
  --color-2: #349154;
  --color-2-light: rgb(92.6, 167, 118.2);
  --color-2-dark: rgb(45, 119.4, 70.6);
  --color-3: #349154;
  --color-3-light: rgb(92.6, 167, 118.2);
  --color-3-dark: rgb(45, 119.4, 70.6);
  --gradient-1: linear-gradient(131deg, #3371BC 0%, #2A5992 100%);
  --gradient-2: linear-gradient(131deg, #2A5992 0%, #1F4574 100%);
  --gradient-3: linear-gradient(131deg, #1F4574 0%, #17375E 100%);
}

body.color-palette-3 {
  --color-1: #003366;
  --color-1-light: rgb(71.8, 87.8, 106.2);
  --color-1-xtralight: rgb(245.84, 246.64, 247.56);
  --color-1-dark: rgb(24.2, 40.2, 58.6);
  --color-2: #349154;
  --color-2-light: rgb(92.6, 167, 118.2);
  --color-2-dark: rgb(45, 119.4, 70.6);
  --color-3: #349154;
  --color-3-light: rgb(92.6, 167, 118.2);
  --color-3-dark: rgb(45, 119.4, 70.6);
  --gradient-1: linear-gradient(131deg, #4780C2 0%, #315C8D 100%);
  --gradient-2: linear-gradient(131deg, #315C8D 0%, #274A71 100%);
  --gradient-3: linear-gradient(131deg, #274A71 0%, #1A2E45 100%);
  --overlay-gradient: linear-gradient(0deg, rgba(17, 17, 17, 0) 0%, #111111 100%);
}

.color-1 {
  color: var(--color-1);
}

.color-2 {
  color: var(--color-2);
}

.color-3 {
  color: var(--color-3);
}

.bg-1 {
  background-color: var(--color-1);
}

.bg-2 {
  background-color: var(--color-2);
}

.bg-3 {
  background-color: var(--color-3);
}

.bg-1-light {
  background-color: var(--color-1-light);
}

.bg-2-light {
  background-color: var(--color-2-light);
}

.bg-3-light {
  background-color: var(--color-3-light);
}

.gradient-1 {
  background-image: var(--gradient-1);
}

.gradient-2 {
  background-image: var(--gradient-2);
}

.gradient-3 {
  background-image: var(--gradient-3);
}

.p-relative {
  position: relative;
}

.block-hero {
  color: #fff;
  padding: 50px 0px;
  height: 300px;
}
.block-hero h1 {
  color: #fff !important;
}
.block-hero.has-image-and-text {
  margin: 100px 0px !important;
}
.block-hero .background {
  width: 100vw;
  position: absolute;
  top: -100px;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background-color: var(--color-1);
  z-index: -1;
  height: 400px;
}
.mobile .block-hero .background {
  height: 380px;
}
.indocs_template_archive .block-hero .background {
  display: none;
}
.mobile .block-hero {
  height: 300px;
}
.block-hero.has-image {
  height: calc(60vh - 100px);
}
.mobile .block-hero.has-image {
  height: calc(80vh - 80px);
}
.block-hero.has-image .hero-img {
  position: absolute;
  top: -100px;
  left: 50%;
  margin-left: -50vw;
  height: calc(60vh - 100px + 100px);
  width: 100vw;
  z-index: -1;
}
.mobile .block-hero.has-image .hero-img {
  height: calc(80vh - 80px + 100px);
}
.block-hero.has-image .hero-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.block-hero.has-image .hero-img .hero-overlay {
  background: var(--overlay-gradient);
  width: 100%;
  opacity: 0.75;
  transform: rotate(180deg);
  bottom: 0;
  height: 50%;
  position: absolute;
}
.block-hero.has-image-and-text {
  align-items: center;
}
.block-hero.has-image-and-text .image {
  border-radius: 10px;
  padding: 0;
  overflow: hidden;
  aspect-ratio: 3/2;
}
.block-cta img {
  position: relative;
  width: 100%;
}
.block-cta .checklist i {
  color: #6CB543;
}

.block-cta-large.block.wp-block-group {
  padding: 0;
  margin: -50px 0px 0px 0px;
}
.block-cta-large .content {
  padding: 200px 0px;
}
.tablet .block-cta-large .content, .mobile .block-cta-large .content {
  padding: 100px 0px;
}
.block-cta-large .content .content-background {
  background-color: var(--color-1-xtralight);
  height: 100%;
  width: 50vw;
  position: absolute;
  top: 0;
  right: 50%;
  z-index: -1;
}
.tablet .block-cta-large .content .content-background, .mobile .block-cta-large .content .content-background {
  width: 100vw;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
.tablet .block-cta-large .content .content-background .bg-right, .mobile .block-cta-large .content .content-background .bg-right {
  right: 0 !important;
}
.block-cta-large .content .content-background.bg-left {
  right: 0;
}
.block-cta-large .content .content-background.bg-right {
  left: 0;
}
.tablet .block-cta-large .content .content-background.bg-right, .mobile .block-cta-large .content .content-background.bg-right {
  left: unset;
}
.block-cta-large .image-container {
  position: absolute;
  width: 50vw;
  height: 100%;
}
.block-cta-large .image-container.image-left {
  right: 0;
}
.block-cta-large .image-container.image-right {
  left: 0;
}
.tablet .block-cta-large .image-container, .mobile .block-cta-large .image-container {
  position: relative;
  width: 100%;
  min-height: 250px;
}
.block-cta-large .image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tablet .block-cta-large .image-container img, .mobile .block-cta-large .image-container img {
  width: 100vw;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.block-content {
  margin-bottom: 150px !important;
}
.block-content .row {
  margin-bottom: 50px;
}
.block-content .row:last-child {
  margin-bottom: 0;
}
.block-content h2 {
  margin-bottom: 30px;
}
.block-content .block-image {
  height: 650px;
  margin: 100px 0px;
}
.block-content .block-image .image-container {
  height: 650px;
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: -50vw;
  margin-right: -50vw;
}
.block-content .block-image .image-container img {
  width: 100%;
}
@media screen and (max-width: 992px) {
  .block-content .block-image {
    height: 350px;
  }
  .block-content .block-image .image-container {
    height: 350px;
  }
}
.block-content section.bottom-part {
  position: absolute;
  bottom: -70px;
  height: 70px;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  width: 100vw;
  background-color: var(--color-1-xtralight);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  /* margin-bottom: 100px; */
  margin-top: -1px;
}

.block-faq .row {
  row-gap: 10px;
}
.block-faq .row p {
  margin-bottom: 0;
}
.block-faq .row .faq-item {
  border-radius: 10px;
  overflow: hidden;
}
.block-faq .row .faq-item .question {
  background-color: var(--color-1-xtralight);
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  border-radius: 10px;
}
.block-faq .row .faq-item .question i {
  color: var(--color-2);
  transition: transform 0.3s ease;
}
.block-faq .row .faq-item .answer {
  background-color: var(--color-1-xtralight);
  border-radius: 10px;
  margin-top: 5px;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.3s ease-out, opacity 0.3s ease-out, padding 0.3s ease-out;
  padding: 0;
}
.block-faq .row .faq-item.active .answer {
  max-height: unset;
  opacity: 1;
  padding: 30px;
}
.block-faq .row .faq-item.active .question i {
  transform: rotate(180deg);
}

.block-form .container .form main form > div {
  max-width: 100% !important;
}
.block-form .container .form main table.outer {
  width: 100% !important;
}
.block-form .container .form main table.outer tbody th.inner > div {
  padding: 10px 0px;
}
.block-form .container .form main table.outer .submitButtonWrapper {
  text-align: unset;
}

.block-product {
  padding-bottom: 0 !important;
}
.block-product .row-gap-2 {
  row-gap: 30px;
}
.block-product .price-card {
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  background: var(--color-1-xtralight);
  color: #fff;
}
.block-product .price-card h2,
.block-product .price-card h3 {
  color: #fff;
}
.block-product .price-card .price {
  font-size: 40px;
}
.block-product .price-card .button.third {
  color: #fff;
  font-weight: 400;
}
.block-product .price-card.price-card-1 {
  background: var(--gradient-1);
}
.block-product .price-card.price-card-2 {
  background: var(--gradient-2);
}
.block-product .price-card.price-card-3 {
  background: var(--gradient-3);
}
.block-product .price-card p.price {
  font-size: 21px;
  font-weight: bold;
}
.block-product .price-card .pricing-content .pricing-heading {
  min-height: 100px;
}
.block-product .price-card .pricing-content .featured-label {
  position: absolute;
  top: -10px;
  right: calc(-50% + 30px);
  min-width: 100%;
  z-index: 1;
}
.block-product .price-card .pricing-content .featured-label span {
  background-color: var(--color-2);
  color: white;
  font-size: 14px;
  font-weight: bold;
  width: 100%;
  padding: 50px 0px 10px 0px;
  display: block;
  text-align: center;
  transform: rotate(45deg);
}
.block-product ul.checklist {
  list-style: none;
  padding-left: 0;
  margin-bottom: 60px;
}
.block-product ul.checklist:before {
  position: relative;
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background-color: white;
  opacity: 0.8;
  margin: 30px 0px;
}
.block-product ul.checklist li {
  margin-bottom: 20px;
}
.block-product ul.checklist li:last-child {
  margin-bottom: 0;
}
.block-product ul.checklist li i {
  color: #6CB543;
  font-size: 18px;
}
.block-product .container.specificaties {
  position: relative;
  margin-top: 100px;
  margin-bottom: 0;
  padding: 0;
}
.block-product .container.specificaties .tabs {
  gap: 40px;
  margin-bottom: 40px;
  position: relative;
}
.block-product .container.specificaties .tabs .tab-button {
  border: none;
  background: unset;
  padding: 0;
  cursor: pointer;
  position: relative;
}
.block-product .container.specificaties .tabs .tab-button:first-child {
  padding-left: 0;
}
.block-product .container.specificaties .tabs .tab-button.active {
  color: var(--color-2);
  font-weight: bold;
}
.block-product .container.specificaties .tabs .tab-button.active:after {
  content: "";
  width: 100%;
  background-color: var(--color-2);
  height: 3px;
  display: block;
  position: absolute;
  bottom: -10px;
  z-index: 1;
}
.block-product .container.specificaties .tab-content {
  display: flex;
  flex-direction: column;
}
.block-product .container.specificaties .tab-content .external-image img {
  max-height: 40px;
}
.block-product .container.specificaties .tab-content .specificatie-item {
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out, height 0.5s ease-in-out;
}
.block-product .container.specificaties .tab-content .specificatie-item.active {
  opacity: 1;
  visibility: visible;
  height: auto;
  overflow: visible;
}
.block-product .container.specificaties .tab-content .specificatie-item .row {
  row-gap: 40px;
}
.block-product .container.specificaties .tab-content .gallery {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.block-product .container.specificaties .tab-content .gallery a {
  position: relative;
  width: auto;
  max-width: 250px;
  height: auto;
  overflow: hidden;
  display: block;
}
.block-product .container.specificaties .tab-content .gallery a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.block-product .container.specificaties .tab-content .gallery a i {
  font-size: 60px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  top: 50%;
  z-index: 1;
  color: var(--color-2);
}
.block-product .container.specificaties .tab-content .gallery a:hover img {
  transform: scale(1.05);
}

.block-steps .steps {
  margin: 50px 0px;
}
.block-steps .steps .step-item {
  text-align: center;
}
.block-steps .steps .step-item h4 {
  position: absolute;
  bottom: 20px;
  word-break: normal;
}
.mobile .block-steps .steps .step-item h4 {
  font-size: 18px;
}
.block-steps .steps .step-item .circle {
  height: 130px;
  width: 130px;
  border-radius: 100%;
  border: 5px solid white;
  box-shadow: 0px 0px 40px -5px rgba(255, 255, 255, 0.5);
}
.block-steps .steps .step-item .circle h3 {
  margin: 0;
}
.mobile .block-steps .steps .step-item .circle {
  height: 80px;
  width: 80px;
}
.block-steps .steps .step-item.step-item:nth-of-type(1) .circle {
  background-color: var(--color-1-light);
}
.block-steps .steps .step-item.step-item:nth-of-type(3) .circle {
  background-color: var(--color-1);
}
.block-steps .steps .step-item.step-item:nth-of-type(5) .circle {
  background-color: var(--color-2);
}
.block-steps .steps .horizontal-line {
  margin: 65px 10px;
  width: 100%;
  height: 5px;
  background-color: #fff;
}
.mobile .block-steps .steps .horizontal-line {
  margin: 40px 10px;
}

.block-roadmap .roadmap-container {
  width: 100%;
  row-gap: 100px;
}
.block-roadmap .roadmap-container .roadmap-category .roadmap-item {
  background-color: #fff;
  border-radius: 10px;
}
.block-roadmap .roadmap-container .roadmap-category .roadmap-item h5 {
  color: #003E88;
  font-weight: bold;
  margin-top: 20px;
}
.block-roadmap .roadmap-container .roadmap-category .roadmap-item p {
  color: #111;
}
.block-roadmap .roadmap-container .roadmap-category .roadmap-item .label.planned {
  background-color: rgb(51, 100.6, 159.8);
}
.block-roadmap .roadmap-container .roadmap-category .roadmap-item .label.development {
  background-color: #003E88;
}
.block-roadmap .roadmap-container .roadmap-category .roadmap-item .label.released {
  background-color: #6CB543;
}

header.wp-block-template-part {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
}
.scrolled header.wp-block-template-part {
  background-color: var(--color-1);
  transition: all 0.2s ease-in-out;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
.logged-in header.wp-block-template-part {
  margin-top: 32px;
}
header.wp-block-template-part section.header-container {
  height: 100px;
  display: flex;
  align-items: center;
}
.mobile header.wp-block-template-part section.header-container {
  height: 80px;
}
.mobile header.wp-block-template-part section.header-container .container {
  width: calc(100% - 40px);
}
header.wp-block-template-part section.header-container .container .header-left {
  z-index: 10;
}
header.wp-block-template-part section.header-container .container .header-left a#logo img {
  height: 75px;
}
.mobile header.wp-block-template-part section.header-container .container .header-left a#logo img {
  height: 65px;
}
header.wp-block-template-part section.header-container .container .header-right {
  display: flex;
  position: relative;
  z-index: 10;
}
header.wp-block-template-part section.header-container .container .header-right nav.classic-menu {
  display: flex;
  align-items: center;
}
.mobile header.wp-block-template-part section.header-container .container .header-right nav.classic-menu, .tablet header.wp-block-template-part section.header-container .container .header-right nav.classic-menu {
  display: none;
}
header.wp-block-template-part section.header-container .container .header-right nav.classic-menu ul#menu-hoofdmenu {
  list-style: none;
  display: flex;
  margin: 0;
}
header.wp-block-template-part section.header-container .container .header-right nav.classic-menu ul#menu-hoofdmenu li {
  padding: 0 20px;
}
header.wp-block-template-part section.header-container .container .header-right nav.classic-menu ul#menu-hoofdmenu li a {
  text-decoration: none;
  color: #fff;
}
header.wp-block-template-part section.header-container .container .header-right nav.classic-menu ul#menu-hoofdmenu li a:hover {
  transition: all 0.2s ease-in-out;
}
header.wp-block-template-part section.header-container .container .header-right nav.classic-menu ul#menu-hoofdmenu li.current-menu-item a, header.wp-block-template-part section.header-container .container .header-right nav.classic-menu ul#menu-hoofdmenu li.current-menu-ancestor a, header.wp-block-template-part section.header-container .container .header-right nav.classic-menu ul#menu-hoofdmenu li.current-menu-parent a {
  font-weight: bold;
}
header.wp-block-template-part section.header-container .container .header-right nav.classic-menu ul#menu-hoofdmenu.classic-menu-list li {
  position: relative;
}
header.wp-block-template-part section.header-container .container .header-right nav.classic-menu ul#menu-hoofdmenu.classic-menu-list li .sub-menu {
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 20px;
  padding: 0;
  margin: 0;
  list-style: none;
  z-index: 99;
}
header.wp-block-template-part section.header-container .container .header-right nav.classic-menu ul#menu-hoofdmenu.classic-menu-list li .sub-menu > li.menu-item {
  padding: 0;
}
header.wp-block-template-part section.header-container .container .header-right nav.classic-menu ul#menu-hoofdmenu.classic-menu-list li .sub-menu > li.menu-item > a {
  display: block;
  width: 100%;
  background-color: var(--color-1-dark);
  padding: 10px 20px;
}
header.wp-block-template-part section.header-container .container .header-right nav.classic-menu ul#menu-hoofdmenu.classic-menu-list li .sub-menu > li.menu-item > a:hover {
  background-color: var(--color-1-light);
  transition: all 0.2s ease-in-out;
}
header.wp-block-template-part section.header-container .container .header-right nav.classic-menu ul#menu-hoofdmenu.classic-menu-list li .sub-menu > li.current-menu-item a {
  background-color: var(--color-2);
}
header.wp-block-template-part section.header-container .container .header-right nav.classic-menu ul#menu-hoofdmenu.classic-menu-list li:hover > .sub-menu {
  opacity: 1;
  transition: all 0.2s ease-in-out;
}
header.wp-block-template-part section.header-container .container .header-right button#mobile-menu-toggle {
  display: flex;
  flex-direction: column;
  font-size: 2rem;
  border-radius: 30px;
  border: none;
  z-index: 20;
  height: 50px;
  width: 50px;
  justify-content: center;
  align-self: center;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  transition: all 0.2s ease-in-out;
}
header.wp-block-template-part section.header-container .container .header-right button#mobile-menu-toggle i {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.2s ease-in-out;
}
.scrolled header.wp-block-template-part section.header-container .container .header-right button#mobile-menu-toggle {
  background-color: #fff;
}
.scrolled header.wp-block-template-part section.header-container .container .header-right button#mobile-menu-toggle i {
  color: var(--color-1);
}
header.wp-block-template-part section.header-container .container .header-right button#mobile-menu-toggle.closed .close-icon {
  opacity: 0;
  transform: rotate(180deg);
}
header.wp-block-template-part section.header-container .container .header-right button#mobile-menu-toggle.open .open-icon {
  opacity: 0;
  transform: rotate(180deg);
}
.desktop header.wp-block-template-part section.header-container .container .header-right button#mobile-menu-toggle, .desktop-large header.wp-block-template-part section.header-container .container .header-right button#mobile-menu-toggle, .desktop-extra-large header.wp-block-template-part section.header-container .container .header-right button#mobile-menu-toggle {
  display: none;
}
header.wp-block-template-part section.header-container .container .header-right nav.mobile-menu {
  position: fixed;
  right: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  background: var(--color-1);
  padding: 80px 40px;
  transition: right 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
header.wp-block-template-part section.header-container .container .header-right nav.mobile-menu a#logo img {
  height: 80px;
  margin-bottom: 20px;
}
header.wp-block-template-part section.header-container .container .header-right nav.mobile-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
header.wp-block-template-part section.header-container .container .header-right nav.mobile-menu ul li {
  padding: 10px 0;
}
header.wp-block-template-part section.header-container .container .header-right nav.mobile-menu ul li a {
  color: #fff;
  text-decoration: none;
  display: block;
  font-size: 1.2rem;
}
header.wp-block-template-part section.header-container .container .header-right nav.mobile-menu ul li a:hover {
  opacity: 0.8;
}
header.wp-block-template-part section.header-container .container .header-right nav.mobile-menu ul li.current-menu-item a {
  font-weight: bold;
  text-decoration: underline;
}
.desktop header.wp-block-template-part section.header-container .container .header-right nav.mobile-menu, .desktop-large header.wp-block-template-part section.header-container .container .header-right nav.mobile-menu, .desktop-extra-large header.wp-block-template-part section.header-container .container .header-right nav.mobile-menu {
  display: none;
}
header.wp-block-template-part section.header-container .container .header-right nav.mobile-menu.closed {
  right: -100vw;
}
header.wp-block-template-part section.header-container .header-overlay {
  background: var(--overlay-gradient);
  width: 100%;
  opacity: 0.75;
  top: 0;
  height: 100%;
  position: absolute;
  z-index: 8;
}
.scrolled header.wp-block-template-part section.header-container .header-overlay {
  opacity: 0;
  transition: all 0.2s ease-in-out;
}
header.wp-block-template-part + * {
  margin-top: 100px !important;
}

footer {
  background-color: var(--color-1-xtralight);
  margin-top: 0;
}
footer .top h5 {
  color: var(--color-1);
  font-weight: bold;
}
footer .top img.logo {
  height: 100px;
}

.breadcrumbs {
  padding: 20px 0px;
}
.breadcrumbs .item {
  margin-right: 10px;
  font-weight: lighter;
}
.breadcrumbs .item:not(:last-child):after {
  content: "/";
  margin-left: 10px;
}
.breadcrumbs .item a {
  color: #fff;
}
.breadcrumbs .item.current {
  font-weight: bold;
}

.chat .chatbot-avatar {
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  position: fixed;
  bottom: 40px;
  right: 40px;
  height: 75px;
  width: 75px;
}
.mobile .chat .chatbot-avatar {
  bottom: 20px;
  right: 20px;
}
.chat .chatbot-avatar:hover {
  width: 80px;
  height: 80px;
}
.chat .chatbot-avatar .profile-picture-container {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 5px solid var(--color-2);
  overflow: hidden;
  box-shadow: 1px 1px 16px 0px rgba(0, 0, 0, 0.49);
  -webkit-box-shadow: 1px 1px 16px 0px rgba(0, 0, 0, 0.49);
  -moz-box-shadow: 1px 1px 16px 0px rgba(0, 0, 0, 0.49);
}
.chat .chatbot-avatar .profile-picture-container img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.chat .chatbot-avatar .profile-picture-container::before {
  content: "1";
  width: 24px;
  height: 24px;
  font-size: 15px;
  text-align: center;
  border-radius: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #E11111;
  color: #fff;
}
.chat .chatbot-avatar .content p {
  margin-bottom: 0;
}
.chat .chatbot-avatar.closed {
  bottom: -100%;
}
.chat .window {
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  transition: all 0.2s ease-in-out;
  box-shadow: 1px 1px 16px 0px rgba(0, 0, 0, 0.49);
  -webkit-box-shadow: 1px 1px 16px 0px rgba(0, 0, 0, 0.49);
  -moz-box-shadow: 1px 1px 16px 0px rgba(0, 0, 0, 0.49);
  position: fixed;
  z-index: 999;
  bottom: 0;
  right: 0;
  height: 60vh;
  width: 33vw;
}
.mobile .chat .window {
  width: 100vw;
  height: 100vh;
  height: 100dvh;
}
.chat .window .close-chat-button {
  text-decoration: none;
  cursor: pointer;
}
.chat .window .close-chat-button i {
  color: #fff;
  font-size: 30px;
  transition: all 0.2s ease-in-out 0.1s;
}
.chat .window .chat-header {
  position: absolute;
  width: 100%;
  background-color: var(--color-2);
  height: 54px;
}
.chat .window .chat-header h5 {
  color: #fff !important;
  margin: 0;
}
.chat.closed .window {
  right: 0;
  bottom: -60vh;
}
.mobile .chat.closed .window {
  right: unset;
  bottom: -100vh;
  bottom: -100dvh;
}

main {
  flex: 1;
}

div.wp-site-blocks {
  overflow-x: hidden;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.admin-bar div.wp-site-blocks {
  min-height: calc(100vh - 32px);
}

body.indocs_template_archive,
body.single-roadmap {
  background-image: url("../patterns/archive-pattern.svg"), var(--archive-bg-gradient);
  background-repeat: repeat;
  background-attachment: fixed;
  background-size: auto;
}
body.indocs_template_archive .block h1, body.indocs_template_archive .block h2, body.indocs_template_archive .block h3, body.indocs_template_archive .block h4, body.indocs_template_archive .block h5, body.indocs_template_archive .block p, body.indocs_template_archive .block label,
body.single-roadmap .block h1,
body.single-roadmap .block h2,
body.single-roadmap .block h3,
body.single-roadmap .block h4,
body.single-roadmap .block h5,
body.single-roadmap .block p,
body.single-roadmap .block label {
  color: #fff;
}

body {
  overflow-x: hidden;
}

.container {
  padding: 0 !important;
  font-family: "Open sans";
  line-height: 2;
}
.container p {
  font-size: 16px;
}
.container h1 {
  font-size: 42px;
}
.mobile .container h1 {
  font-size: 28px;
}
.container h2 {
  font-size: 40px;
}
.mobile .container h2 {
  font-size: 26px;
}
.container h1,
.container h2,
.container h3,
.container h4 {
  font-weight: bold;
  color: var(--color-1);
  margin-bottom: 20px;
  word-break: break-word;
  overflow-wrap: break-word;
}
.container .subtitle {
  font-size: 20px;
  color: var(--color-3);
}
.container a {
  text-decoration: none;
  color: var(--color-1);
}
.container a:hover:not(.button) {
  text-decoration: underline;
}
.container .button,
.container .submitButton {
  background-color: var(--color-2);
  border: 2px solid var(--color-2);
  color: #fff;
  padding: 7px 20px;
  border-radius: 10px;
  box-sizing: border-box;
  font-weight: bold;
  transition: all 0.2s ease-in-out;
}
.container .button:hover,
.container .submitButton:hover {
  background-color: var(--color-2-dark);
  border: 2px solid var(--color-2-dark);
}
.container .button.secondary,
.container .submitButton.secondary {
  background-color: unset;
  color: var(--color-2);
  border: 2px solid var(--color-2);
}
.container .button.secondary:hover,
.container .submitButton.secondary:hover {
  background-color: var(--color-2-dark);
  border: 2px solid var(--color-2-dark);
  color: #fff;
}
.container .button.third,
.container .submitButton.third {
  background-color: unset;
  border: unset;
  color: var(--color-1);
  text-decoration: underline;
}
.container .block {
  margin-bottom: 50px;
  padding: 50px 0px;
  position: relative;
}
.mobile .container .block {
  padding: 20px 0px;
  margin-bottom: 20px;
}
.container .block:has(section.full-bg) {
  padding: 100px 0px;
}
.mobile .container .block:has(section.full-bg) {
  padding: 70px 0px;
}
.container section.full-bg {
  z-index: -1;
  width: 100vw;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background-color: var(--color-1-xtralight);
}
.container section,
.container div {
  scroll-margin-top: 100px;
}
.mobile .container section,
.mobile .container div {
  scroll-margin-top: 80px;
}
.container img.focuspoint {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.label {
  background-color: #003E88;
  padding: 5px 15px;
  border-radius: 20px;
  color: #fff;
}

.container.specificaties section.full-bg {
	top: -50px;
	bottom: -50px;
}

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