.archive.archive-one {
  padding: 40px 0;
}
.archive.archive-one .has-primary-color {
  color: var(--wp--preset--color--primary) !important;
}
.archive.archive-one .has-secondary-color {
  color: var(--wp--preset--color--secondary) !important;
}
.archive.archive-one .has-accent-color {
  color: var(--wp--preset--color--accent) !important;
}
.archive.archive-one > p {
  margin-bottom: 16px;
}
.archive.archive-one > h2 {
  max-width: 50%;
  margin-bottom: 48px;
}
.archive.archive-one .loop .card {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 48px;
}
.archive.archive-one .loop .card .wp-block-post .wp-block-post-featured-image {
  height: 160px;
  margin-bottom: 24px;
}
.archive.archive-one .loop .card .wp-block-post .wp-block-post-featured-image img {
  height: 100%;
  object-fit: cover;
}
.archive.archive-one .loop .card .wp-block-post .wp-block-post-title {
  margin-bottom: 24px;
}
.archive.archive-one .loop .card .wp-block-post .wp-block-post-excerpt__excerpt {
  margin-bottom: 24px;
}
.archive.archive-one .loop .card .wp-block-post .wp-block-post-excerpt__more-link {
  text-decoration: unset;
}

@media screen and (max-width: 767px) {
  .archive.archive-one {
    padding: 24px 0;
  }
  .archive.archive-one h2 {
    max-width: 100%;
    margin-bottom: 24px;
  }
  .archive.archive-one .loop .card {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 16px;
  }
}
.cta.cta-01 {
  padding: 80px 0;
}
@media screen and (max-width: 767px) {
  .cta.cta-01 {
    padding: 64px 0;
  }
}
.cta.cta-01 h2 {
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .cta.cta-01 h2 {
    margin-bottom: 16px;
  }
}
.cta.cta-01 .wp-block-buttons {
  margin-top: 32px;
}
@media screen and (max-width: 767px) {
  .cta.cta-01 .wp-block-buttons {
    display: flex;
    flex-direction: column;
    margin-top: 24px;
  }
  .cta.cta-01 .wp-block-buttons .wp-block-button {
    width: 100%;
  }
  .cta.cta-01 .wp-block-buttons .wp-block-button .wp-block-button__link {
    width: 100%;
    padding: 12px 0;
  }
}

.cta.cta-02 .column-left h2.wp-block-heading {
  margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
  .cta.cta-02 .column-left h2.wp-block-heading {
    margin-bottom: 24px;
  }
}
.cta.cta-02 .column-left .wp-block-buttons {
  margin-top: 48px;
}
@media screen and (max-width: 767px) {
  .cta.cta-02 .column-left .wp-block-buttons {
    margin-top: 32px;
    display: flex;
    flex-direction: column;
  }
  .cta.cta-02 .column-left .wp-block-buttons .wp-block-button {
    width: 100%;
  }
  .cta.cta-02 .column-left .wp-block-buttons .wp-block-button .wp-block-button__link {
    width: 100%;
    padding: 12px 0;
  }
}
@media screen and (max-width: 767px) {
  .cta.cta-02 .column-right .wp-block-image img {
    max-height: 280px;
    height: 280px;
    object-fit: cover;
  }
}
@media screen and (max-width: 767px) {
  .cta.cta-02 {
    padding: 64px 0;
  }
  .cta.cta-02 .is-layout-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 48px;
  }
}

.cta.cta-07 {
  padding: 40px 0;
}
.cta.cta-07 .is-layout-grid {
  gap: 20px;
}
.cta.cta-07 .column-left .image {
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
}
.cta.cta-07 .column-left img {
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
}
.cta.cta-07 .column-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 32px;
  padding: 48px 0;
  padding-left: 48px;
}
.cta.cta-07 .column-right h2 {
  margin-bottom: 8px;
}

