@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/outfit/v11/QGYyz_MVcBeNP4NjuGObqx1XmO1I4TC0C4E.ttf) format('truetype');
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/outfit/v11/QGYyz_MVcBeNP4NjuGObqx1XmO1I4bC1C4E.ttf) format('truetype');
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/outfit/v11/QGYyz_MVcBeNP4NjuGObqx1XmO1I4W61C4E.ttf) format('truetype');
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/outfit/v11/QGYyz_MVcBeNP4NjuGObqx1XmO1I4TC1C4E.ttf) format('truetype');
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/outfit/v11/QGYyz_MVcBeNP4NjuGObqx1XmO1I4QK1C4E.ttf) format('truetype');
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/outfit/v11/QGYyz_MVcBeNP4NjuGObqx1XmO1I4e6yC4E.ttf) format('truetype');
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/outfit/v11/QGYyz_MVcBeNP4NjuGObqx1XmO1I4deyC4E.ttf) format('truetype');
}
/*var(--color-light): #c4c4c4;
var(--color-dark): #2f2f2f;
var(--color-primary): #6fb83e;
var(--color-secondary): #ffc813;
var(--color-danger): #ea462f;
var(--color-success): #eaeaea;
var(--color-info): #eaeaea;

var(--color-light)-hover: darken(var(--color-light), 10%);
var(--color-dark)-hover: darken(var(--color-dark), 10%);
var(--color-primary)-hover: darken(var(--color-primary), 10%);
var(--color-secondary)-hover: darken(var(--color-secondary), 10%);
var(--color-danger)-hover: darken(var(--color-danger), 10%);
var(--color-success)-hover: darken(var(--color-success), 10%);
var(--color-info)-hover: darken(var(--color-info), 10%);*/
:root {
  --color-light: var(--bs-light);
  --color-dark: var(--bs-dark);
  --color-primary: var(--bs-primary);
  --color-secondary: var(--bs-secondary);
  --color-danger: var(--bs-danger);
  --color-success: var(--bs-success);
  --color-info: var(--bs-info);
  /*--color-light-hover: var(--color-light)-hover;
  --color-dark-hover: var(--color-dark)-hover;
  --color-primary-hover: var(--color-primary)-hover;
  --color-secondary-hover: var(--color-secondary)-hover;
  --color-danger-hover: var(--color-danger)-hover;
  --color-success-hover: var(--color-success)-hover;
  --color-info-hover: var(--color-info)-hover;*/
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
html {
  font-size: 18px;
  -ms-scroll-chaining: none;
  overscroll-behavior: none;
  scroll-behavior: smooth;
}
*::-moz-selection {
  color: inherit;
  background-color: transparent;
}
*::selection {
  color: inherit;
  background-color: transparent;
}
::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #F5F5F5;
}
::-webkit-scrollbar {
  width: 8px;
  background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: var(--color-secondary);
}
body {
  font-size: 1rem;
  font-family: 'Outfit', sans-serif;
  font-weight: 300;
  line-height: 1.5;
}
body p {
  margin-bottom: 2rem;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .h1,
body .h2,
body .h3,
body .h4,
body .h5,
body .h6 {
  line-height: 1.5;
}
body h1,
body h2,
body .h1,
body .h2 {
  font-weight: 200;
}
body h3,
body h4,
body .h3,
body .h4 {
  font-weight: 300;
}
body h5,
body h6,
body .h5,
body .h6 {
  font-weight: 400;
}
body h1,
body .h1 {
  font-size: 4rem;
}
body h2,
body .h2 {
  font-size: 3rem;
}
body h3,
body .h3 {
  font-size: 2.5rem;
}
body h4,
body .h4 {
  font-size: 2rem;
}
body h5,
body .h5 {
  font-size: 1.6rem;
}
body h6,
body .h6 {
  font-size: 1.3rem;
}
a {
  color: black;
  text-decoration: none;
}
a:hover {
  color: var(--color-secondary);
}
.text-thin {
  font-weight: 100;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
#hamburger {
  position: fixed;
  top: 60px;
  right: 60px;
  z-index: 9;
  cursor: pointer;
  width: 32px;
  height: 30px;
}
#hamburger span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: var(--color-secondary);
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
#hamburger span:nth-child(1) {
  top: 0;
}
#hamburger span:nth-child(2),
#hamburger span:nth-child(3) {
  top: 10px;
}
#hamburger span:nth-child(4) {
  top: 20px;
}
#hamburger.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}
#hamburger.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#hamburger.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#hamburger.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}
#menu {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 8;
  overflow: hidden;
  background: black;
  display: flex;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  justify-content: center;
  align-items: center;
}
#menu.open {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
#menu .menu-content {
  justify-content: center;
  align-items: center;
  column-gap: 90px;
}
#menu .menu-content a {
  color: var(--color-light);
  display: block;
}
#menu .menu-content .menu-links a {
  color: white;
  font-size: 2rem;
  display: block;
}
a,
.btn,
button {
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.relative {
  position: relative;
}
img.img-responsive {
  max-width: 100%;
}
.text-white {
  color: white;
}
.text-black {
  color: black;
}
.text-light,
.muted {
  color: var(--color-light) !important;
}
.text-dark {
  color: var(--color-dark) !important;
}
.text-primary {
  color: var(--color-primary) !important;
}
.text-secondary {
  color: var(--color-secondary) !important;
}
.text-danger {
  color: var(--color-danger) !important;
}
.text-success {
  color: var(--color-success) !important;
}
.text-info {
  color: var(--color-info) !important;
}
/*
.bg-light {
  background-color: #f1f1f1 !important;
}

.bg-dark {
  background-color: var(--color-dark);
}

.bg-primary {
  background-color: var(--color-primary);
}

.bg-secondary {
  background-color: var(--color-secondary);
}

.bg-danger {
  background-color: var(--color-danger);
}

.bg-success {
  background-color: var(--color-success);
}

.bg-info {
  background-color: var(--color-info);
}*/
.btn {
  color: white;
  border-radius: 80px;
  padding: 6px 20px;
  /*&.btn-light {
    background: var(--color-light);
    border-color: var(--color-light);

    &:hover {
      background-color: var(--color-light)-hover;
      border-color: var(--color-light)-hover;
    }
  }

  &.btn-dark {
    background: var(--color-dark);
    border-color: var(--color-dark);

    &:hover {
      background-color: var(--color-dark)-hover;
      border-color: var(--color-dark)-hover;
    }
  }

  &.btn-primary {
    background: var(--color-primary);
    border-color: var(--color-primary);

    &:hover {
      background-color: var(--color-primary)-hover;
      border-color: var(--color-primary)-hover;
    }
  }

  &.btn-secondary {
    background: var(--color-secondary);
    border-color: var(--color-secondary);

    &:hover {
      background-color: var(--color-secondary)-hover;
      border-color: var(--color-secondary)-hover;
    }
  }

  &.btn-danger {
    background: var(--color-danger);
    border-color: var(--color-danger);

    &:hover {
      background-color: var(--color-danger)-hover;
      border-color: var(--color-danger)-hover;
    }
  }

  &.btn-success {
    background: var(--color-success);
    border-color: var(--color-success);

    &:hover {
      background-color: var(--color-success)-hover;
      border-color: var(--color-success)-hover;
    }
  }

  &.btn-info {
    background: var(--color-info);
    border-color: var(--color-info);

    &:hover {
      background-color: var(--color-info)-hover;
      border-color: var(--color-info)-hover;
    }
  }

  &.btn-outline-light {
    border-color: var(--color-light);
    color: var(--color-light);
  }

  &.btn-outline-dark {
    border-color: var(--color-dark);
    color: var(--color-dark);
  }

  &.btn-outline-primary {
    border-color: var(--color-primary);
    color: var(--color-primary);
  }

  &.btn-outline-secondary {
    border-color: var(--color-secondary);
    color: var(--color-secondary);
  }

  &.btn-outline-danger {
    border-color: var(--color-danger);
    color: var(--color-danger);
  }

  &.btn-outline-success {
    border-color: var(--color-success);
    color: var(--color-success);
  }

  &.btn-outline-info {
    border-color: var(--color-info);
    color: var(--color-info);
  }*/
}
.btn.rounded {
  border-radius: 50px;
}
.btn.round {
  border-radius: 50%;
}
.btn.with-arrow {
  padding: 12px 56px 12px 30px;
  position: relative;
}
.btn.with-arrow .arrow-right {
  border-radius: 50%;
  background: black;
  display: inline-block;
  float: right;
  position: absolute;
  right: 6px;
  top: 6px;
  width: 36px;
  height: 36px;
  line-height: 36px;
}
.swiper-container {
  overflow: hidden;
}
/*# sourceMappingURL=common.css.map */