@charset "UTF-8";
/* ******* Utilities ******* */
.min-height-600 {
  min-height: 600px; }

.min-height-400 {
  min-height: 400px; }

.font-manrope {
  font-family: 'Manrope', sans-serif; }

.font-inter {
  font-family: 'Inter', sans-serif; }

.font-source-serif {
  font-family: 'Source Serif Pro', serif; }

.font-weight-800 {
  font-weight: 800; }

.font-weight-700 {
  font-weight: 700; }

.font-weight-600 {
  font-weight: 600; }

.font-weight-500 {
  font-weight: 500; }

.font-weight-400 {
  font-weight: 400; }

.font-weight-300 {
  font-weight: 300; }

.color-brand-black {
  color: #040102; }

.bg-brand-black {
  background-color: #040102; }

.color-brand-white {
  color: #FFFFFF; }

.bg-brand-white {
  background-color: #FFFFFF; }

.color-brand-light-grey {
  color: #F3F4F6; }

.bg-brand-light-grey {
  background-color: #F3F4F6; }

.color-disabled {
  color: #c6c6c6; }

.bg-disabled {
  background-color: #c6c6c6; }

.color-primary-25 {
  color: #FFFAFA; }

.bg-primary-25 {
  background-color: #FFFAFA; }

.color-primary-50 {
  color: #FFDDDB; }

.bg-primary-50 {
  background-color: #FFDDDB; }

.color-primary-100 {
  color: #FFBBB3; }

.bg-primary-100 {
  background-color: #FFBBB3; }

.color-primary-200 {
  color: #FFA399; }

.bg-primary-200 {
  background-color: #FFA399; }

.color-primary-300 {
  color: #F7766E; }

.bg-primary-300 {
  background-color: #F7766E; }

.color-primary-400 {
  color: #B72121; }

.bg-primary-400 {
  background-color: #B72121; }

.color-primary-500 {
  color: #981C20; }

.bg-primary-500 {
  background-color: #981C20; }

.color-primary-600 {
  color: #631C20; }

.bg-primary-600 {
  background-color: #631C20; }

.color-primary-700 {
  color: #40171A; }

.bg-primary-700 {
  background-color: #40171A; }

.color-primary-800 {
  color: #2B1215; }

.bg-primary-800 {
  background-color: #2B1215; }

.color-primary-900 {
  color: #190B0C; }

.bg-primary-900 {
  background-color: #190B0C; }

.color-primary-950 {
  color: #040102; }

.bg-primary-950 {
  background-color: #040102; }

.color-secondary-cyan-25 {
  color: #F5FEFF; }

.bg-secondary-cyan-25 {
  background-color: #F5FEFF; }

.color-secondary-cyan-50 {
  color: #ECFDFF; }

.bg-secondary-cyan-50 {
  background-color: #ECFDFF; }

.color-secondary-cyan-100 {
  color: #CFF9FE; }

.bg-secondary-cyan-100 {
  background-color: #CFF9FE; }

.color-secondary-cyan-200 {
  color: #A5F0FB; }

.bg-secondary-cyan-200 {
  background-color: #A5F0FB; }

.color-secondary-cyan-300 {
  color: #67E3F9; }

.bg-secondary-cyan-300 {
  background-color: #67E3F9; }

.color-secondary-cyan-400 {
  color: #2CE; }

.bg-secondary-cyan-400 {
  background-color: #2CE; }

.color-secondary-cyan-500 {
  color: #06AED4; }

.bg-secondary-cyan-500 {
  background-color: #06AED4; }

.color-secondary-cyan-600 {
  color: #088AB3; }

.bg-secondary-cyan-600 {
  background-color: #088AB3; }

.color-secondary-cyan-700 {
  color: #0E7090; }

.bg-secondary-cyan-700 {
  background-color: #0E7090; }

.color-secondary-cyan-800 {
  color: #155B76; }

.bg-secondary-cyan-800 {
  background-color: #155B76; }

.color-secondary-cyan-900 {
  color: #164C63; }

.bg-secondary-cyan-900 {
  background-color: #164C63; }

.color-secondary-cyan-950 {
  color: #0B3445; }

.bg-secondary-cyan-950 {
  background-color: #0B3445; }

.color-secondary-blue-25 {
  color: #F5F6FF; }

.bg-secondary-blue-25 {
  background-color: #F5F6FF; }

.color-secondary-blue-50 {
  color: #C4C7ED; }

.bg-secondary-blue-50 {
  background-color: #C4C7ED; }

.color-secondary-blue-100 {
  color: #8C91DB; }

.bg-secondary-blue-100 {
  background-color: #8C91DB; }

.color-secondary-blue-200 {
  color: #656ACB; }

.bg-secondary-blue-200 {
  background-color: #656ACB; }

.color-secondary-blue-300 {
  color: #4347BA; }

.bg-secondary-blue-300 {
  background-color: #4347BA; }

.color-secondary-blue-400 {
  color: #373A93; }

.bg-secondary-blue-400 {
  background-color: #373A93; }

.color-secondary-blue-500 {
  color: #2B2C6C; }

.bg-secondary-blue-500 {
  background-color: #2B2C6C; }

.color-secondary-blue-600 {
  color: #29295C; }

.bg-secondary-blue-600 {
  background-color: #29295C; }

.color-secondary-blue-700 {
  color: #22234E; }

.bg-secondary-blue-700 {
  background-color: #22234E; }

.color-secondary-blue-800 {
  color: #212140; }

.bg-secondary-blue-800 {
  background-color: #212140; }

.color-secondary-blue-900 {
  color: #181830; }

.bg-secondary-blue-900 {
  background-color: #181830; }

.color-secondary-blue-950 {
  color: #05050A; }

.bg-secondary-blue-950 {
  background-color: #05050A; }

.color-secondary-green-25 {
  color: #FAFFFC; }

.bg-secondary-green-25 {
  background-color: #FAFFFC; }

.color-secondary-green-50 {
  color: #EBFFF1; }

.bg-secondary-green-50 {
  background-color: #EBFFF1; }

.color-secondary-green-100 {
  color: #CFFCDC; }

.bg-secondary-green-100 {
  background-color: #CFFCDC; }

.color-secondary-green-200 {
  color: #7BE099; }

.bg-secondary-green-200 {
  background-color: #7BE099; }

.color-secondary-green-300 {
  color: #31C961; }

.bg-secondary-green-300 {
  background-color: #31C961; }

.color-secondary-green-400 {
  color: #23B851; }

.bg-secondary-green-400 {
  background-color: #23B851; }

.color-secondary-green-500 {
  color: #259F46; }

.bg-secondary-green-500 {
  background-color: #259F46; }

.color-secondary-green-600 {
  color: #1B7431; }

.bg-secondary-green-600 {
  background-color: #1B7431; }

.color-secondary-green-700 {
  color: #1F4729; }

.bg-secondary-green-700 {
  background-color: #1F4729; }

.color-secondary-green-800 {
  color: #192E19; }

.bg-secondary-green-800 {
  background-color: #192E19; }

.color-secondary-green-900 {
  color: #141F14; }

.bg-secondary-green-900 {
  background-color: #141F14; }

.color-secondary-green-950 {
  color: #020302; }

.bg-secondary-green-950 {
  background-color: #020302; }

.color-neutral-50 {
  color: #F9FAFB; }

.bg-neutral-50 {
  background-color: #F9FAFB; }

.color-neutral-100 {
  color: #F3F4F6; }

.bg-neutral-100 {
  background-color: #F3F4F6; }

.color-neutral-200 {
  color: #E5E7EB; }

.bg-neutral-200 {
  background-color: #E5E7EB; }

.color-neutral-300 {
  color: #D1D5DB; }

.bg-neutral-300 {
  background-color: #D1D5DB; }

.color-neutral-400 {
  color: #9CA3AF; }

.bg-neutral-400 {
  background-color: #9CA3AF; }

.color-neutral-500 {
  color: #6B7280; }

.bg-neutral-500 {
  background-color: #6B7280; }

.color-neutral-600 {
  color: #4B5563; }

.bg-neutral-600 {
  background-color: #4B5563; }

.color-neutral-700 {
  color: #374151; }

.bg-neutral-700 {
  background-color: #374151; }

.color-neutral-800 {
  color: #1F2937; }

.bg-neutral-800 {
  background-color: #1F2937; }

.color-neutral-900 {
  color: #111827; }

.bg-neutral-900 {
  background-color: #111827; }

.bg-img-stain {
  background: url(/templates/basten2026/skins/2026/assets/stock/watercolor-hand-painted-semi-circle-shape-design-elements-white-backdrop.webp) center/cover; }

.bg-img-green-bay {
  background: url(/templates/basten2026/skins/2026/assets/stock/greenbay_512228117.webp) center/cover; }

/* ******* Typography ******* */
body {
  font-family: 'Manrope', sans-serif;
  line-height: 1.6;
  color: #040102;
  overflow-x: hidden;
  background: #FFFFFF; }

h1 {
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 1.2; }

h2 {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.3; }

h3 {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4; }

body.page-home p {
  font-size: 1rem; }

p.red-head {
  color: #631C20;
  font-size: 15px !important;
  font-weight: 600 !important;
  text-transform: uppercase; }

p.text-small {
  font-weight: 400 !important;
  font-size: 15px !important;
  color: #040102; }

p.text-smaller {
  font-weight: 400 !important;
  font-size: 13px !important;
  color: #040102; }

p.text-large {
  margin-bottom: 30px;
  font-family: 'Manrope', sans-serif;
  font-weight: 300 !important;
  font-size: 18px !important;
  line-height: 34px !important;
  color: #040102; }

p.text-bold {
  font-weight: bold; }

.text-shadow-white {
  text-shadow: 2px 1px 1px white; }

.rainbow-text {
  /* Adjust these colors to taste */
  background-image: linear-gradient(90deg, #ff9966, #ffd86b, #9be15d, #56ab2f, #56c1ff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent; }

/* ******* Typography - Medium screens (≥768px) ******* */
@media (min-width: 768px) {
  h1 {
    font-weight: 600; }

  h2 {
    font-size: 2.4rem; }

  h3 {
    font-size: 1.8rem; }

  body.page-home p {
    font-size: 1.1rem;
    font-weight: 300; } }
/* ******* Buttons ******* */
.btn {
  transition: all 0.3s ease; }

.btn.btn-primary,
.btn.btn-default {
  display: block;
  margin: 10px 0;
  width: 100%;
  padding: 12px 22px;
  border: 1px solid #B72121;
  background: #B72121;
  color: #FFFFFF;
  font-size: 1rem; }
  .btn.btn-primary:hover,
  .btn.btn-default:hover {
    border: 1px solid #981C20;
    background: #981C20;
    cursor: pointer; }
  .btn.btn-primary:active,
  .btn.btn-default:active {
    transform: translateY(0); }

.btn.btn-primary[disabled],
.btn.btn-default[disabled] {
  border: 1px solid #c6c6c6;
  background: #c6c6c6;
  color: #FFFFFF;
  cursor: not-allowed !important; }

.btn.btn-mod-1 {
  background-color: #088AB3;
  border-color: #088AB3; }
  .btn.btn-mod-1:hover {
    background-color: #155B76;
    border-color: #155B76; }

.btn.btn-large {
  padding: 14px 24px;
  font-size: 1.25rem;
  font-weight: 300; }

.btn.btn-arrow {
  padding-right: 40px;
  position: relative; }
  .btn.btn-arrow::after {
    content: '';
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url("/templates/basten2026/skins/2026/assets/svg/arrow_Right.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; }

@media (min-width: 768px) {
  .btn.btn-primary,
  .btn.btn-default {
    display: inline-block;
    margin: 10px 10px 10px 0;
    width: auto; } }
/* ******* Links ******* */
a {
  text-decoration: none; }
  a:hover {
    cursor: pointer;
    text-decoration: none; }

.block-links a {
  display: block;
  margin: 30px 0;
  text-decoration: none; }

/* ******* Navbar ******* */
header .navbar {
  padding: 8px !important;
  background: transparent !important; }

header .navbar .navbar-brand {
  width: 100%;
  max-width: 200px; }

header .navbar-toggler {
  border: none;
  box-shadow: none; }

header .navbar .navbar-nav li a {
  display: block;
  padding: 12px 23px !important;
  text-transform: none;
  font-size: 1.15rem;
  font-weight: 400;
  color: #040102; }
  header .navbar .navbar-nav li a:hover {
    color: #040102; }

header .navbar .navbar-nav li a.show {
  background: #F3F4F6; }

header .navbar .navbar-nav li.nav-item-PW9NU6MDEW a {
  margin-left: auto;
  background: none;
  border-radius: 0; }

header .navbar .navbar-nav .dropdown-menu {
  border: none;
  border-radius: 0;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.04);
  min-width: 240px; }

header .navbar .navbar-nav .dropdown-menu a {
  margin: 0;
  font-size: .9rem;
  font-weight: 400; }
  header .navbar .navbar-nav .dropdown-menu a:hover {
    background-color: #F3F4F6;
    color: #040102; }
  header .navbar .navbar-nav .dropdown-menu a:active {
    background-color: #F3F4F6; }

header .navbar .navbar-nav .dropdown-toggle:focus {
  outline: none;
  box-shadow: none; }

/* ******* Navbar - Medium screens (≥768px) ******* */
@media (min-width: 768px) {
  header .navbar {
    padding: 24px !important; }

  header .navbar .navbar-nav li.nav-item-PW9NU6MDEW a {
    margin-left: 15px;
    background: #088AB3;
    border-radius: 8px;
    color: #FFFFFF; } }
/* ******* Layout ******* */
header {
  box-shadow: 0px 20px 8px -22px rgba(12, 12, 12, 0.2); }

header .topbar {
  background: #040102;
  padding: 15px 0;
  font-weight: 400;
  font-size: 1rem;
  line-height: 20px;
  color: #FFFFFF; }

header .topbar a {
  color: #FFFFFF;
  text-decoration: underline; }

section.hero-landing .content {
  padding: 18px; }

footer {
  background: #040102;
  color: #FFFAFA;
  padding: 64px 20px 10px; }

footer a {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: .8rem;
  line-height: 20px;
  color: #FFFAFA;
  text-decoration: none; }

footer ul.socials li a {
  color: #acacac; }

.footer-strap {
  background: #981C20;
  padding: 30px;
  height: 143px;
  display: flex;
  align-items: center;
  justify-content: center; }

.footer-strap p {
  font-family: 'Source Serif Pro', serif;
  font-style: italic;
  font-weight: 300;
  font-size: 22px !important;
  line-height: 40px !important;
  line-height: 44px;
  text-align: center;
  color: white;
  margin: 0; }

.footer-copyright {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #FFFAFA;
  margin: 0; }

.bbb-section {
  background: #040102;
  padding: 32px 0;
  height: auto;
  position: relative; }

.bbb-logo {
  position: relative;
  width: 195px;
  height: 195px; }

.service-card {
  background: white;
  border-radius: 12px;
  box-shadow: 0px 6px 15px 0px rgba(16, 24, 40, 0.08);
  overflow: hidden;
  display: flex;
  flex-direction: column; }

.service-card-title {
  font-weight: 600;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: -0.56px;
  color: #040102; }

.service-card h3 {
  margin-bottom: 30px;
  font-weight: 600 !important;
  color: #040102 !important; }

.service-card-img {
  height: 240px;
  object-fit: cover;
  border-radius: 12px 12px 0 0; }

.review-card {
  background: white;
  border-radius: 6px;
  box-shadow: 0px 2px 6px 0px rgba(16, 24, 40, 0.06);
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }

.hero-overline {
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-style: italic;
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  color: #631C20; }

.hero-title {
  font-weight: 700;
  font-size: 44px;
  line-height: 48px;
  letter-spacing: -0.88px;
  color: #040102; }

.hero-text {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #040102; }

.hero-image {
  width: 100%;
  height: 400px;
  object-fit: cover; }

.about-image {
  width: 574px;
  height: 534px;
  object-fit: cover; }

.review-title {
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.4px;
  color: #040102; }

.review-text {
  margin-bottom: 30px;
  font-family: 'Inter', sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: #6B7280; }

.review-avatar {
  background: #F7766E;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .review-avatar span {
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: white; }

.review-author {
  font-family: 'Inter', sans-serif;
  font-style: italic;
  font-size: 14px; }

.section-overline {
  font-family: 'Manrope', sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #981C20; }

.about-section-title {
  font-family: 'Manrope', sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 44px;
  letter-spacing: -0.72px;
  color: #040102;
  margin-bottom: 16px; }

.about-section-text {
  font-family: 'Manrope', sans-serif;
  font-size: 18px;
  line-height: 28px; }

.team-name {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px; }

.team-img {
  height: 300px;
  width: 100%;
  object-fit: cover;
  border-radius: 6px; }

.team-description {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  line-height: 20px; }

.team-role {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  line-height: 20px; }

.cta-text {
  font-family: 'Inter', sans-serif;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 32px; }

.cta-small-text {
  font-family: 'Inter', sans-serif;
  font-size: 14px; }

.img-fluid {
  min-width: 100%; }

img.rounded {
  border-radius: 20px !important; }

.section-pad-one,
.section-pad-two {
  padding: 36px; }

.section-pad-three,
.section-pad-four {
  padding: 36px 16px; }

.flare-post .flare-post-single {
  background: #6B7280; }

.flare-post .flare-post-single h3 {
  color: #FFFFFF;
  font-size: 1.3rem; }

.flare-post .flare-post-single h4 {
  color: #FFFFFF;
  font-size: .8rem;
  font-weight: 600;
  font-style: italic;
  margin-bottom: 40px; }

.flare-post .flare-post-single p {
  color: #FFFFFF;
  font-size: 1rem; }

.section-steps .card {
  background: #FFFFFF; }

.section-steps .card-body {
  padding: 24px; }

.section-salmon {
  background: linear-gradient(to bottom right, #fbc878 0%, #f2967a 45%, #ed7f7f 100%); }

.section-salmon h5 {
  color: #F7766E;
  text-transform: uppercase; }

img.ratio-4x4 {
  aspect-ratio: 4 / 4;
  width: 100%;
  height: auto;
  object-fit: cover; }

img.ratio-4x3 {
  aspect-ratio: 4 / 3;
  width: 100%;
  height: auto;
  object-fit: cover; }

/* ******* Layout - Medium screens (≥768px) ******* */
@media (min-width: 768px) {
  section.hero-landing .content {
    padding: 0 30px 0 112px; }

  .hero-image {
    height: 647px; }

  .bbb-section {
    height: 143px;
    align-items: center;
    justify-content: center; }

  .bbb-logo {
    position: absolute;
    left: 173px;
    top: -38px;
    width: 168px;
    height: 168px; }

  .footer-strap {
    padding: 32px 104px 28px; }

  .footer-strap p {
    font-size: 42px !important; }

  footer {
    padding: 64px 80px 10px; }

  .section-pad-one,
  .section-pad-four {
    padding: 80px 110px; }

  .section-pad-two,
  .section-pad-three {
    padding: 56px 40px; } }
/* ******* Forms ******* */
textarea {
  min-height: 140px; }

label {
  font-weight: 500; }

form input::placeholder,
form textarea::placeholder {
  color: #d0d0d0; }

.validation-error {
  border: 1px solid red; }

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