@import url('https://fonts.googleapis.com/css2?family=Commissioner:slnt,wght@-12..0,100..900&display=swap');

.alert-info, .powered-by-tradein {
 display: none !important;
}

:root {
 --i: 0;

 /* Primary Colors */
 --primary-blue-dark: #040d6b;
 --primary-blue: #071787;
 --primary-blue-light: rgb(94, 111, 183);
 --primary-accent-blue: rgb(180, 198, 231);
 --primary-accent-blue-75: rgba(180, 198, 231, 0.75);
 --primary-accent-blue-50: rgba(180, 198, 231, 0.5);
 --primary-accent-blue-15: rgba(180, 198, 231, 0.15);

 /* Secondary Colors */
 --secondary-red: rgb(255, 67, 34);
 --secondary-red-light: rgb(255, 132, 111);
 --secondary-red-pale: rgb(254, 197, 187);
 --secondary-pink: rgb(255, 214, 245);
 --secondary-yellow: rgb(252, 249, 174);
 --secondary-green-dark: rgb(0, 175, 112);
 --secondary-green: rgb(84, 208, 149);
 --secondary-green-light: rgb(167, 240, 186);

 --theme-secondary-color-40: var(--secondary-green);
 --theme-secondary-color-20: rgb(215 255 226);
 --theme-secondary-color-10: rgb(215 255 226);

 /* Neutral Colors */
 --neutral-dark-gray: rgb(126, 129, 146);
 --neutral-gray: rgb(179, 183, 193);
 --neutral-light-gray: rgb(214, 222, 235);
 --neutral-white-dark: rgb(250, 249, 245);
 --neutral-white-light: rgb(232, 236, 240);
 --white: rgb(252, 252, 251);

 /* Spacing Variables */
 --spacing-normal: 1em;
 --spacing-small: calc(var(--spacing-normal) / 2);
 --spacing-large: calc(var(--spacing-normal) * 2);
 --spacing-xl: calc(var(--spacing-normal) * 3);
}

body,h6{
 font-family: "Commissioner", arial, sans-serif !important;
 font-optical-sizing: auto;
 font-style: normal;
 -webkit-font-smoothing: antialiased;
 font-weight: 400;
}

h1,h2,h3,h4,h5, h1 *,h2 *,h3 *,h4 *,h5 *{
 font-family: "Commissioner", arial, sans-serif !important;
 color: var(--primary-blue-dark);
 font-weight: 700;
}

.large-heading{
	font-size: 2.2em !important;
}

body{
 background-color: var(--neutral-white-dark);
}
body:not(.show_slider) .container-fluid.head{
 background: var(--theme-primary-color);
}

.usp-slider-container, .top-bar, .justbg{
 background: var(--theme-primary-color);
}

.usp-slider-container span, .usp-slider-container .gilroy-total-rating, .usp-slider-container .dropbtn.dropdown-toggle svg{
 color: white !important;
 fill: white !important;
}

.usp-slider-container .close_text{
 color: #212529 !important;
}

.actualheader .row.text-white{
 height: 80px;
 margin: 0 10px;
}

.container-fluid.head.actualheader {
 padding: 0 5px 10px 5px !important;
 height: unset;
}
.bb-fixed-header .container-fluid.head.actualheader{
 padding: 5px 10px !important;
}

@media (max-width: 480px) {
 .actualheader .header .row.text-white > div img {
 padding: 0;
 padding-left: 0;
 min-width: 120px;
 }
}

div.actualheader{
 padding-bottom: 10px;
}

div.actualheader .container.header{
 background-color: var(--primary-accent-blue-15) !important;
 border-radius: 99px;
}

.show_slider .justbg{
 border-radius: unset;
 background: unset!important;
 background-size: cover !important;
 background-repeat: no-repeat !important;
}
.show_slider .bgcoloronly{
 border-radius: unset;
 background: var(--theme-primary-color);
 position: relative;
 margin-bottom: 0;
 height: 650px;
}

.progress{
 background-color: var(--primary-blue);
 overflow: visible;
}

.progress > div {
 background: var(--secondary-green);
 position: relative;
}

.progress > div::after {
 position: absolute;
 width: 1em;
 font-size: 2.6em;
 bottom: -0.5em;
 right: -0.5em;
 z-index: 2;
}

.progress-bar-2::after {
 content: "😃";
}

.progress-bar-3::after {
 content: "🤩";
}

.progress-bar-4::after {
 content: "🤑";
}

