/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 19 2025 | 06:44:33 */
.slider-nav-circle .flickity-prev-next-button:hover .arrow, .slider-nav-circle .flickity-prev-next-button:hover svg {
    fill: #a58432 !important;
}

.buttonrechts.button span::after {
    content: "\f061";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding-left: 6px !important;
}
a.button.white.buttonrechts {
    background: #2d3047 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    border: #2d3047 !important;
    font-size: 15px ! IMPORTANT;
    border-radius: 10em;
    padding-top: 4.5px;
    padding-bottom: 4.5px;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 0px !important;
    text-transform: unset !important;
}
.tekst-blok-ervaar {
    padding-left: 10px;
    padding-right: 10px;
}
.home-gebruik h3 {
    padding-right: 12rem;
}
.row-overons h3 {
    padding-right: 3rem !important;
}

.ingr-col-rechts .col-inner {
    padding: 0px 3em 0px 4em;
}
.ingr-col {
    border-right: 1px solid #d3d3d8;
    border-top: 1px solid #d3d3d8;
}
.ingr-slider p {
	margin-bottom: 0px !important;
}
.tekst-blok-ingr {
    padding-left: 30px;
    padding-right: 30px !important;
}
.ingr-col h4 {
    font-size: 23px !important;
    margin-bottom: 6px;
}

.ingr-col-links .img {
	border-radius: 1em !important;
	    background: #e7decc !important;
}
.ingr-col-links img.attachment-large.size-large {
		border-radius: 1em !important;
}
.sectie-overons {
    background: #a58432 !important;
    margin-left: auto;
    margin-right: 21px;
    border-radius: 18px;
}
.sectie-overons a.button.white.lowercase {
    margin: 0px !important;
    font-size: 15px ! IMPORTANT;
    border-radius: 10em;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 30px;
    padding-right: 30px;
    border: 1px solid white !important;
    background: none !important;
    color: white !important;
}
.overons-column .col-inner {
    padding-left: 37%;
    padding-right: 14%;
}
.column-overons-links .col-inner {
    padding: 0px 3em 0px 4em;
}
.row-overons img.attachment-original.size-original {
    border-bottom-right-radius: 1em !important;
}


.row-overons p {
	margin-bottom: 0px !important;
}
.row-overons  a.button.primary {
    margin: 0px !important;
    font-size: 15px ! IMPORTANT;
    border-radius: 10em;
    border: 1px solid #33364c !important;
    background: none !important;
    color: #33364c !important;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 30px;
    padding-right: 30px;
}

span.step-number-home {
	font-weight: 700;
	color: #af621b !important;
}
.step {
    margin-bottom: 7px;
}


.home-gebruik a.button.primary {
    margin: 0px !important;
    font-size: 15px ! IMPORTANT;
    border-radius: 10em;
    border: 1px solid #33364c !important;
    background: none !important;
    color: #33364c !important;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 30px;
    padding-right: 30px;
}
.home-gebruik a.button.primary:hover {
	background: #2d3047 !important;
	color: white !important;
}
.column-gebruik-home .col-inner {
    padding: 0px 3em 0px 4em;
}
.image-home-gebruik {
    background: #e7decc !important;
    border-radius: 1em !important;
}
.image-home-gebruik 
.attachment-large.size-large {
    border-radius: 1em;
}
.ikonen-banner p {
    line-height: 27px;
    font-weight: 500;
}
.ikonen-banner i.fa-regular.fa-circle-check {
    color: #419D78 !important;
    padding-right: 3px;
    font-size: 14px;
}
.home-banner-allow .overlay {
background: linear-gradient(to right, #2d3047, #2d3047 35%, rgba(45, 48, 71, 0.85) 45%, rgba(45, 48, 71, 0.6) 55%, rgba(45, 48, 71, 0.3) 70%, transparent 85%);
    border-radius: 1em !important;
}
.home-banner-allow .bg.fill.bg-fill.bg-loaded {
    border-radius: 1em !important;
}
.section-banner-home .banner {
    border-radius: 1em !important;
}
.section-banner-home .button span::after {
    content: "\f061";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding-left: 6px !important;
}
/*.section-banner-home a.button.primary {
    margin: 0px !important;
    text-transform: unset !important;
    background: #a58432;
    border: none !important;
    margin-bottom: 0px !important;
    border-radius: 20em;
    font-weight: 600;
    font-size: 16px !important;
    padding-left: 3rem;
    padding-right: 3rem;
    padding-top: 3px;
    padding-bottom: 4px;
}
*/
.hero .button span::after {
    content: "\f061";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding-left: 6px !important;
}

.perfecte-hero, .serum-hero {
    position: relative;
    display: inline-block;
}

.perfecte-hero::after {
    content: '';
    position: absolute;
    width: 101%;
    height: 5px;
    background-image: url(/wp-content/uploads/2024/05/Middel-3underline.png);
    background-size: cover;
    left: -2px;
    bottom: 4px;
    z-index: -2;
	   animation-name: drawLine;
}

.serum-hero::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: url(/wp-content/uploads/2024/05/shine.png);
    background-size: cover;
    right: -13px;
    top: 6px;
}
.serum-hero::after {
    content: '';
    position: absolute;
    animation: fadeIn 1s ease-in 1s forwards;
    opacity: 0;
}
.perfecte-hero::after, .serum-hero::after {
    content: '';
    position: absolute;
    animation: fadeIn 1.5s ease-in 1s forwards;
    opacity: 0;
}
@keyframes fadeIn {
    to {
        opacity: 1;
    }
}


.magicserum-home {
    margin-top: -17em;
}
.hero a.button.primary {
    margin: 0px !important;
    text-transform: unset !important;
    background: #2d3047;
    border: none !important;
    margin-bottom: 0px !important;
    border-radius: 20em;
    font-weight: 600;
    font-size: 17px !important;
    padding-left: 3rem;
    padding-right: 3rem;
    padding-top: 3px;
    padding-bottom: 4px;
}
.hero h1 {
    font-size: 48px;
    line-height: 55px;
    word-spacing: -3px !important;
    margin-bottom: 22px !important;
}
.home-fotos {
    background: #efece5 !important;
    border-radius: 1em;
    padding-left: 3rem;
}
.home-usp p {
	margin-bottom: 0px !important;
}