@charset "UTF-8";

@import url(//kwispelkapper.nl/wp-content/themes/kwispelkapper/assets/scss/aos/dist/aos.css);
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: "Inter", sans-serif;
color: #212121;
line-height: 1.6;
background-color: #ffffff;
-webkit-font-smoothing: antialiased;
}
h1, h2, h3 {
line-height: 1.15;
font-weight: 700;
}
.text-pink {
color: #fb91c8;
}
.g-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 30px;
}
.g-section {
padding: 100px 0;
}
.g-bg-light {
background-color: #F8F9FA;
}
.g-bg-pink {
background-color: #fb91c8;
}
.g-tagline {
font-size: 14px;
font-weight: 500;
color: #888888;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 10px;
}
.g-tagline.kwispel {
color: #fb91c8;
}
.corner-icon {
width: 40px;
height: 40px;
z-index: 10;
padding: 10px;
background: #fb91c8;
border-radius: 100px;
}
.corner-icon svg {
fill: #FFF;
stroke: #FFF;
}
.latepoint-book-button {
display: inline-block;
padding: 15px 30px;
text-decoration: none;
border-radius: 8px;
font-weight: 600;
transition: all 0.3s ease;
text-align: center;
border: 2px solid transparent;
background-color: #fb91c8;
color: white;
}
.latepoint-book-button:hover {
background-color: #fa6ab4;
}
.g-btn {
display: inline-block;
padding: 15px 30px;
text-decoration: none;
border-radius: 8px;
font-weight: 600;
transition: all 0.3s ease;
text-align: center;
border: 2px solid transparent;
}
.g-btn-primary {
background-color: #fb91c8;
color: white;
}
.g-btn-primary:hover {
background-color: #fa6ab4;
}
.g-btn-secondary {
background-color: #ffffff;
color: #fb91c8;
border-color: #fb91c8;
}
.g-btn-secondary:hover {
background-color: #fb91c8;
color: white;
}
.g-btn-tertiary {
background-color: transparent;
color: #212121;
border-color: #212121;
}
.g-btn-tertiary:hover {
background-color: #212121;
color: white;
}
.g-btn-large {
padding: 18px 40px;
font-size: 1.1em;
}
.g-btn-book {
background-color: #212121;
color: white;
}
.g-btn-book:hover {
background-color: #545454;
}
.g-header {
background-color: #ffffff;
padding: 15px 0;
}
.g-header .g-container {
display: flex;
justify-content: space-between;
align-items: center;
}
.g-header .g-logo {
font-size: 1.5em;
font-weight: 900;
color: #212121;
text-decoration: none;
}
.g-header .g-nav ul {
list-style: none;
display: flex;
}
.g-header .g-nav ul li {
margin-left: 25px;
}
.g-header .g-nav ul li a {
text-decoration: none;
color: #444444;
font-weight: 500;
padding: 5px 0;
transition: color 0.2s ease;
}
.g-header .g-nav ul li a:hover {
color: #fb91c8;
}
.g-hero-section {
padding-top: 50px;
padding-bottom: 100px;
}
.g-hero-section .g-container {
display: flex;
align-items: center;
gap: 50px;
}
.g-hero-section .g-hero-content {
flex: 1;
}
.g-hero-section .g-hero-content h1 {
font-size: 3.8em;
margin-bottom: 20px;
font-weight: 900;
}
.g-hero-section .g-hero-content .g-subtitle {
font-size: 1.2em;
color: #444444;
margin-bottom: 30px;
}
.g-hero-section .g-hero-content .g-stats {
margin-top: 25px;
font-weight: 600;
color: #888888;
}
.g-hero-section .g-hero-image {
flex: 1;
background-color: #F8F9FA;
min-height: 500px;
border-radius: 12px;
}
.g-layout-2col {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
}
.g-stats-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
}
.g-stats-grid .g-stat-item .g-stat-number {
display: block;
font-size: 2.5em;
font-weight: 700;
color: #fb91c8;
}
.g-stats-grid .g-stat-item .g-stat-label {
display: block;
font-size: 0.9em;
color: #888888;
}
.g-narrow {
max-width: 800px;
margin: 0 auto;
text-align: center;
}
.g-packages-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
margin-top: 50px;
}
.g-package-card {
background-color: #ffffff;
padding: 40px;
border-radius: 12px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}
.g-package-card .g-package-header h3 {
font-size: 1.5em;
margin-bottom: 5px;
}
.g-package-card .g-package-header .g-price {
font-size: 2.2em;
font-weight: 900;
color: #fb91c8;
display: block;
margin-bottom: 25px;
}
.g-package-card .g-features-list {
list-style: none;
margin-bottom: 30px;
}
.g-package-card .g-features-list li {
padding: 8px 0;
font-size: 0.95em;
color: #444444;
}
.g-package-card.g-card-placeholder {
display: flex;
align-items: center;
justify-content: center;
background-color: #F8F9FA;
color: #888888;
font-weight: 600;
min-height: 450px;
}
.g-services-list {
margin-top: 50px;
}
.g-services-list .g-service-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 0;
border-bottom: 1px solid #EEEEEE;
}
.g-services-list .g-service-item:first-child {
border-top: 1px solid #EEEEEE;
}
.g-services-list .g-service-item h3 {
font-size: 1.2em;
font-weight: 600;
margin-bottom: 5px;
}
.g-services-list .g-service-item p {
color: #444444;
font-size: 0.9em;
}
.g-services-list .g-service-item .g-service-price {
font-size: 1.4em;
font-weight: 700;
color: #fb91c8;
}
.g-center {
text-align: center;
margin-top: 40px;
}
.g-testimonial-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
margin-top: 50px;
}
.g-testimonial-card {
background-color: #ffffff;
padding: 30px;
border-radius: 12px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
font-style: italic;
}
.g-testimonial-card p {
margin-bottom: 15px;
}
.g-testimonial-card footer {
font-style: normal;
font-weight: 600;
color: #fb91c8;
}
.g-faq-item {
border: 1px solid #EEEEEE;
border-radius: 8px;
margin-bottom: 15px;
padding: 20px;
text-align: left;
}
.g-faq-item summary {
font-weight: 600;
cursor: pointer;
display: block;
font-size: 1.1em;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.g-faq-item summary::marker {
content: "";
}
.g-faq-item summary:hover {
color: #fb91c8;
}
.g-faq-item p {
padding-top: 15px;
border-top: 1px solid #EEEEEE;
margin-top: 15px;
color: #444444;
}
.g-contact-block {
background-color: #fb91c8;
color: white;
}
.g-contact-block .g-layout-3col {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
text-align: center;
}
.g-contact-block .g-contact-item h3 {
font-size: 1.5em;
margin-bottom: 10px;
}
.g-contact-block .g-contact-item p {
margin-bottom: 20px;
}
.g-contact-block .g-contact-item .g-btn-tertiary {
background-color: white;
color: #212121;
border-color: white;
}
.g-contact-block .g-contact-item .g-btn-tertiary:hover {
background-color: #F8F9FA;
}
.g-footer {
padding: 40px 0;
background-color: #ffffff;
border-top: 1px solid #EEEEEE;
}
.g-footer .g-footer-top {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #EEEEEE;
}
.g-footer .g-footer-nav a {
color: #444444;
text-decoration: none;
margin-left: 20px;
font-size: 0.9em;
}
.g-footer .g-footer-nav a:hover {
color: #fb91c8;
}
.g-footer .g-footer-bottom {
display: flex;
justify-content: space-between;
font-size: 0.85em;
color: #888888;
}
.g-footer .g-footer-bottom .g-policies a {
color: #888888;
text-decoration: none;
margin-left: 20px;
}
.g-footer .g-footer-bottom .g-policies a:hover {
color: #fb91c8;
}
@media (max-width: 992px) {
.g-layout-2col, .g-packages-grid, .g-testimonial-grid, .g-contact-block .g-layout-3col {
grid-template-columns: 1fr;
}
.g-hero-section .g-container {
flex-direction: column;
}
.g-hero-section .g-hero-image {
min-height: 300px;
width: 100%;
}
.g-header .g-nav {
display: none;
}
.g-footer-top, .g-footer-bottom {
flex-direction: column;
align-items: flex-start;
}
.g-footer-top .g-footer-nav, .g-footer-top .g-policies, .g-footer-bottom .g-footer-nav, .g-footer-bottom .g-policies {
margin-top: 15px;
}
.g-footer-top .g-footer-nav a, .g-footer-top .g-policies a, .g-footer-bottom .g-footer-nav a, .g-footer-bottom .g-policies a {
margin-left: 0;
margin-right: 15px;
}
}
@media (max-width: 768px) {
.g-hero-content h1 {
font-size: 2.8em;
}
.g-section {
padding: 60px 0;
}
.g-stats-grid {
grid-template-columns: 1fr;
}
}
.container, .g-container {
width: 100%;
padding-right: calc(var(--bs-gutter-x, 1.5rem) * 0.5);
padding-left: calc(var(--bs-gutter-x, 1.5rem) * 0.5);
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container, .g-container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container, .g-container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container, .g-container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container, .g-container {
max-width: 1140px;
}
}
@media (min-width: 1400px) {
.container, .g-container {
max-width: 1320px;
}
}
.container-fluid {
width: 100%;
padding-right: calc(var(--bs-gutter-x, 1.5rem) * 0.5);
padding-left: calc(var(--bs-gutter-x, 1.5rem) * 0.5);
margin-right: auto;
margin-left: auto;
}
.row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: block;
margin-top: calc(var(--bs-gutter-y) * -1);
margin-right: calc(var(--bs-gutter-x) / -2);
margin-left: calc(var(--bs-gutter-x) / -2);
}
@media (min-width: 768px) {
.row {
display: flex;
flex-wrap: wrap;
}
}
.row > * {
box-sizing: border-box;
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-top: var(--bs-gutter-y, 0);
}
.col {
flex: 1 0 0%;
}
.col-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-12 {
flex: 0 0 100%;
max-width: 100%;
}
@media (min-width: 576px) {
.col-sm {
flex: 1 0 0%;
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-sm-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-sm-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-sm-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-sm-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-sm-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-sm-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-sm-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-sm-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-sm-12 {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 768px) {
.col-md {
flex: 1 0 0%;
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-md-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-md-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-md-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-md-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-md-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-md-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-md-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-md-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-md-12 {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 992px) {
.col-lg {
flex: 1 0 0%;
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-lg-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-lg-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-lg-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-lg-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-lg-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-lg-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-lg-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-lg-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-lg-12 {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 1200px) {
.col-xl {
flex: 1 0 0%;
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xl-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-xl-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-xl-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-xl-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-xl-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-xl-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-xl-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-xl-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-xl-12 {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 1400px) {
.col-xxl {
flex: 1 0 0%;
}
.col-xxl-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xxl-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-xxl-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-xxl-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-xxl-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-xxl-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-xxl-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-xxl-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-xxl-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-xxl-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-xxl-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-xxl-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-xxl-12 {
flex: 0 0 100%;
max-width: 100%;
}
}
.order-0 {
order: 0 !important;
}
.order-1 {
order: 1 !important;
}
.order-2 {
order: 2 !important;
}
.order-3 {
order: 3 !important;
}
.order-4 {
order: 4 !important;
}
.order-5 {
order: 5 !important;
}
.order-6 {
order: 6 !important;
}
.order-7 {
order: 7 !important;
}
.order-8 {
order: 8 !important;
}
.order-9 {
order: 9 !important;
}
.order-10 {
order: 10 !important;
}
.order-11 {
order: 11 !important;
}
.order-12 {
order: 12 !important;
}
.order-first {
order: -1 !important;
}
.order-last {
order: 13 !important;
}
@media (min-width: 576px) {
.order-sm-0 {
order: 0 !important;
}
.order-sm-1 {
order: 1 !important;
}
.order-sm-2 {
order: 2 !important;
}
.order-sm-3 {
order: 3 !important;
}
.order-sm-4 {
order: 4 !important;
}
.order-sm-5 {
order: 5 !important;
}
.order-sm-6 {
order: 6 !important;
}
.order-sm-7 {
order: 7 !important;
}
.order-sm-8 {
order: 8 !important;
}
.order-sm-9 {
order: 9 !important;
}
.order-sm-10 {
order: 10 !important;
}
.order-sm-11 {
order: 11 !important;
}
.order-sm-12 {
order: 12 !important;
}
.order-sm-first {
order: -1 !important;
}
.order-sm-last {
order: 13 !important;
}
}
@media (min-width: 768px) {
.order-md-0 {
order: 0 !important;
}
.order-md-1 {
order: 1 !important;
}
.order-md-2 {
order: 2 !important;
}
.order-md-3 {
order: 3 !important;
}
.order-md-4 {
order: 4 !important;
}
.order-md-5 {
order: 5 !important;
}
.order-md-6 {
order: 6 !important;
}
.order-md-7 {
order: 7 !important;
}
.order-md-8 {
order: 8 !important;
}
.order-md-9 {
order: 9 !important;
}
.order-md-10 {
order: 10 !important;
}
.order-md-11 {
order: 11 !important;
}
.order-md-12 {
order: 12 !important;
}
.order-md-first {
order: -1 !important;
}
.order-md-last {
order: 13 !important;
}
}
@media (min-width: 992px) {
.order-lg-0 {
order: 0 !important;
}
.order-lg-1 {
order: 1 !important;
}
.order-lg-2 {
order: 2 !important;
}
.order-lg-3 {
order: 3 !important;
}
.order-lg-4 {
order: 4 !important;
}
.order-lg-5 {
order: 5 !important;
}
.order-lg-6 {
order: 6 !important;
}
.order-lg-7 {
order: 7 !important;
}
.order-lg-8 {
order: 8 !important;
}
.order-lg-9 {
order: 9 !important;
}
.order-lg-10 {
order: 10 !important;
}
.order-lg-11 {
order: 11 !important;
}
.order-lg-12 {
order: 12 !important;
}
.order-lg-first {
order: -1 !important;
}
.order-lg-last {
order: 13 !important;
}
}
@media (min-width: 1200px) {
.order-xl-0 {
order: 0 !important;
}
.order-xl-1 {
order: 1 !important;
}
.order-xl-2 {
order: 2 !important;
}
.order-xl-3 {
order: 3 !important;
}
.order-xl-4 {
order: 4 !important;
}
.order-xl-5 {
order: 5 !important;
}
.order-xl-6 {
order: 6 !important;
}
.order-xl-7 {
order: 7 !important;
}
.order-xl-8 {
order: 8 !important;
}
.order-xl-9 {
order: 9 !important;
}
.order-xl-10 {
order: 10 !important;
}
.order-xl-11 {
order: 11 !important;
}
.order-xl-12 {
order: 12 !important;
}
.order-xl-first {
order: -1 !important;
}
.order-xl-last {
order: 13 !important;
}
}
@media (min-width: 1400px) {
.order-xxl-0 {
order: 0 !important;
}
.order-xxl-1 {
order: 1 !important;
}
.order-xxl-2 {
order: 2 !important;
}
.order-xxl-3 {
order: 3 !important;
}
.order-xxl-4 {
order: 4 !important;
}
.order-xxl-5 {
order: 5 !important;
}
.order-xxl-6 {
order: 6 !important;
}
.order-xxl-7 {
order: 7 !important;
}
.order-xxl-8 {
order: 8 !important;
}
.order-xxl-9 {
order: 9 !important;
}
.order-xxl-10 {
order: 10 !important;
}
.order-xxl-11 {
order: 11 !important;
}
.order-xxl-12 {
order: 12 !important;
}
.order-xxl-first {
order: -1 !important;
}
.order-xxl-last {
order: 13 !important;
}
}
.offset-1 {
margin-left: 8.3333333333% !important;
}
.offset-2 {
margin-left: 16.6666666667% !important;
}
.offset-3 {
margin-left: 25% !important;
}
.offset-4 {
margin-left: 33.3333333333% !important;
}
.offset-5 {
margin-left: 41.6666666667% !important;
}
.offset-6 {
margin-left: 50% !important;
}
.offset-7 {
margin-left: 58.3333333333% !important;
}
.offset-8 {
margin-left: 66.6666666667% !important;
}
.offset-9 {
margin-left: 75% !important;
}
.offset-10 {
margin-left: 83.3333333333% !important;
}
.offset-11 {
margin-left: 91.6666666667% !important;
}
@media (min-width: 576px) {
.offset-sm-1 {
margin-left: 8.3333333333% !important;
}
.offset-sm-2 {
margin-left: 16.6666666667% !important;
}
.offset-sm-3 {
margin-left: 25% !important;
}
.offset-sm-4 {
margin-left: 33.3333333333% !important;
}
.offset-sm-5 {
margin-left: 41.6666666667% !important;
}
.offset-sm-6 {
margin-left: 50% !important;
}
.offset-sm-7 {
margin-left: 58.3333333333% !important;
}
.offset-sm-8 {
margin-left: 66.6666666667% !important;
}
.offset-sm-9 {
margin-left: 75% !important;
}
.offset-sm-10 {
margin-left: 83.3333333333% !important;
}
.offset-sm-11 {
margin-left: 91.6666666667% !important;
}
}
@media (min-width: 768px) {
.offset-md-1 {
margin-left: 8.3333333333% !important;
}
.offset-md-2 {
margin-left: 16.6666666667% !important;
}
.offset-md-3 {
margin-left: 25% !important;
}
.offset-md-4 {
margin-left: 33.3333333333% !important;
}
.offset-md-5 {
margin-left: 41.6666666667% !important;
}
.offset-md-6 {
margin-left: 50% !important;
}
.offset-md-7 {
margin-left: 58.3333333333% !important;
}
.offset-md-8 {
margin-left: 66.6666666667% !important;
}
.offset-md-9 {
margin-left: 75% !important;
}
.offset-md-10 {
margin-left: 83.3333333333% !important;
}
.offset-md-11 {
margin-left: 91.6666666667% !important;
}
}
@media (min-width: 992px) {
.offset-lg-1 {
margin-left: 8.3333333333% !important;
}
.offset-lg-2 {
margin-left: 16.6666666667% !important;
}
.offset-lg-3 {
margin-left: 25% !important;
}
.offset-lg-4 {
margin-left: 33.3333333333% !important;
}
.offset-lg-5 {
margin-left: 41.6666666667% !important;
}
.offset-lg-6 {
margin-left: 50% !important;
}
.offset-lg-7 {
margin-left: 58.3333333333% !important;
}
.offset-lg-8 {
margin-left: 66.6666666667% !important;
}
.offset-lg-9 {
margin-left: 75% !important;
}
.offset-lg-10 {
margin-left: 83.3333333333% !important;
}
.offset-lg-11 {
margin-left: 91.6666666667% !important;
}
}
@media (min-width: 1200px) {
.offset-xl-1 {
margin-left: 8.3333333333% !important;
}
.offset-xl-2 {
margin-left: 16.6666666667% !important;
}
.offset-xl-3 {
margin-left: 25% !important;
}
.offset-xl-4 {
margin-left: 33.3333333333% !important;
}
.offset-xl-5 {
margin-left: 41.6666666667% !important;
}
.offset-xl-6 {
margin-left: 50% !important;
}
.offset-xl-7 {
margin-left: 58.3333333333% !important;
}
.offset-xl-8 {
margin-left: 66.6666666667% !important;
}
.offset-xl-9 {
margin-left: 75% !important;
}
.offset-xl-10 {
margin-left: 83.3333333333% !important;
}
.offset-xl-11 {
margin-left: 91.6666666667% !important;
}
}
@media (min-width: 1400px) {
.offset-xxl-1 {
margin-left: 8.3333333333% !important;
}
.offset-xxl-2 {
margin-left: 16.6666666667% !important;
}
.offset-xxl-3 {
margin-left: 25% !important;
}
.offset-xxl-4 {
margin-left: 33.3333333333% !important;
}
.offset-xxl-5 {
margin-left: 41.6666666667% !important;
}
.offset-xxl-6 {
margin-left: 50% !important;
}
.offset-xxl-7 {
margin-left: 58.3333333333% !important;
}
.offset-xxl-8 {
margin-left: 66.6666666667% !important;
}
.offset-xxl-9 {
margin-left: 75% !important;
}
.offset-xxl-10 {
margin-left: 83.3333333333% !important;
}
.offset-xxl-11 {
margin-left: 91.6666666667% !important;
}
}
.w-25 {
width: 25% !important;
}
.w-33, .w-1-3 {
width: 33.3333% !important;
}
.w-50 {
width: 50% !important;
}
.w-66, .w-2-3 {
width: 66.6667% !important;
}
.w-75 {
width: 75% !important;
}
.w-100 {
width: 100% !important;
}
.w-auto {
width: auto !important;
}
.max-w-100 {
max-width: 100% !important;
}
@media (min-width: 576px) {
.w-sm-25 {
width: 25% !important;
}
.w-sm-33,
.w-sm-1-3 {
width: 33.3333% !important;
}
.w-sm-50 {
width: 50% !important;
}
.w-sm-66,
.w-sm-2-3 {
width: 66.6667% !important;
}
.w-sm-75 {
width: 75% !important;
}
.w-sm-100 {
width: 100% !important;
}
.w-sm-auto {
width: auto !important;
}
.max-w-sm-100 {
max-width: 100% !important;
}
}
@media (min-width: 768px) {
.w-md-25 {
width: 25% !important;
}
.w-md-33,
.w-md-1-3 {
width: 33.3333% !important;
}
.w-md-50 {
width: 50% !important;
}
.w-md-66,
.w-md-2-3 {
width: 66.6667% !important;
}
.w-md-75 {
width: 75% !important;
}
.w-md-100 {
width: 100% !important;
}
.w-md-auto {
width: auto !important;
}
.max-w-md-100 {
max-width: 100% !important;
}
}
@media (min-width: 992px) {
.w-lg-25 {
width: 25% !important;
}
.w-lg-33,
.w-lg-1-3 {
width: 33.3333% !important;
}
.w-lg-50 {
width: 50% !important;
}
.w-lg-66,
.w-lg-2-3 {
width: 66.6667% !important;
}
.w-lg-75 {
width: 75% !important;
}
.w-lg-100 {
width: 100% !important;
}
.w-lg-auto {
width: auto !important;
}
.max-w-lg-100 {
max-width: 100% !important;
}
}
@media (min-width: 1200px) {
.w-xl-25 {
width: 25% !important;
}
.w-xl-33,
.w-xl-1-3 {
width: 33.3333% !important;
}
.w-xl-50 {
width: 50% !important;
}
.w-xl-66,
.w-xl-2-3 {
width: 66.6667% !important;
}
.w-xl-75 {
width: 75% !important;
}
.w-xl-100 {
width: 100% !important;
}
.w-xl-auto {
width: auto !important;
}
.max-w-xl-100 {
max-width: 100% !important;
}
}
@media (min-width: 1400px) {
.w-xxl-25 {
width: 25% !important;
}
.w-xxl-33,
.w-xxl-1-3 {
width: 33.3333% !important;
}
.w-xxl-50 {
width: 50% !important;
}
.w-xxl-66,
.w-xxl-2-3 {
width: 66.6667% !important;
}
.w-xxl-75 {
width: 75% !important;
}
.w-xxl-100 {
width: 100% !important;
}
.w-xxl-auto {
width: auto !important;
}
.max-w-xxl-100 {
max-width: 100% !important;
}
}
.m-0 {
margin: 0rem !important;
}
.mt-0 {
margin-top: 0rem !important;
}
.mb-0 {
margin-bottom: 0rem !important;
}
.ms-0 {
margin-left: 0rem !important;
}
.ml-0 {
margin-left: 0rem !important;
}
.me-0 {
margin-right: 0rem !important;
}
.mr-0 {
margin-right: 0rem !important;
}
.mx-0 {
margin-left: 0rem !important;
margin-right: 0rem !important;
}
.my-0 {
margin-top: 0rem !important;
margin-bottom: 0rem !important;
}
.m-1 {
margin: 0.25rem !important;
}
.mt-1 {
margin-top: 0.25rem !important;
}
.mb-1 {
margin-bottom: 0.25rem !important;
}
.ms-1 {
margin-left: 0.25rem !important;
}
.ml-1 {
margin-left: 0.25rem !important;
}
.me-1 {
margin-right: 0.25rem !important;
}
.mr-1 {
margin-right: 0.25rem !important;
}
.mx-1 {
margin-left: 0.25rem !important;
margin-right: 0.25rem !important;
}
.my-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.mt-2 {
margin-top: 0.5rem !important;
}
.mb-2 {
margin-bottom: 0.5rem !important;
}
.ms-2 {
margin-left: 0.5rem !important;
}
.ml-2 {
margin-left: 0.5rem !important;
}
.me-2 {
margin-right: 0.5rem !important;
}
.mr-2 {
margin-right: 0.5rem !important;
}
.mx-2 {
margin-left: 0.5rem !important;
margin-right: 0.5rem !important;
}
.my-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.m-3 {
margin: 0.75rem !important;
}
.mt-3 {
margin-top: 0.75rem !important;
}
.mb-3 {
margin-bottom: 0.75rem !important;
}
.ms-3 {
margin-left: 0.75rem !important;
}
.ml-3 {
margin-left: 0.75rem !important;
}
.me-3 {
margin-right: 0.75rem !important;
}
.mr-3 {
margin-right: 0.75rem !important;
}
.mx-3 {
margin-left: 0.75rem !important;
margin-right: 0.75rem !important;
}
.my-3 {
margin-top: 0.75rem !important;
margin-bottom: 0.75rem !important;
}
.m-4 {
margin: 1rem !important;
}
.mt-4 {
margin-top: 1rem !important;
}
.mb-4 {
margin-bottom: 1rem !important;
}
.ms-4 {
margin-left: 1rem !important;
}
.ml-4 {
margin-left: 1rem !important;
}
.me-4 {
margin-right: 1rem !important;
}
.mr-4 {
margin-right: 1rem !important;
}
.mx-4 {
margin-left: 1rem !important;
margin-right: 1rem !important;
}
.my-4 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.m-5 {
margin: 1.25rem !important;
}
.mt-5 {
margin-top: 1.25rem !important;
}
.mb-5 {
margin-bottom: 1.25rem !important;
}
.ms-5 {
margin-left: 1.25rem !important;
}
.ml-5 {
margin-left: 1.25rem !important;
}
.me-5 {
margin-right: 1.25rem !important;
}
.mr-5 {
margin-right: 1.25rem !important;
}
.mx-5 {
margin-left: 1.25rem !important;
margin-right: 1.25rem !important;
}
.my-5 {
margin-top: 1.25rem !important;
margin-bottom: 1.25rem !important;
}
.m-6 {
margin: 1.5rem !important;
}
.mt-6 {
margin-top: 1.5rem !important;
}
.mb-6 {
margin-bottom: 1.5rem !important;
}
.ms-6 {
margin-left: 1.5rem !important;
}
.ml-6 {
margin-left: 1.5rem !important;
}
.me-6 {
margin-right: 1.5rem !important;
}
.mr-6 {
margin-right: 1.5rem !important;
}
.mx-6 {
margin-left: 1.5rem !important;
margin-right: 1.5rem !important;
}
.my-6 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.m-7 {
margin: 1.75rem !important;
}
.mt-7 {
margin-top: 1.75rem !important;
}
.mb-7 {
margin-bottom: 1.75rem !important;
}
.ms-7 {
margin-left: 1.75rem !important;
}
.ml-7 {
margin-left: 1.75rem !important;
}
.me-7 {
margin-right: 1.75rem !important;
}
.mr-7 {
margin-right: 1.75rem !important;
}
.mx-7 {
margin-left: 1.75rem !important;
margin-right: 1.75rem !important;
}
.my-7 {
margin-top: 1.75rem !important;
margin-bottom: 1.75rem !important;
}
.m-8 {
margin: 2rem !important;
}
.mt-8 {
margin-top: 2rem !important;
}
.mb-8 {
margin-bottom: 2rem !important;
}
.ms-8 {
margin-left: 2rem !important;
}
.ml-8 {
margin-left: 2rem !important;
}
.me-8 {
margin-right: 2rem !important;
}
.mr-8 {
margin-right: 2rem !important;
}
.mx-8 {
margin-left: 2rem !important;
margin-right: 2rem !important;
}
.my-8 {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.m-9 {
margin: 2.25rem !important;
}
.mt-9 {
margin-top: 2.25rem !important;
}
.mb-9 {
margin-bottom: 2.25rem !important;
}
.ms-9 {
margin-left: 2.25rem !important;
}
.ml-9 {
margin-left: 2.25rem !important;
}
.me-9 {
margin-right: 2.25rem !important;
}
.mr-9 {
margin-right: 2.25rem !important;
}
.mx-9 {
margin-left: 2.25rem !important;
margin-right: 2.25rem !important;
}
.my-9 {
margin-top: 2.25rem !important;
margin-bottom: 2.25rem !important;
}
.m-10 {
margin: 2.5rem !important;
}
.mt-10 {
margin-top: 2.5rem !important;
}
.mb-10 {
margin-bottom: 2.5rem !important;
}
.ms-10 {
margin-left: 2.5rem !important;
}
.ml-10 {
margin-left: 2.5rem !important;
}
.me-10 {
margin-right: 2.5rem !important;
}
.mr-10 {
margin-right: 2.5rem !important;
}
.mx-10 {
margin-left: 2.5rem !important;
margin-right: 2.5rem !important;
}
.my-10 {
margin-top: 2.5rem !important;
margin-bottom: 2.5rem !important;
}
.m-11 {
margin: 2.75rem !important;
}
.mt-11 {
margin-top: 2.75rem !important;
}
.mb-11 {
margin-bottom: 2.75rem !important;
}
.ms-11 {
margin-left: 2.75rem !important;
}
.ml-11 {
margin-left: 2.75rem !important;
}
.me-11 {
margin-right: 2.75rem !important;
}
.mr-11 {
margin-right: 2.75rem !important;
}
.mx-11 {
margin-left: 2.75rem !important;
margin-right: 2.75rem !important;
}
.my-11 {
margin-top: 2.75rem !important;
margin-bottom: 2.75rem !important;
}
.m-12 {
margin: 3rem !important;
}
.mt-12 {
margin-top: 3rem !important;
}
.mb-12 {
margin-bottom: 3rem !important;
}
.ms-12 {
margin-left: 3rem !important;
}
.ml-12 {
margin-left: 3rem !important;
}
.me-12 {
margin-right: 3rem !important;
}
.mr-12 {
margin-right: 3rem !important;
}
.mx-12 {
margin-left: 3rem !important;
margin-right: 3rem !important;
}
.my-12 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.m-13 {
margin: 3.25rem !important;
}
.mt-13 {
margin-top: 3.25rem !important;
}
.mb-13 {
margin-bottom: 3.25rem !important;
}
.ms-13 {
margin-left: 3.25rem !important;
}
.ml-13 {
margin-left: 3.25rem !important;
}
.me-13 {
margin-right: 3.25rem !important;
}
.mr-13 {
margin-right: 3.25rem !important;
}
.mx-13 {
margin-left: 3.25rem !important;
margin-right: 3.25rem !important;
}
.my-13 {
margin-top: 3.25rem !important;
margin-bottom: 3.25rem !important;
}
.m-14 {
margin: 3.5rem !important;
}
.mt-14 {
margin-top: 3.5rem !important;
}
.mb-14 {
margin-bottom: 3.5rem !important;
}
.ms-14 {
margin-left: 3.5rem !important;
}
.ml-14 {
margin-left: 3.5rem !important;
}
.me-14 {
margin-right: 3.5rem !important;
}
.mr-14 {
margin-right: 3.5rem !important;
}
.mx-14 {
margin-left: 3.5rem !important;
margin-right: 3.5rem !important;
}
.my-14 {
margin-top: 3.5rem !important;
margin-bottom: 3.5rem !important;
}
.m-15 {
margin: 3.75rem !important;
}
.mt-15 {
margin-top: 3.75rem !important;
}
.mb-15 {
margin-bottom: 3.75rem !important;
}
.ms-15 {
margin-left: 3.75rem !important;
}
.ml-15 {
margin-left: 3.75rem !important;
}
.me-15 {
margin-right: 3.75rem !important;
}
.mr-15 {
margin-right: 3.75rem !important;
}
.mx-15 {
margin-left: 3.75rem !important;
margin-right: 3.75rem !important;
}
.my-15 {
margin-top: 3.75rem !important;
margin-bottom: 3.75rem !important;
}
.m-16 {
margin: 4rem !important;
}
.mt-16 {
margin-top: 4rem !important;
}
.mb-16 {
margin-bottom: 4rem !important;
}
.ms-16 {
margin-left: 4rem !important;
}
.ml-16 {
margin-left: 4rem !important;
}
.me-16 {
margin-right: 4rem !important;
}
.mr-16 {
margin-right: 4rem !important;
}
.mx-16 {
margin-left: 4rem !important;
margin-right: 4rem !important;
}
.my-16 {
margin-top: 4rem !important;
margin-bottom: 4rem !important;
}
.m-17 {
margin: 4.25rem !important;
}
.mt-17 {
margin-top: 4.25rem !important;
}
.mb-17 {
margin-bottom: 4.25rem !important;
}
.ms-17 {
margin-left: 4.25rem !important;
}
.ml-17 {
margin-left: 4.25rem !important;
}
.me-17 {
margin-right: 4.25rem !important;
}
.mr-17 {
margin-right: 4.25rem !important;
}
.mx-17 {
margin-left: 4.25rem !important;
margin-right: 4.25rem !important;
}
.my-17 {
margin-top: 4.25rem !important;
margin-bottom: 4.25rem !important;
}
.m-18 {
margin: 4.5rem !important;
}
.mt-18 {
margin-top: 4.5rem !important;
}
.mb-18 {
margin-bottom: 4.5rem !important;
}
.ms-18 {
margin-left: 4.5rem !important;
}
.ml-18 {
margin-left: 4.5rem !important;
}
.me-18 {
margin-right: 4.5rem !important;
}
.mr-18 {
margin-right: 4.5rem !important;
}
.mx-18 {
margin-left: 4.5rem !important;
margin-right: 4.5rem !important;
}
.my-18 {
margin-top: 4.5rem !important;
margin-bottom: 4.5rem !important;
}
.m-19 {
margin: 4.75rem !important;
}
.mt-19 {
margin-top: 4.75rem !important;
}
.mb-19 {
margin-bottom: 4.75rem !important;
}
.ms-19 {
margin-left: 4.75rem !important;
}
.ml-19 {
margin-left: 4.75rem !important;
}
.me-19 {
margin-right: 4.75rem !important;
}
.mr-19 {
margin-right: 4.75rem !important;
}
.mx-19 {
margin-left: 4.75rem !important;
margin-right: 4.75rem !important;
}
.my-19 {
margin-top: 4.75rem !important;
margin-bottom: 4.75rem !important;
}
.m-20 {
margin: 5rem !important;
}
.mt-20 {
margin-top: 5rem !important;
}
.mb-20 {
margin-bottom: 5rem !important;
}
.ms-20 {
margin-left: 5rem !important;
}
.ml-20 {
margin-left: 5rem !important;
}
.me-20 {
margin-right: 5rem !important;
}
.mr-20 {
margin-right: 5rem !important;
}
.mx-20 {
margin-left: 5rem !important;
margin-right: 5rem !important;
}
.my-20 {
margin-top: 5rem !important;
margin-bottom: 5rem !important;
}
.mx-auto {
margin-left: auto !important;
margin-right: auto !important;
}
.p-0 {
padding: 0rem !important;
}
.pt-0 {
padding-top: 0rem !important;
}
.pb-0 {
padding-bottom: 0rem !important;
}
.ps-0 {
padding-left: 0rem !important;
}
.pl-0 {
padding-left: 0rem !important;
}
.pe-0 {
padding-right: 0rem !important;
}
.pr-0 {
padding-right: 0rem !important;
}
.px-0 {
padding-left: 0rem !important;
padding-right: 0rem !important;
}
.py-0 {
padding-top: 0rem !important;
padding-bottom: 0rem !important;
}
.p-1 {
padding: 0.25rem !important;
}
.pt-1 {
padding-top: 0.25rem !important;
}
.pb-1 {
padding-bottom: 0.25rem !important;
}
.ps-1 {
padding-left: 0.25rem !important;
}
.pl-1 {
padding-left: 0.25rem !important;
}
.pe-1 {
padding-right: 0.25rem !important;
}
.pr-1 {
padding-right: 0.25rem !important;
}
.px-1 {
padding-left: 0.25rem !important;
padding-right: 0.25rem !important;
}
.py-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.pt-2 {
padding-top: 0.5rem !important;
}
.pb-2 {
padding-bottom: 0.5rem !important;
}
.ps-2 {
padding-left: 0.5rem !important;
}
.pl-2 {
padding-left: 0.5rem !important;
}
.pe-2 {
padding-right: 0.5rem !important;
}
.pr-2 {
padding-right: 0.5rem !important;
}
.px-2 {
padding-left: 0.5rem !important;
padding-right: 0.5rem !important;
}
.py-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.p-3 {
padding: 0.75rem !important;
}
.pt-3 {
padding-top: 0.75rem !important;
}
.pb-3 {
padding-bottom: 0.75rem !important;
}
.ps-3 {
padding-left: 0.75rem !important;
}
.pl-3 {
padding-left: 0.75rem !important;
}
.pe-3 {
padding-right: 0.75rem !important;
}
.pr-3 {
padding-right: 0.75rem !important;
}
.px-3 {
padding-left: 0.75rem !important;
padding-right: 0.75rem !important;
}
.py-3 {
padding-top: 0.75rem !important;
padding-bottom: 0.75rem !important;
}
.p-4 {
padding: 1rem !important;
}
.pt-4 {
padding-top: 1rem !important;
}
.pb-4 {
padding-bottom: 1rem !important;
}
.ps-4 {
padding-left: 1rem !important;
}
.pl-4 {
padding-left: 1rem !important;
}
.pe-4 {
padding-right: 1rem !important;
}
.pr-4 {
padding-right: 1rem !important;
}
.px-4 {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
.py-4 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.p-5 {
padding: 1.25rem !important;
}
.pt-5 {
padding-top: 1.25rem !important;
}
.pb-5 {
padding-bottom: 1.25rem !important;
}
.ps-5 {
padding-left: 1.25rem !important;
}
.pl-5 {
padding-left: 1.25rem !important;
}
.pe-5 {
padding-right: 1.25rem !important;
}
.pr-5 {
padding-right: 1.25rem !important;
}
.px-5 {
padding-left: 1.25rem !important;
padding-right: 1.25rem !important;
}
.py-5 {
padding-top: 1.25rem !important;
padding-bottom: 1.25rem !important;
}
.p-6 {
padding: 1.5rem !important;
}
.pt-6 {
padding-top: 1.5rem !important;
}
.pb-6 {
padding-bottom: 1.5rem !important;
}
.ps-6 {
padding-left: 1.5rem !important;
}
.pl-6 {
padding-left: 1.5rem !important;
}
.pe-6 {
padding-right: 1.5rem !important;
}
.pr-6 {
padding-right: 1.5rem !important;
}
.px-6 {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
}
.py-6 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.p-7 {
padding: 1.75rem !important;
}
.pt-7 {
padding-top: 1.75rem !important;
}
.pb-7 {
padding-bottom: 1.75rem !important;
}
.ps-7 {
padding-left: 1.75rem !important;
}
.pl-7 {
padding-left: 1.75rem !important;
}
.pe-7 {
padding-right: 1.75rem !important;
}
.pr-7 {
padding-right: 1.75rem !important;
}
.px-7 {
padding-left: 1.75rem !important;
padding-right: 1.75rem !important;
}
.py-7 {
padding-top: 1.75rem !important;
padding-bottom: 1.75rem !important;
}
.p-8 {
padding: 2rem !important;
}
.pt-8 {
padding-top: 2rem !important;
}
.pb-8 {
padding-bottom: 2rem !important;
}
.ps-8 {
padding-left: 2rem !important;
}
.pl-8 {
padding-left: 2rem !important;
}
.pe-8 {
padding-right: 2rem !important;
}
.pr-8 {
padding-right: 2rem !important;
}
.px-8 {
padding-left: 2rem !important;
padding-right: 2rem !important;
}
.py-8 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.p-9 {
padding: 2.25rem !important;
}
.pt-9 {
padding-top: 2.25rem !important;
}
.pb-9 {
padding-bottom: 2.25rem !important;
}
.ps-9 {
padding-left: 2.25rem !important;
}
.pl-9 {
padding-left: 2.25rem !important;
}
.pe-9 {
padding-right: 2.25rem !important;
}
.pr-9 {
padding-right: 2.25rem !important;
}
.px-9 {
padding-left: 2.25rem !important;
padding-right: 2.25rem !important;
}
.py-9 {
padding-top: 2.25rem !important;
padding-bottom: 2.25rem !important;
}
.p-10 {
padding: 2.5rem !important;
}
.pt-10 {
padding-top: 2.5rem !important;
}
.pb-10 {
padding-bottom: 2.5rem !important;
}
.ps-10 {
padding-left: 2.5rem !important;
}
.pl-10 {
padding-left: 2.5rem !important;
}
.pe-10 {
padding-right: 2.5rem !important;
}
.pr-10 {
padding-right: 2.5rem !important;
}
.px-10 {
padding-left: 2.5rem !important;
padding-right: 2.5rem !important;
}
.py-10 {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important;
}
.p-11 {
padding: 2.75rem !important;
}
.pt-11 {
padding-top: 2.75rem !important;
}
.pb-11 {
padding-bottom: 2.75rem !important;
}
.ps-11 {
padding-left: 2.75rem !important;
}
.pl-11 {
padding-left: 2.75rem !important;
}
.pe-11 {
padding-right: 2.75rem !important;
}
.pr-11 {
padding-right: 2.75rem !important;
}
.px-11 {
padding-left: 2.75rem !important;
padding-right: 2.75rem !important;
}
.py-11 {
padding-top: 2.75rem !important;
padding-bottom: 2.75rem !important;
}
.p-12 {
padding: 3rem !important;
}
.pt-12 {
padding-top: 3rem !important;
}
.pb-12 {
padding-bottom: 3rem !important;
}
.ps-12 {
padding-left: 3rem !important;
}
.pl-12 {
padding-left: 3rem !important;
}
.pe-12 {
padding-right: 3rem !important;
}
.pr-12 {
padding-right: 3rem !important;
}
.px-12 {
padding-left: 3rem !important;
padding-right: 3rem !important;
}
.py-12 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.p-13 {
padding: 3.25rem !important;
}
.pt-13 {
padding-top: 3.25rem !important;
}
.pb-13 {
padding-bottom: 3.25rem !important;
}
.ps-13 {
padding-left: 3.25rem !important;
}
.pl-13 {
padding-left: 3.25rem !important;
}
.pe-13 {
padding-right: 3.25rem !important;
}
.pr-13 {
padding-right: 3.25rem !important;
}
.px-13 {
padding-left: 3.25rem !important;
padding-right: 3.25rem !important;
}
.py-13 {
padding-top: 3.25rem !important;
padding-bottom: 3.25rem !important;
}
.p-14 {
padding: 3.5rem !important;
}
.pt-14 {
padding-top: 3.5rem !important;
}
.pb-14 {
padding-bottom: 3.5rem !important;
}
.ps-14 {
padding-left: 3.5rem !important;
}
.pl-14 {
padding-left: 3.5rem !important;
}
.pe-14 {
padding-right: 3.5rem !important;
}
.pr-14 {
padding-right: 3.5rem !important;
}
.px-14 {
padding-left: 3.5rem !important;
padding-right: 3.5rem !important;
}
.py-14 {
padding-top: 3.5rem !important;
padding-bottom: 3.5rem !important;
}
.p-15 {
padding: 3.75rem !important;
}
.pt-15 {
padding-top: 3.75rem !important;
}
.pb-15 {
padding-bottom: 3.75rem !important;
}
.ps-15 {
padding-left: 3.75rem !important;
}
.pl-15 {
padding-left: 3.75rem !important;
}
.pe-15 {
padding-right: 3.75rem !important;
}
.pr-15 {
padding-right: 3.75rem !important;
}
.px-15 {
padding-left: 3.75rem !important;
padding-right: 3.75rem !important;
}
.py-15 {
padding-top: 3.75rem !important;
padding-bottom: 3.75rem !important;
}
.p-16 {
padding: 4rem !important;
}
.pt-16 {
padding-top: 4rem !important;
}
.pb-16 {
padding-bottom: 4rem !important;
}
.ps-16 {
padding-left: 4rem !important;
}
.pl-16 {
padding-left: 4rem !important;
}
.pe-16 {
padding-right: 4rem !important;
}
.pr-16 {
padding-right: 4rem !important;
}
.px-16 {
padding-left: 4rem !important;
padding-right: 4rem !important;
}
.py-16 {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
.p-17 {
padding: 4.25rem !important;
}
.pt-17 {
padding-top: 4.25rem !important;
}
.pb-17 {
padding-bottom: 4.25rem !important;
}
.ps-17 {
padding-left: 4.25rem !important;
}
.pl-17 {
padding-left: 4.25rem !important;
}
.pe-17 {
padding-right: 4.25rem !important;
}
.pr-17 {
padding-right: 4.25rem !important;
}
.px-17 {
padding-left: 4.25rem !important;
padding-right: 4.25rem !important;
}
.py-17 {
padding-top: 4.25rem !important;
padding-bottom: 4.25rem !important;
}
.p-18 {
padding: 4.5rem !important;
}
.pt-18 {
padding-top: 4.5rem !important;
}
.pb-18 {
padding-bottom: 4.5rem !important;
}
.ps-18 {
padding-left: 4.5rem !important;
}
.pl-18 {
padding-left: 4.5rem !important;
}
.pe-18 {
padding-right: 4.5rem !important;
}
.pr-18 {
padding-right: 4.5rem !important;
}
.px-18 {
padding-left: 4.5rem !important;
padding-right: 4.5rem !important;
}
.py-18 {
padding-top: 4.5rem !important;
padding-bottom: 4.5rem !important;
}
.p-19 {
padding: 4.75rem !important;
}
.pt-19 {
padding-top: 4.75rem !important;
}
.pb-19 {
padding-bottom: 4.75rem !important;
}
.ps-19 {
padding-left: 4.75rem !important;
}
.pl-19 {
padding-left: 4.75rem !important;
}
.pe-19 {
padding-right: 4.75rem !important;
}
.pr-19 {
padding-right: 4.75rem !important;
}
.px-19 {
padding-left: 4.75rem !important;
padding-right: 4.75rem !important;
}
.py-19 {
padding-top: 4.75rem !important;
padding-bottom: 4.75rem !important;
}
.p-20 {
padding: 5rem !important;
}
.pt-20 {
padding-top: 5rem !important;
}
.pb-20 {
padding-bottom: 5rem !important;
}
.ps-20 {
padding-left: 5rem !important;
}
.pl-20 {
padding-left: 5rem !important;
}
.pe-20 {
padding-right: 5rem !important;
}
.pr-20 {
padding-right: 5rem !important;
}
.px-20 {
padding-left: 5rem !important;
padding-right: 5rem !important;
}
.py-20 {
padding-top: 5rem !important;
padding-bottom: 5rem !important;
}
.g-section {
padding-top: 3rem;
padding-bottom: 3rem;
}
.g-narrow {
max-width: 760px;
}
.g-center {
margin-left: auto !important;
margin-right: auto !important;
display: block !important;
}
.g-layout-3col {
display: flex;
flex-wrap: wrap;
gap: 2rem;
}
.g-layout-3col > * {
flex: 1 1 0;
min-width: 220px;
}
.g-bg-contact {
background: #f7fafc;
}
.g-tagline {
color: #0c6655;
font-weight: 700;
letter-spacing: 0.05em;
font-size: 1rem;
margin-bottom: 0.6em;
}
@font-face {
font-family: "Comocomo";
src: url(//kwispelkapper.nl/wp-content/themes/kwispelkapper/assets/fonts/Comocomo.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Comocomo", "Inter", Arial, sans-serif;
}
.g-header {
display: block;
}
.g-header.is-sticky {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 999;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
background: #fff;
transition: box-shadow 0.2s, transform 0.2s;
transform: translateY(0);
display: block;
}
.g-header.is-hidden {
transform: translateY(-110%);
transition: transform 0.2s;
pointer-events: none;
}
header.g-header:not(.is-sticky) {
display: none;
}
.g-hero-section {
position: relative;
padding-top: 80px;
padding-bottom: 120px;
overflow: hidden;
}
.g-hero-section .g-container {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 50px;
height: 100%;
}
@media (max-width: 992px) {
.g-hero-section .g-container {
flex-direction: column;
gap: 35px;
height: auto;
}
}
.g-hero-section .g-hero-content {
flex: 1 1 0;
z-index: 2;
position: relative;
height: 100%;
}
.g-hero-section .g-hero-content .g-logo {
display: inline-block;
vertical-align: top;
margin-bottom: 18px;
align-self: flex-start;
}
.g-hero-section .g-hero-content h1 {
font-size: 3.5em;
font-weight: 900;
margin-bottom: 18px;
line-height: 1.05;
letter-spacing: -1px;
}
@media (max-width: 768px) {
.g-hero-section .g-hero-content h1 {
font-size: 2.2em;
}
}
.g-hero-section .g-hero-content .g-subtitle {
font-size: 1.15em;
color: #444444;
margin-bottom: 28px;
line-height: 1.7;
}
.g-hero-section .g-hero-content .g-tagline {
font-size: 15px;
text-transform: uppercase;
color: #888888;
letter-spacing: 1.2px;
font-weight: 600;
margin-bottom: 14px;
display: block;
}
.g-hero-section .g-hero-content .g-hero-actions {
margin-top: 38px;
display: flex;
gap: 18px;
flex-wrap: wrap;
}
.g-hero-section .g-hero-content .g-stats {
margin-top: 30px;
display: flex;
gap: 40px;
flex-wrap: wrap;
}
.g-hero-section .g-hero-content .g-stats .g-stat {
display: flex;
flex-direction: column;
}
.g-hero-section .g-hero-content .g-stats .g-stat .g-stat-number {
font-size: 2.1em;
font-weight: 700;
color: #fb91c8;
margin-bottom: 2px;
}
.g-hero-section .g-hero-content .g-stats .g-stat .g-stat-label {
font-size: 1em;
color: #888888;
font-weight: 500;
}
.g-hero-section .g-hero-image {
aspect-ratio: 0.763077;
height: 650px;
flex-flow: column;
flex: 1 0 0;
place-content: center;
align-items: center;
gap: 10px;
width: 100%;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.g-hero-section .g-hero-image .absolute-float {
position: absolute;
top: 0;
right: 0; border-radius: 50%;
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
z-index: 2;
}
.g-hero-section .g-hero-image .absolute-float .frames {
z-index: 1;
background-color: #fff;
border-top-right-radius: 24px;
flex: none;
border-radius: 24px;
gap: 10px;
width: 56px;
height: 56px;
position: absolute;
top: 0px;
right: 0px;
overflow: visible;
box-shadow: 0 0 #fff;
}
.g-hero-section .g-hero-image .absolute-float .frames .frame-1 {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 48px);
z-index: 1;
background-color: rgba(116, 128, 118, 0);
border-radius: 50px;
flex: none;
width: 48px;
position: absolute;
top: 0px;
left: -48px;
overflow: visible;
box-shadow: 24px -24px #fff;
}
.g-hero-section .g-hero-image .absolute-float .frames .frame-2 {
aspect-ratio: 1;
height: 48px;
z-index: 1;
background-color: rgba(116, 128, 118, 0);
border-radius: 50px;
flex: none;
width: 48px;
position: absolute;
top: 56px;
left: 8px;
overflow: visible;
box-shadow: 24px -24px #fff;
}
.g-hero-section .g-hero-image .hero-img-wrapper {
width: 100%;
height: 100%;
max-width: 440px;
max-height: 540px;
aspect-ratio: 4/5;
background: #F8F9FA;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 8px 36px 0 rgba(251, 145, 200, 0.13);
display: flex;
align-items: flex-end;
justify-content: center;
position: relative;
}
.g-hero-section .g-hero-image .hero-img-wrapper img {
width: 100%;
height: auto;
display: block;
-o-object-fit: cover;
object-fit: cover;
border-radius: 16px;
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.07);
}
@media (max-width: 992px) {
.g-hero-section .g-hero-image {
min-height: 280px;
max-width: 100%;
margin: 0 auto;
}
.g-hero-section .g-hero-image .hero-img-wrapper {
max-width: 100%;
max-height: 360px;
}
}
@media (max-width: 768px) {
.g-hero-section .g-hero-image {
width: 100%;
min-width: 0;
height: auto;
aspect-ratio: unset;
}
.g-hero-section .g-hero-image .hero-img-wrapper {
width: 100% !important;
max-width: 100% !important;
min-width: 0;
height: auto;
max-height: none;
aspect-ratio: unset;
}
}
.g-hero-section .g-hero-decor-bubble {
position: absolute;
border-radius: 50%;
filter: blur(8px);
pointer-events: none;
z-index: 0;
}
.g-hero-section .bubble1 {
width: 260px;
height: 260px;
left: -90px;
top: 10%;
background: rgba(251, 145, 200, 0.13);
}
.g-hero-section .bubble2 {
width: 120px;
height: 120px;
right: -40px;
bottom: 24%;
background: rgba(0, 119, 182, 0.11);
}
.g-subtitle {
font-size: 1.15em;
color: #444444;
margin-bottom: 30px;
line-height: 1.6;
}
@media (max-width: 768px) {
.g-hero-section {
padding-top: 40px;
padding-bottom: 65px;
}
.g-hero-section .g-hero-content h1 {
font-size: 2em;
}
.g-hero-section .g-hero-image {
width: 100% !important;
min-width: 0 !important;
height: auto !important;
aspect-ratio: unset !important;
}
.g-hero-section .g-hero-image .hero-img-wrapper {
max-width: 100% !important;
width: 100% !important;
min-width: 0 !important;
height: auto !important;
max-height: none !important;
aspect-ratio: unset !important;
}
.g-hero-section .g-hero-content .g-hero-actions {
flex-direction: column;
gap: 12px;
}
.g-hero-section .g-hero-content .g-stats {
gap: 24px;
}
}
.g-section.g-about-us {
background: #F8F9FA;
padding: 90px 0;
}
.g-section.g-about-us .g-container {
padding: 0 30px;
}
.g-section.g-about-us .g-layout-2col {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: center;
}
@media (max-width: 992px) {
.g-section.g-about-us .g-layout-2col {
grid-template-columns: 1fr;
gap: 40px;
}
}
.g-section.g-about-us .g-text-side h2 {
font-size: 2.5em;
font-weight: 900;
margin-bottom: 18px;
color: #212121;
line-height: 1.13;
}
.g-section.g-about-us .g-text-side p {
font-size: 1.28em;
color: #444444;
line-height: 1.66;
margin-bottom: 24px;
}
.g-section.g-about-us .g-text-side .g-hero-image {
margin-top: 42px;
position: relative;
border-radius: 30px 30px 30px 80px;
overflow: hidden;
border: none;
background: #F8F9FA;
max-height: 700px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
}
.g-section.g-about-us .g-text-side .g-hero-image img {
width: 100%;
height: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
border-radius: 30px 30px 30px 80px;
box-shadow: 0 10px 36px 0 rgba(251, 145, 200, 0.13);
}
.g-section.g-about-us .g-text-side .g-hero-image .absolute-float {
position: absolute;
top: 0px;
right: 0px;
z-index: 2;
width: 56px;
height: 56px;
display: flex;
align-items: center;
justify-content: center;
background: #F8F9FA;
border-radius: 24px;
}
.g-section.g-about-us .g-text-side .g-hero-image .absolute-float svg {
display: block;
}
.g-section.g-about-us .g-text-side .g-hero-image .absolute-float .frames {
z-index: 1;
position: absolute;
top: 0;
right: 0;
width: 56px;
height: 56px;
}
.g-section.g-about-us .g-text-side .g-hero-image .absolute-float .frames .frame-1, .g-section.g-about-us .g-text-side .g-hero-image .absolute-float .frames .frame-2 {
position: absolute;
width: 48px;
height: 48px;
border-radius: 50px;
background-color: transparent;
}
.g-section.g-about-us .g-text-side .g-hero-image .absolute-float .frames .frame-1 {
top: 0;
left: -48px;
box-shadow: 24px -24px #F8F9FA;
}
.g-section.g-about-us .g-text-side .g-hero-image .absolute-float .frames .frame-2 {
top: 56px;
left: 8px;
box-shadow: 24px -24px #F8F9FA;
}
.g-section.g-about-us .g-stats-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
margin-top: 0;
}
@media (max-width: 768px) {
.g-section.g-about-us .g-stats-grid {
grid-template-columns: 1fr;
gap: 24px;
}
}
.g-section.g-about-us .g-stats-grid .g-stat-item {
background: #ffffff;
border-radius: 18px;
box-shadow: 0 2px 12px 0 rgba(220, 170, 205, 0.08);
padding: 34px 30px;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.g-section.g-about-us .g-stats-grid .g-stat-item .g-stat-number {
font-size: 2.5em;
font-weight: 800;
color: #fb91c8;
margin-bottom: 3px;
line-height: 1;
}
.g-section.g-about-us .g-stats-grid .g-stat-item .g-stat-label {
font-size: 1em;
color: #888888;
font-weight: 500;
margin-top: 0;
}
.g-section.g-video {
padding: 90px 0;
}
.g-section.g-video .g-container {
padding: 0 30px;
}
.g-section.g-video .g-layout-2col {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: center;
}
@media (max-width: 992px) {
.g-section.g-video .g-layout-2col {
grid-template-columns: 1fr;
gap: 40px;
}
}
.g-section.g-video .g-text-side h2 {
font-size: 2.5em;
font-weight: 900;
margin-bottom: 18px;
color: #212121;
line-height: 1.13;
}
.g-section.g-video .g-text-side p {
font-size: 1.28em;
color: #444444;
line-height: 1.66;
margin-bottom: 24px;
}
.g-section.g-video p {
font-size: 1.13em;
color: #444444;
line-height: 1.54;
margin-bottom: 22px;
}
.g-section.g-video .g-video-wrapper {
position: relative;
border-radius: 30px 30px 30px 80px;
overflow: hidden;
border: 1px solid #dedede;
background: #f8f9fa;
padding: 3px;
}
.g-section.g-video .g-video-wrapper video {
width: 100%;
height: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
border-radius: 30px 30px 30px 80px;
background: #111;
box-shadow: 0 10px 36px 0 rgba(251, 145, 200, 0.13);
}
.g-section.g-video .g-video-wrapper .absolute-float {
position: absolute;
top: 0px;
right: 0px;
z-index: 2;
width: 56px;
height: 56px;
display: flex;
align-items: center;
justify-content: center;
background: #F8F9FA;
border-radius: 24px;
}
.g-section.g-video .g-video-wrapper .absolute-float svg {
display: block;
}
.g-section.g-video .g-video-wrapper .absolute-float .frames {
z-index: 1;
position: absolute;
top: 0;
right: 0;
width: 56px;
height: 56px;
}
.g-section.g-video .g-video-wrapper .absolute-float .frames .frame-1, .g-section.g-video .g-video-wrapper .absolute-float .frames .frame-2 {
position: absolute;
width: 48px;
height: 48px;
border-radius: 50px;
background-color: transparent;
}
.g-section.g-video .g-video-wrapper .absolute-float .frames .frame-1 {
top: 0;
left: -48px;
box-shadow: 24px -24px #F8F9FA;
}
.g-section.g-video .g-video-wrapper .absolute-float .frames .frame-2 {
top: 56px;
left: 8px;
box-shadow: 24px -24px #F8F9FA;
}
.g-gallery-section {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.g-gallery-marquee-track {
display: flex;
flex-wrap: nowrap;
align-items: center;
gap: 0; width: -moz-max-content;
width: max-content;
animation: g-gallery-marquee-slide 38s linear infinite;
will-change: transform; }
.g-gallery-marquee-item img {
aspect-ratio: 1/1;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
min-width: 0;
background: #fff;
}
@keyframes g-gallery-marquee-slide {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
@media (max-width: 900px) {
.g-gallery-section {
padding-top: 2rem;
padding-bottom: 2rem;
}
.g-gallery-marquee-item {
width: 45vw !important;
min-width: 150px;
}
}
@media (max-width: 600px) {
.g-gallery-section {
padding-top: 1.2rem;
padding-bottom: 1.2rem;
}
.g-gallery-intro h2 {
font-size: 2rem !important;
}
.g-gallery-marquee-item {
width: 68vw !important;
min-width: 105px;
max-width: 98vw;
}
}
.g-testimonials-section {
padding: 100px 0;
background: #F8F9FA;
}
.g-testimonials-section .g-container {
max-width: 900px;
margin: 0 auto;
padding: 0 30px;
}
.g-testimonials-section .g-tagline {
font-size: 15px;
color: #888888;
margin-bottom: 10px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 1px;
}
.g-testimonials-section h2 {
font-size: 2.4em;
font-weight: 800;
margin-bottom: 44px;
line-height: 1.15;
}
.g-testimonials-section h2 span.text-pink {
color: #fb91c8;
}
.g-testimonials-section h2 br {
display: none;
}
@media (max-width: 600px) {
.g-testimonials-section h2 {
font-size: 1.5em;
}
}
.g-testimonials-section .row {
display: flex;
justify-content: center;
}
@media (max-width: 768px) {
.g-testimonials-section .row {
flex-direction: column;
}
}
.g-testimonials-section .g-testimonial-col {
padding: 10px;
}
.g-testimonials-section .g-testimonial-card {
background: #ffffff;
border-radius: 14px;
padding: 34px 24px 26px 24px;
box-shadow: 0 2px 12px 0 rgba(220, 170, 205, 0.1);
font-style: italic;
font-size: 1.1em;
position: relative;
margin-bottom: 0;
}
.g-testimonials-section .g-testimonial-card p {
margin-bottom: 16px;
color: #212121;
}
.g-testimonials-section .g-testimonial-card footer {
font-style: normal;
font-weight: 600;
color: #fb91c8;
font-size: 1em;
}
.g-testimonials-section .g-testimonial-card::before {
content: "“";
position: absolute;
top: 16px;
left: 16px;
font-size: 2em;
color: #fb91c8;
opacity: 0.15;
font-family: serif;
pointer-events: none;
}