.show_slider .bgcoloronly::after {
 content: '';
 display: block;
 background: url("data:image/svg+xml;utf8,<path display='none' fill='%23FAF9F5' d='M100,25.8V100H0V52.5c-4.9-6.8-9.5-13.8-15-19.7V101h125V20.9C106.3,22,103,23.7,100,25.8z'></path><path fill='%23FAF9F5' d='M0,0v99c22-20.6,28.7-69.7,61.4-69.7c18.8,0,29.1,16.2,38.6,34V0L0,0z'></path>");
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='wd-divider' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' width='100%25' height='50px' preserveAspectRatio='none'%3E%3Cpath display='none' d='M100,25.8V100H0V52.5c-4.9-6.8-9.5-13.8-15-19.7V101h125V20.9C106.3,22,103,23.7,100,25.8z'%3E%3C/path%3E%3Cpath fill='%23faf9f5' d='M0,0v99c22-20.6,28.7-69.7,61.4-69.7c18.8,0,29.1,16.2,38.6,34V0L0,0z'%3E%3C/path%3E%3C/svg%3E");
 width: 100%;
 height: 120px;
 transform: rotate(180deg);
 position: absolute;
 bottom: -1px;
 right: -1px;
 left: 0;
 background-repeat: no-repeat;
 background-size: contain;
 z-index: 0!important;
}

.show_slider .bgcoloronly::before {
 content: '';
 display: block;
 background: url("/media/images/partners/Britt-verkopen-nl.webp");
 width: 100%;
 max-width: 1750px;
 height: 300px;
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
 margin: 0 auto;
 background-repeat: no-repeat;
 background-size: contain;
 background-position: right 15% bottom;
}

@media (max-width: 600px) {
 .show_slider .bgcoloronly::before {
 right: -120px;
 }
}

@media (max-width: 600px) {
 .hs_container .device-al {
 text-align: left;
 margin-left: 0;
 max-width: 175px;
 }
}

@media screen and (min-width: 768px) {
 .show_slider .bgcoloronly::before {
 height: 500px;
 }
}

.heading_1 > .item-color{
 color: #ff4222;
 position: relative;
}

.show_slider .headerimg-container, .slick-arrow{
 display: none !important;
}

.info{
 background-color: var(--neutral-white-light);
 border: none;
}

.grid_content, .grid_content_step_one, .side_nav{
 border: 1px solid #cfd5db;
 box-shadow: #929fab 0 3px;
 background-color: white;
}

.detail_step_two, .detail_step_three{
 border: none;
 box-shadow: none;
 background-color: unset;
}

.step-two-field-options .gb{
 border: 1px solid #cfd5db;
 box-shadow: #929fab 0 3px;
 background-color: white;
}

@media screen and (min-width: 1260px) {
 .side_nav, .detail_step_two, .detail_step_three{
 border: 1px solid #cfd5db;
 box-shadow: #929fab 0 3px;
 background-color: white;
 }

 .step-four-main .detail_step_three{
 box-shadow: none;
 }
}

.side_info, .second_info{
 box-shadow: #84b3a2 0 3px;
}

.btn, .btn:hover{
 border-color: transparent !important;
 border-radius: 99px;
}

div.container-fluid.easy-steps{
 background: var(--theme-primary-color);
 color: white;
}

div.container-fluid.easy-steps .r_arrow *{
 fill: white !important;
}

div.container-fluid.easy-steps .simple-step-box *, div.container-fluid.easy-steps .heading{
 color: white;
}

div.container-fluid.easy-steps .circle{
 background-color: #5eade2;
}

div.container-fluid.easy-steps .step_col:nth-of-type(2) .circle{
 background-color: #dea5e8;
}

div.container-fluid.easy-steps .step_col:nth-of-type(3) .circle{
 background-color: #54d095;
}

.price_step_tree, .price_step_tree *{
 color: var(--secondary-green-dark) !important;
}

.the-question-box {
 border: none;
 color: var(--primary-blue-dark);
 background-color: var(--neutral-light-gray);
 border-radius: 30px;
 margin: 1em 0;
 padding: 0.6em;
 overflow: hidden;
}

.description-text a{
 text-decoration: underline;
}

.description-text h2, .description-text h3, .description-text h4, .description-text h5, .description-text h6{
 margin: 1.4rem 0 1rem 0;
}

.description-text h2{
 font-size: 1.5rem;
 font-weight: bold; 
}

.description-text h3{
 font-size: 1.3rem;
}

.description-text h4, .description-text h5, .description-text h6{
 font-size: 1.2rem;
}

h3 + h5 {
 margin-top: 0 !important;
}

h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
 color: var(--secondary-red) !important;
}

/* 
Ditto's 
*/
body>*{
 overflow: unset !important;
}
.container .verkopen-heading-col, .step-four-main .bs-stepper-content .content, .container-fluid > .step-three-main, .container-fluid .step-two-main, .container-fluid .step-one-main, .container .side_info{
 position: relative;
}
.container .verkopen-heading-col:before {
 content: "";
 display: block;
 position: absolute;
 top: 0;
 left: -100px;
 transform: translate(-50%, 50%);
 width: 500px;
 height: 500px;
 background-image: url('data:image/svg+xml;utf8,<path id="blob2" data-name="blob2" style="fill: %23a9f0ba;" d="M930.789,332.65c27.249,61.126,41.42,123.7,29.481,189.609-10.511,58.018-38.147,106.14-89.827,137.7-23.355,14.263-49.507,19.408-76.563,19.664-26.282.248-52.572-.138-78.857-.421-43.919-.473-82.442,14.487-116.29,41.612-28.694,22.995-56.707,46.843-84.895,70.466-49.764,41.7-105.884,52.63-168.058,35.316-45.6-12.7-90.711-26.8-132.76-48.958C171.571,755.8,142.1,723.52,134.734,676.094c-2.566-16.529-1.505-35.6,4.3-51.11C164.4,557.178,145.863,498.4,107,442.289,84.035,409.126,59.42,376.805,46.061,337.964c-11.552-33.588-11.314-66.74,4.664-98.846,12.106-24.326,32.528-37.8,59.42-40.143,18.078-1.578,36.317-1.414,54.488-1.823,102.792-2.317,194.5-35.782,276.318-97.619,52.791-39.9,113.128-60.3,178.552-64.917,62.093-4.381,111.167,22.712,151.019,68.319,51.676,59.137,99.923,120.886,139.534,188.936C917.562,304.767,923.69,318.465,930.789,332.65Z" transform="matrix(0.951, -0.309, 0.309, 0.951, -46.681, 265.576)"/>');
 background-size: contain;
 background-repeat: no-repeat;
 z-index: -2;
}

