html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }

  .nav-link {
    font-size: var(--bs-nav-link-font-size)
  }
}
@media (min-width: 576px) {
    .navbar-expand-sm .navbar-nav .nav-link {
font-size: var(--bs-nav-link-font-size)
    }
}

.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.form-floating>.form-control-plaintext::placeholder,
.form-floating>.form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating>.form-control-plaintext:focus::placeholder,
.form-floating>.form-control:focus::placeholder {
  text-align: start;
}

/* Custom styles for this template 
--------------------------------------------------------------------------
*/

/* .left-pane {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 20px;
} */

/* .right-pane img {
  width: 100%;
  height: auto;
  object-fit: cover;
} */

.custom-header span {
  display: block;
  text-transform: uppercase;
}

.full-height {
  height: 100vh;
}

.custom-message {
  margin-top: auto;
}

.services-pane {
  color: rgb(var(--color_11));
  background-color: rgb(var(--color_15));
}



/* Navbar Override Effects Styles
--------------------------------------------------------------------------
/* The initial state of the element */
.navbar {
  --bs-navbar-padding-x: none;
}

.navbar-brand {
  padding-top: 0;
  padding-bottom: 1px;
}

a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

/* Custom Effects Styles
--------------------------------------------------------------------------
/* The initial state of the element */
.reveal {
  opacity: 0;
  transform: translateY(30px);
  /* Slight slide-up effect */
  transition: all 0.8s ease-out;
}

/* The state triggered by JavaScript */
.reveal.active {
  opacity: 1;
  transform: translateY(0);
}

.container {
  --bs-gutter-x: 0rem;
}

.nav-link {
  font-size: x-large;
}

/* Styles from WIX
--------------------------------------------------------------------------
*/
:root {
  --font_2: initial;
  --font_6: initial;
  --font_8: initial;
  --color_11: 255, 255, 255;
  --color_15: 6, 16, 60;
  --color_45: 6, 16, 60;
  --bg-overlay-color: rgba(255, 255, 255, 0);
  --bg-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
  --inherit-transition: background-color 0.3s ease, background-image 0.3s ease;
}

.font_2 {
  font: var(--font_2);
  font-style: normal;
  font-variant-caps: normal;
  font-variant-ligatures: normal;
  font-variant-numeric: normal;
  font-variant-east-asian: normal;
  font-variant-alternates: normal;
  font-size-adjust: none;
  font-kerning: auto;
  font-optical-sizing: auto;
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-variant-position: normal;
  font-variant-emoji: normal;
  font-weight: bold;
  font-stretch: normal;
  font-size: 48px;
  line-height: 1em;
  font-family: familjen-grotesk, "familjen grotesk", sans-serif;
  color: rgb(var(--color_45));
  letter-spacing: -0.02em;
}

.font_6 {
  font: var(--font_6);
  font-style: normal;
  font-variant-caps: normal;
  font-variant-ligatures: normal;
  font-variant-numeric: normal;
  font-variant-east-asian: normal;
  font-variant-alternates: normal;
  font-size-adjust: none;
  font-kerning: auto;
  font-optical-sizing: auto;
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-variant-position: normal;
  font-variant-emoji: normal;
  font-weight: normal;
  font-stretch: normal;
  font-size: 20px;
  line-height: 1.4em;
  font-family: madefor-text, helveticaneuew01-45ligh, helveticaneuew02-45ligh, helveticaneuew10-45ligh, sans-serif;
  color: rgb(var(--color_15));
  letter-spacing: -0.01em;
}

.font_8 {
  font: var(--font_8);
  font-style: normal;
  font-variant-caps: normal;
  font-variant-ligatures: normal;
  font-variant-numeric: normal;
  font-variant-east-asian: normal;
  font-variant-alternates: normal;
  font-size-adjust: none;
  font-kerning: auto;
  font-optical-sizing: auto;
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-variant-position: normal;
  font-variant-emoji: normal;
  font-weight: normal;
  font-stretch: normal;
  font-size: 16px;
  line-height: 1.5em;
  font-family: madefor-text, helveticaneuew01-45ligh, helveticaneuew02-45ligh, helveticaneuew10-45ligh, sans-serif;
  color: rgb(var(--color_15));
  letter-spacing: -0.01em;
}

/* 
*,
*::before,
*::after {
  box-sizing: content-box;
} */