body {
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 300; }

.lead {
  font-size: calc(1.258rem + 0.096vw);
  font-weight: 300; }
@media (min-width: 1200px) {
  .lead {
    font-size: 1.33rem; } }


.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
  --bs-gutter-x: 3vw;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 540px; } }

@media (min-width: 768px) {
  .container, .container-sm, .container-md {
    max-width: 720px; } }

@media (min-width: 992px) {
  .container, .container-sm, .container-md, .container-lg {
    max-width: 960px; } }

@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1140px; } }

@media (min-width: 1680px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    max-width: 1600px; } }

.row {
  --bs-gutter-x: 3vw; }


.rounded {
  border-radius: 0 !important;
}
.shadow {
  box-shadow: 0 3rem 4rem rgba(21, 21, 21, 0.25) !important; }

.shadow-sm {
  box-shadow: 0 1rem 1.5rem rgba(21, 21, 21, 0.25) !important; }

.shadow-lg {
  box-shadow: 0 4rem 6rem rgba(21, 21, 21, 0.25) !important; }







html {
  scroll-behavior: smooth; }

body.fixednav {
  margin-top: 108px; }

.btn,
.navbar-collapse.collapsing,
.megamenu.show,
.nav-link.collapsed,
.scrolled,
.shadow,
.shadow-light,
.preloader,
.navbar,
a,
a.link-line,
a.link-line:before,
a.hover-hide,
a.hover-content,
a.hover-hide::before,
a.hover-hide .hover-content,
.navbar-collapse.collapse.show,
img {
  transition: all 0.5s ease-in-out 0s; }

.transform-scale:hover {
  transform: scale(1.5, 1.5); }

.display-huge {
  font-size: calc( 5rem + 3vw); }

.intro-content::first-letter {
  float: left;
  font-size: 4.5em;
  padding: .15em .25em 0 0;
  line-height: 4.5rem; }

.bg-cover {
  background-size: cover;
  background-position: center center; }

.navbar {
  padding-top: 32px;
  padding-bottom: 32px; }

.navbar.scrolled {
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: rgba(255, 255, 255, 0.9); }

.display-big {
  font-size: 7rem; }

.link-fancy {
  color: #151515;
  text-decoration: none;
  display: inline-block;
  position: relative; }