@media screen and (max-width: 767px) {
  .cta.cta-07 {
    padding: 32px 0;
  }
  .cta.cta-07 .is-layout-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 24px;
  }
  .cta.cta-07 .column-right {
    padding: 0;
    gap: 16px;
  }
  .cta.cta-07 .column-right h2 {
    margin-bottom: 0;
  }
  .cta.cta-07 .column-right .wp-block-list {
    margin-top: 12px;
    margin-bottom: 16px;
  }
  .cta.cta-07 .column-right .wp-block-buttons {
    width: 100%;
    margin-top: 8px;
  }
  .cta.cta-07 .column-right .wp-block-buttons .wp-block-button {
    width: 100%;
  }
  .cta.cta-07 .column-right .wp-block-buttons .wp-block-button a {
    width: 100%;
  }
}
.contact.contact-one {
  padding: 32px 0;
}
.contact.contact-one .contact-container {
  padding: 64px;
  border-radius: 16px;
  background-color: var(--wp--preset--color--text);
}
.contact.contact-one .contact-left {
  padding: 32px;
  color: var(--wp--preset--color--custom-white);
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.contact.contact-one .contact-left .wp-block-hq-block-plugin-hq-block-iconenlijst {
  max-width: 100%;
  width: 100%;
}
.contact.contact-one .contact-left .wp-block-hq-block-plugin-hq-block-iconenlijst svg rect {
  fill: #fff;
  fill-opacity: 1;
}
.contact.contact-one .contact-right {
  padding: 32px;
  color: var(--wp--preset--color--custom-white);
}
.contact.contact-one .contact-right .ginput_container input {
  background-color: transparent;
  border: solid 1px rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  padding: 16px 20px;
  color: var(--wp--preset--color--custom-white);
  font-size: var(--wp--preset--font-size--16);
}
.contact.contact-one .contact-right .ginput_container input::placeholder {
  color: var(--wp--preset--color--custom-white);
}
.contact.contact-one .contact-right .ginput_container input::-webkit-input-placeholder {
  color: var(--wp--preset--color--custom-white);
}
.contact.contact-one .contact-right .ginput_container textarea {
  background-color: transparent;
  border: solid 1px rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  padding: 16px 20px;
  height: 110px;
  color: var(--wp--preset--color--custom-white);
  font-size: var(--wp--preset--font-size--16);
}
.contact.contact-one .contact-right .ginput_container textarea::placeholder {
  color: var(--wp--preset--color--custom-white);
}
.contact.contact-one .contact-right .gform_button {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--custom-white);
  padding: 16px 20px;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  cursor: pointer;
}
.contact.contact-one .contact-right .gform_footer {
  padding: 0;
  margin: 0;
  margin-top: 32px;
}
.contact.contact-one .contact-right .gform_footer .gform_button {
  font-size: var(--wp--preset--font-size--16);
}