.step-four-main .bs-stepper-content .content:before, .container-fluid > .step-three-main:before, .container-fluid .step-two-main:before, .container-fluid .step-one-main:before {
 content: "";
 display: block;
 position: absolute;
 top: -75px;
 left: 50%;
 width: 500px;
 height: 500px;
 background-image: url('data:image/svg+xml;utf8,<path id="blob1" data-name="blob1" style="fill: %23fed7f5;" d="M481.925,948.891c-31.5-24.6-62.577-48.266-92.72-73.071-23.957-19.714-46.187-41.535-70.233-61.133-34.3-27.957-74.138-43.443-117.535-52.448-61.258-12.71-111.378-43.682-143.386-99.3C12.454,583.706,28.1,476.381,95.538,414.631c14.722-13.481,34.122-21.982,51.729-32.151,21.679-12.522,44.508-23.2,65.481-36.771,55.824-36.125,76.613-88.4,68.671-153.647-2.2-18.083-2.038-36.5-2.208-54.772-.274-29.631,13.149-53.3,37-69.12,69.828-46.319,171.662-62.914,253.1-.286,38.927,29.937,64.757,69.7,82.124,114.816,25.43,66.055,32.156,134.682,22.079,204.58-6.162,42.742,3.245,82.288,21.973,119.746,23.569,47.139,50.05,92.828,73.39,140.074,19.359,39.186,37.864,79.016,53.229,119.883,12.1,32.178,14.661,66.4,1.477,99.9-14.383,36.547-43.421,58.411-77.251,74.095C698.11,963.338,647.577,977.5,593.8,977.851,554.2,978.111,517.116,969.158,481.925,948.891Z" transform="translate(-32.081 -26.929)"/>');
 background-size: contain;
 background-repeat: no-repeat;
 z-index: -2;
}

.container-fluid .step-one-main:before, .container-fluid .step-two-main:before{
 left: 65%;
}

.step-four-main .bs-stepper-content .content:before {
 top: -30%;
 left: 50%;
}

@media screen and (max-width: 768px) {
 .step-four-main .bs-stepper-content .content:before {
 bottom: 0;
 top: unset;
 }
}

.container .side_info:before {
 content: "";
 display: block;
 position: absolute;
 bottom: 0;
 left: 0;
 transform: translate(0%, 80%);
 width: 500px;
 height: 500px;
 background-image: url("data:image/svg+xml,data:image/svg+xml;utf8,%3Cpath id='blob2' data-name='blob2' style='fill: %2523b4c6e7;' d='M930.789,332.65c27.249,61.126,41.42,123.7,29.481,189.609-10.511,58.018-38.147,106.14-89.827,137.7-23.355,14.263-49.507,19.408-76.563,19.664-26.282.248-52.572-.138-78.857-.421-43.919-.473-82.442,14.487-116.29,41.612-28.694,22.995-56.707,46.843-84.895,70.466-49.764,41.7-105.884,52.63-168.058,35.316-45.6-12.7-90.711-26.8-132.76-48.958C171.571,755.8,142.1,723.52,134.734,676.094c-2.566-16.529-1.505-35.6,4.3-51.11C164.4,557.178,145.863,498.4,107,442.289,84.035,409.126,59.42,376.805,46.061,337.964c-11.552-33.588-11.314-66.74,4.664-98.846,12.106-24.326,32.528-37.8,59.42-40.143,18.078-1.578,36.317-1.414,54.488-1.823,102.792-2.317,194.5-35.782,276.318-97.619,52.791-39.9,113.128-60.3,178.552-64.917,62.093-4.381,111.167,22.712,151.019,68.319,51.676,59.137,99.923,120.886,139.534,188.936C917.562,304.767,923.69,318.465,930.789,332.65Z' transform='matrix(0.951, -0.309, 0.309, 0.951, -46.681, 265.576)'/%3E");
 background-size: contain;
 background-repeat: no-repeat;
 z-index: -2;
}

.content_text_2 span,
.content_text_2 *,
.content_text_2{
 font-size: unset; 
 color: var(--primary-blue-dark);
 font-weight: revert;
}