.link-fancy:hover {
  color: #6c757d; }

.link-fancy:before {
  content: '';
  display: block;
  height: 1px;
  width: 100%;
  transform-origin: left;
  position: absolute;
  left: 0;
  bottom: 0;
  background-image: linear-gradient(90deg, #151515 0, #151515 25%, transparent 0, transparent 50%, #151515 0, #151515 75%, transparent 0, transparent);
  background-repeat: no-repeat;
  background-position: 0;
  background-size: 400% 1px;
  transition: background-position 0.8s ease-in-out; }

.link-fancy:hover:before {
  background-position: 100%; }

.navbar-collapse.collapsing, .navbar-collapse.collapse.show {
  background-color: #fff;
  padding: 10px; }

.blockquote-xl {
  font-size: calc(1rem + 1vw);
  font-style: italic;
  font-weight: bolder; }

.display-huge {
  font-size: calc(2rem + 3vw); }

.btn-xl {
  --bs-btn-padding-y: calc(1rem + .3vh);
  --bs-btn-padding-x: calc(1rem + 1.4vw);
  --bs-btn-font-size: 1.2rem;
  --bs-btn-border-radius: 0px;
  font-size: 1rem; }

.btn-soft-primary {
  background-color: rgba(21, 21, 21, 0.2);
  color: #151515; }
.btn-soft-primary:hover {
  background-color: #151515;
  color: #fff; }

.btn-soft-secondary {
  background-color: rgba(108, 117, 125, 0.2);
  color: #6c757d; }
.btn-soft-secondary:hover {
  background-color: #6c757d;
  color: #fff; }

.btn-soft-success {
  background-color: rgba(25, 135, 84, 0.2);
  color: #198754; }
.btn-soft-success:hover {
  background-color: #198754;
  color: #fff; }

.btn-soft-danger {
  background-color: rgba(220, 53, 69, 0.2);
  color: #dc3545; }
.btn-soft-danger:hover {
  background-color: #dc3545;
  color: #fff; }

.btn-soft-warning {
  background-color: rgba(253, 126, 20, 0.2);
  color: #fd7e14; }
.btn-soft-warning:hover {
  background-color: #fd7e14;
  color: #fff; }

.btn-soft-info {
  background-color: rgba(13, 202, 240, 0.2);
  color: #0dcaf0; }
.btn-soft-info:hover {
  background-color: #0dcaf0;
  color: #fff; }

.btn-soft-light {
  background-color: rgba(248, 249, 250, 0.2);
  color: #343a40; }
.btn-soft-light:hover {
  background-color: #f8f9fa;
  color: #343a40; }

.btn-soft-dark {
  background-color: rgba(52, 58, 64, 0.2);
  color: #343a40; }
.btn-soft-dark:hover {
  background-color: #343a40;
  color: #fff; }

.btn-gradient {
  background-image: linear-gradient(to right, #6610f2, #151515);
  color: #fff; }
.btn-gradient:hover {
  background-image: linear-gradient(to right, #151515, #6610f2);
  color: #fff; }

.btn-accent {
  background-color: #6610f2;
  color: #fff; }
.btn-accent:hover {
  background-color: #6610f2;
  color: #fff; }

.btn-white {
  background-color: #fff;
  color: #343a40; }
.btn-white:hover {
  background-color: #f8f9fa;
  color: #343a40; }

.btn-black {
  background-color: #151515;
  color: #fff; }
.btn-black:hover {
  background-color: #343a40;
  color: #fff; }

@media (min-width: 1200px) {
  .scrollx {
    transform: translateX(calc(max(1140px, 100vw)/2 - 570px)); } }

@media (min-width: 1680px) {
  .scrollx {
    transform: translateX(calc(max(1320px, 100vw)/2 - 660px)); } }

.bg-cover {
  background-size: cover; }

.bp-center {
  background-position: center center; }

.bg-gray-100 {
  background-color: #f8f9fa; }

.bg-gray-200 {
  background-color: #e9ecef; }

.bg-gray-300 {
  background-color: #dee2e6; }

.bg-gray-400 {
  background-color: #ced4da; }

.bg-gray-500 {
  background-color: #adb5bd; }

.bg-gray-600 {
  background-color: #6c757d; }

.bg-gray-700 {
  background-color: #495057; }

.bg-gray-800 {
  background-color: #343a40; }

.bg-gray-900 {
  background-color: #212529; }

.bg-black {
  background-color: #151515; }

.bg-white-90 {
  background-color: rgba(255, 255, 255, 0.9); }

.bg-white-95 {
  background-color: rgba(255, 255, 255, 0.95); }

.bg-primary-soft {
  background-color: rgba(21, 21, 21, 0.2); }

.bg-secondary-soft {
  background-color: rgba(108, 117, 125, 0.2); }

.bg-success-soft {
  background-color: rgba(25, 135, 84, 0.2); }

.bg-warning-soft {
  background-color: rgba(253, 126, 20, 0.2); }

.bg-danger-soft {
  background-color: rgba(220, 53, 69, 0.2); }

.bg-light-soft {
  background-color: rgba(248, 249, 250, 0.2); }

.bg-dark-soft {
  background-color: rgba(52, 58, 64, 0.2); }

.o-50--hover:hover {
  opacity: .5; }

.py-vh-1 {
  padding-top: 1.5vh;
  padding-bottom: 1.5vh; }

.py-vh-2 {
  padding-top: 3vh;
  padding-bottom: 3vh; }

.py-vh-3 {
  padding-top: 6vh;
  padding-bottom: 6vh; }

.py-vh-4 {
  padding-top: 9vh;
  padding-bottom: 9vh; }

.py-vh-5 {
  padding-top: 12vh;
  padding-bottom: 12vh; }

.py-vh-6 {
  padding-top: 16vh;
  padding-bottom: 16vh; }

.transform-scale:hover {
  transform: scale(1.5, 1.5); }

.px-vw-5 {
  padding-left: 8vw;
  padding-right: 8vw; }

.vh-10 {
  height: 10vh; }

.vh-20 {
  height: 20vh; }

.vh-25 {
  height: 25vh; }

.vh-33 {
  height: 33vh; }

.vh-50 {
  height: 50vh; }

.vh-66 {
  height: 66vh; }

.vh-75 {
  height: 75vh; }

.vh-100 {
  height: 100vh; }

@media (min-width: 1200px) {
  .border-xl-0 {
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-left: none !important; } }