@media screen and (max-width: 1024px) {
  .contact.contact-one .contact-container {
    padding: 32px;
  }
  .contact.contact-one .contact-container .is-layout-grid {
    gap: 24px;
  }
  .contact.contact-one .contact-container .is-layout-grid .contact-left {
    padding: 0;
  }
  .contact.contact-one .contact-container .is-layout-grid .contact-right {
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .contact.contact-one .contact-container {
    padding: 24px;
  }
  .contact.contact-one .contact-container .is-layout-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 32px;
  }
  .contact.contact-one .contact-container .is-layout-grid .contact-left {
    padding: 0;
    gap: 16px;
  }
  .contact.contact-one .contact-container .is-layout-grid .contact-right {
    padding: 0;
  }
  .contact.contact-one .contact-container .is-layout-grid .contact-right .gform_wrapper .gform_footer {
    margin-top: 8px;
  }
  .contact.contact-one .contact-container .is-layout-grid .contact-right .gform_wrapper .gform_footer .gform_button {
    width: 100%;
  }
}
.content.content-one {
  padding-top: 32px;
  padding-bottom: 64px;
  max-width: 840px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media screen and (max-width: 1024px) {
  .content.content-one {
    padding-top: 16px;
    padding-bottom: 48px;
  }
}
@media screen and (max-width: 767px) {
  .content.content-one {
    padding-top: 16px;
    padding-bottom: 32px;
  }
}
.text-content.text-content-06 {
  padding: 40px 0;
}
.text-content.text-content-06 .is-layout-grid {
  gap: 24px;
}
.text-content.text-content-06 h2 {
  margin-top: 0;
  margin-bottom: 12px;
}
.text-content.text-content-06 h3 {
  margin-top: 0;
  margin-bottom: 12px;
}

.text-content.text-content-08 {
  padding: 40px 0;
}
.text-content.text-content-08 .column-right h2 {
  margin-top: 0;
  margin-bottom: 40px;
}
.text-content.text-content-08 .column-right .wp-block-buttons {
  margin-top: 40px;
}

.diensten-one {
  padding: 40px 0;
}
.diensten-one .diensten-header {
  margin-bottom: 2.5rem;
}
.diensten-one .icon {
  border: 1px solid #DDDDE3;
  border-radius: 999px;
  padding: 1rem;
  margin-bottom: 0.5rem;
}
.diensten-one .wp-block-buttons {
  margin-top: 2.5rem;
}

.diensten.diensten-two {
  padding: 64px 0;
  background-color: var(--wp--preset--color--background-light);
}
.diensten.diensten-two .diensten-title {
  margin-bottom: 16px;
}
.diensten.diensten-two .diensten-grid {
  gap: 20px;
}
.diensten.diensten-two .dienst {
  display: flex;
  flex-direction: column;
  gap: 16px;
  background-color: var(--wp--preset--color--custom-white);
  padding: 24px;
  border-radius: 16px;
}
.diensten.diensten-two .dienst h4 {
  margin-bottom: 16px;
}

@media screen and (max-width: 1024px) {
  .diensten.diensten-two {
    padding: 32px 20px;
    padding-bottom: 48px;
  }
  .diensten.diensten-two .diensten-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .diensten.diensten-two .diensten-grid .dienst h4 {
    margin-bottom: 0;
  }
  .diensten.diensten-two .diensten-grid .dienst:last-child:nth-last-child(odd) {
    grid-column: span 2/span 2;
  }
}
@media screen and (max-width: 767px) {
  .diensten.diensten-two {
    padding: 32px 20px;
  }
  .diensten.diensten-two .diensten-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .diensten.diensten-two .diensten-grid .dienst {
    grid-column: span 1/span 1 !important;
  }
  .diensten.diensten-two .diensten-grid .dienst h4 {
    margin-bottom: 0;
  }
}
.header.header-one {
  padding: 24px 20px;
  background-color: var(--wp--preset--color--custom-white);
}
.header.header-one .header-button__icon a {
  display: flex;
  align-items: center;
  gap: 8px;
  line-height: 1em;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .header.header-one .wp-block-button:not(.header-button__icon) {
    display: none;
  }
  .header.header-one .header-button__icon a {
    padding: 0;
  }
}
.hero.hero-one {
  padding: 5rem 0;
}
.hero.hero-one .wp-block-columns {
  margin-bottom: 0;
}
.hero.hero-one h1.hero-title {
  line-height: 1.1em;
  margin-top: 0;
  margin-bottom: 1.5rem;
}
.hero.hero-one p.hero-text {
  max-width: 66%;
  margin: 0 auto;
}
.hero.hero-one .hero-button-group {
  margin-top: 1.5rem;
}

@media screen and (max-width: 767px) {
  .hero.hero-one {
    padding-top: 48px;
    padding-bottom: 24px;
  }
  .hero.hero-one p.hero-text {
    max-width: 100%;
  }
}
.hero.hero-two {
  padding-top: 64px;
  padding-bottom: 32px;
}
.hero.hero-two .hero-grid {
  gap: 20px;
}
.hero.hero-two .hero-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 32px;
}
.hero.hero-two .hero-content .hero-list {
  margin: 0 !important;
}
.hero.hero-two .hero-content .hero-list ul.icon-list {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.hero.hero-two .hero-content .hero-list li {
  display: flex;
  align-items: center;
  gap: 8px;
}
.hero.hero-two .hero-content .hero-list li .block-editor-rich-text__editable {
  display: flex !important;
  align-items: center;
  gap: 8px;
}
.hero.hero-two .hero-content .hero-list li .block-editor-rich-text__editable svg {
  display: none;
}
.hero.hero-two .hero-content .hero-buttons {
  margin: 0 !important;
}
.hero.hero-two .hero-content .hero-label {
  margin: 0 !important;
  font-weight: 500;
}
.hero.hero-two .hero-content .logos-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0 !important;
}
.hero.hero-two .hero-content .logos-container .hero-logos {
  margin: 0 !important;
  gap: 32px !important;
}
.hero.hero-two .hero-content .logos-container .hero-logos figure.wp-block-image {
  width: auto !important;
}
.hero.hero-two .hero-content .logos-container .hero-logos img {
  width: auto;
  height: 32px;
  object-fit: contain;
  filter: grayscale(1);
}
.hero.hero-two .hero-image__container {
  padding-left: 48px;
}
.hero.hero-two .hero-image__container .hero-image {
  border-radius: 16px;
  overflow: hidden;
  height: 100%;
}
.hero.hero-two .hero-image__container .hero-image img {
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 1024px) {
  .hero.hero-two {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .hero.hero-two .hero-image__container {
    padding-left: 24px;
  }
  .hero.hero-two .logos-container .hero-logos {
    flex-wrap: nowrap;
  }
}
@media screen and (max-width: 767px) {
  .hero.hero-two {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .hero.hero-two .hero-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 32px;
  }
  .hero.hero-two .hero-grid .hero-content {
    gap: 24px;
  }
  .hero.hero-two .hero-image__container {
    padding: 0;
    max-height: 250px;
  }
  .hero.hero-two .wp-block-buttons {
    width: 100%;
    margin-top: 8px;
  }
  .hero.hero-two .wp-block-buttons .wp-block-button {
    width: 100%;
  }
  .hero.hero-two .wp-block-buttons .wp-block-button a {
    width: 100%;
  }
  .hero.hero-two .logos-container .hero-logos {
    flex-wrap: nowrap;
  }
}
.hero.hero-3 {
  position: relative;
  margin-bottom: 40px;
}
.hero.hero-3 .column-left {
  justify-content: center;
  padding: 7rem 0;
  z-index: 2;
}
.hero.hero-3 .column-left .has-primary-color {
  color: var(--wp--preset--color--primary) !important;
}
.hero.hero-3 .column-left .has-secondary-color {
  color: var(--wp--preset--color--secondary) !important;
}
.hero.hero-3 .column-left .has-accent-color {
  color: var(--wp--preset--color--accent) !important;
}
.hero.hero-3 .column-left h1 {
  margin-bottom: 20px;
}
.hero.hero-3 .column-left h1 + p {
  max-width: 85%;
}
.hero.hero-3 .column-left .wp-block-buttons {
  margin-top: 48px;
}
.hero.hero-3 .column-right {
  z-index: 1;
}
.hero.hero-3 .column-right .wp-block-image {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  max-height: 100%;
  width: 65vw;
  max-width: 65vw;
}
.hero.hero-3 .column-right .wp-block-image img {
  aspect-ratio: unset !important;
  height: 100%;
  width: 100%;
  object-fit: cover;
  mask-image: url("/wp-content/themes/hq-online-theme/assets/images/hero-3-vector.png");
  mask-size: cover;
  mask-position: bottom left;
}

@media screen and (max-width: 767px) {
  .hero.hero-3 .is-layout-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .hero.hero-3 .column-left {
    padding-top: 40px;
    padding-bottom: 24px;
  }
  .hero.hero-3 .column-left h1 {
    margin-bottom: 8px;
  }
  .hero.hero-3 .column-left h1 + p {
    max-width: unset;
  }
  .hero.hero-3 .column-left .wp-block-buttons {
    margin-top: 16px;
  }
  .hero.hero-3 .column-right .wp-block-image {
    position: relative;
    max-width: unset;
    width: 100%;
  }
  .hero.hero-3 .column-right .wp-block-image img {
    min-width: unset;
    width: 100%;
    mask-image: unset;
  }
}
.image-block.image-fw {
  overflow: hidden;
  padding: 40px 0;
}
.image-block.image-fw .block-image {
  height: 100%;
}
.image-block.image-fw .block-image .components-resizable-box__container {
  max-width: 100% !important;
  width: 100% !important;
}
.image-block.image-fw .block-image img {
  width: 100% !important;
  object-fit: cover;
  object-position: center;
}

.reviews.reviews-one {
  padding: 64px 0;
}
.reviews.reviews-one .reviews-content {
  max-width: 700px;
  margin-bottom: 48px;
}
.reviews.reviews-one .reviews-content .reviews-title {
  margin: 24px 0;
}
.reviews.reviews-one .reviews-content .reviews-text {
  max-width: 90%;
  margin: 0 auto;
}
.reviews.reviews-one .review-grid {
  gap: 16px;
  margin-bottom: 48px;
}
.reviews.reviews-one .review-grid .review {
  padding: 24px;
  background-color: var(--wp--preset--color--background-light);
  border-radius: 8px;
}
.reviews.reviews-one .review-grid .review .wp-block-hq-block-plugin-hq-block-waarderingen {
  margin-bottom: 12px;
}
.reviews.reviews-one .review-grid .review h6 {
  margin-bottom: 6px;
}
.reviews.reviews-one .review-grid .review p {
  font-size: 16px;
  line-height: 170%;
}

@media screen and (max-width: 767px) {
  .reviews.reviews-one {
    padding: 32px 0;
  }
  .reviews.reviews-one .review-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    margin-bottom: 24px;
  }
  .reviews.reviews-one .wp-block-buttons {
    width: 100%;
  }
  .reviews.reviews-one .wp-block-buttons .wp-block-button {
    width: 100%;
  }
  .reviews.reviews-one .wp-block-buttons .wp-block-button a {
    width: 100%;
  }
}
.faq.faq-one {
  padding: 32px 0;
  display: flex;
  flex-direction: column;
  gap: 48px;
  max-width: 840px;
}
.faq.faq-one .faq-contact__container {
  max-width: 640px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.faq.faq-one .faq-contact__container .faq-contact__text {
  margin-bottom: 16px;
}
.faq.faq-one .faq-contact__container .faq-usps {
  max-width: 90%;
}

@media screen and (max-width: 767px) {
  .faq.faq-one {
    gap: 24px;
  }
  .faq.faq-one .faq-contact__title {
    margin-top: 8px;
  }
}
.werkwijze.werkwijze-one {
  padding-top: 64px;
  padding-bottom: 32px;
}
.werkwijze.werkwijze-one .werkwijze-grid {
  gap: 20px;
}
.werkwijze.werkwijze-one .werkwijze-stappen {
  grid-column: span 5/span 5;
  background-color: var(--wp--preset--color--background-light);
  padding: 48px;
  border-radius: 16px;
}
.werkwijze.werkwijze-one .werkwijze-content {
  grid-column: span 7/span 7;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
}
.werkwijze.werkwijze-one .werkwijze-content .icon-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media screen and (max-width: 1024px) and (min-width: 767px) {
  .werkwijze.werkwijze-one {
    padding-top: 48px;
  }
  .werkwijze.werkwijze-one .werkwijze-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .werkwijze.werkwijze-one .werkwijze-grid .werkwijze-stappen {
    padding: 24px;
    grid-column: span 7/span 7;
  }
  .werkwijze.werkwijze-one .werkwijze-grid .werkwijze-stappen .steps-list {
    flex-direction: row;
  }
  .werkwijze.werkwijze-one .werkwijze-grid .werkwijze-stappen .steps-list .steps-list-item {
    flex-direction: column;
    gap: 16px;
  }
  .werkwijze.werkwijze-one .werkwijze-grid .werkwijze-content {
    gap: 16px;
  }
  .werkwijze.werkwijze-one .werkwijze-grid .werkwijze-content .wp-block-buttons {
    margin-top: 8px;
  }
}
@media screen and (max-width: 767px) {
  .werkwijze.werkwijze-one {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .werkwijze.werkwijze-one .werkwijze-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 32px;
  }
  .werkwijze.werkwijze-one .werkwijze-grid .werkwijze-stappen {
    grid-column: span 7/span 7;
    padding: 24px;
  }
  .werkwijze.werkwijze-one .werkwijze-grid .werkwijze-content {
    gap: 16px;
  }
  .werkwijze.werkwijze-one .werkwijze-grid .werkwijze-content .icon-list {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .werkwijze.werkwijze-one .werkwijze-grid .werkwijze-content .wp-block-buttons {
    width: 100%;
    margin-top: 8px;
  }
  .werkwijze.werkwijze-one .werkwijze-grid .werkwijze-content .wp-block-buttons .wp-block-button {
    width: 100%;
  }
  .werkwijze.werkwijze-one .werkwijze-grid .werkwijze-content .wp-block-buttons .wp-block-button a {
    width: 100%;
  }
}
.components-panel__body.is-opened .block-editor-panel-color-gradient-settings {
  padding-left: 0;
  padding-right: 0;
  border-top: 0;
}

.wp-block-button__link {
  transition: all 0.2s ease-in-out;
  padding: 1em 2em;
}
.wp-block-button__link:hover {
  background-color: var(--custom-hover-background-color) !important;
  color: var(--custom-hover-text-color) !important;
}

.wp-block-button.has__custom-subtitle .wp-block-button__link {
  display: flex;
  flex-direction: column;
}
.wp-block-button.has__custom-subtitle .wp-block-button__link::after {
  content: var(--custom-button-subtitle);
  color: inherit;
  font-size: 0.55em;
  line-height: 1.5;
  font-weight: normal;
}

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