@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css");
* {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.btn-primary:active,
.btn-primary.show {
  background-color: #f5dc9f;
}

html,
body {
  /* margin: 0; */
  /* height: 100%; */
  overflow-x: hidden;
}

.dropdown-menu.show {
  right: 0;
  left: unset;
  margin-top: 5px;
}
.dropdown-menu.show .dropdown-item:active {
  background-color: #faedcd;
  color: #000;
}
.dropdown-menu.show .dropdown-item.active {
  background-color: #f8e5b6;
  color: #000;
}

section {
  min-height: 65vh;
  display: flex;
  align-items: center;
}

nav {
  z-index: 1;
}

h5,
h6 {
  font-weight: 700 !important;
}

a:not(.decor) {
  text-decoration: none !important;
}

.card {
  border: 0;
}

footer {
  margin-top: 3em;
}
footer a {
  text-decoration: none;
  color: #333;
}
footer a:hover {
  text-decoration: none;
  color: #000;
}

.sitemap > div {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  max-height: 140px;
}
.sitemap > div > * {
  margin-bottom: 5px;
  opacity: 0.6;
  transition: all 0.2s;
}
.sitemap > div > *:hover {
  opacity: 1;
}
@media (max-width: 560px) {
  .sitemap > div {
    flex-direction: row;
    max-height: unset;
  }
  .sitemap > div > * {
    width: 100%;
  }
}
.sitemap strong {
  opacity: 0.8;
}

.quote {
  opacity: 0.2;
  font-size: 130%;
  margin: 5px;
}

.navbar ul {
  list-style: none;
  margin-bottom: 0;
}

.navbar-collapse {
  flex-direction: row-reverse;
}

.sr-only {
  display: none;
}

.navbar-nav .nav-item.active {
  font-weight: 600;
  color: var(--bs-primary);
}

@keyframes rotate {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes rotate-reverse {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#hero svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}
@media (max-width: 1024) {
  #hero svg {
    transform: scale(1.5);
  }
}
#hero svg .float {
  transform-origin: center;
  animation-name: floating;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: none;
}

#hero-image {
  position: relative;
}
#hero-image svg {
  width: 100%;
  height: 100%;
  scale: 1.5;
  z-index: -1;
  position: absolute;
}
#hero-image svg path {
  transform-origin: center;
}
#hero-image svg path:nth-child(even) {
  animation: rotate 8s linear 0s infinite reverse;
}
#hero-image svg path:nth-child(odd) {
  animation: rotate 12s linear 0s infinite;
}
#hero-image .gradient {
  width: 100px;
  height: 100px;
  position: absolute;
  opacity: 1 !important;
  z-index: -1;
  transform-origin: center;
  animation-iteration-count: infinite;
  animation-timing-function: none;
  border-radius: 10px;
}
#hero-image .gradient:not(:last-child) {
  animation-name: rotate;
  animation-duration: 15s;
  width: 50px;
  height: 50px;
  top: 0;
  margin-top: -25px;
  left: 0;
  margin-left: -25px;
}
#hero-image .gradient:last-child {
  right: 0;
  margin-right: -50px;
  bottom: 0;
  z-index: 1;
  margin-bottom: -50px;
  animation-duration: 5s;
  animation-name: floating;
}

@media (max-width: 991px) {
  #shape-group {
    width: 100% !important;
    right: 0;
    margin: auto;
    top: 260% !important;
    scale: 1.2;
    rotate: 19deg;
    z-index: -1;
  }
}
#shape-group {
  position: absolute;
  left: 0;
  top: 0;
  margin-top: -30%;
  transform: scale(1.5);
}
#shape-group .lines {
  opacity: 0.1;
}
#shape-group .circles > path,
#shape-group .triangles > path {
  animation-name: floating;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
#shape-group .commets > path {
  animation-name: commet;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  opacity: 0;
}
#shape-group .commets > path:first-child {
  animation-delay: 1s;
}
#shape-group .commets > path:nth-child(2) {
  animation-delay: 1.1s;
}
#shape-group .commets > path:nth-child(3) {
  animation-delay: 1.2s;
}

@keyframes floating {
  0% {
    transform: translate(0, 0px);
  }
  50% {
    transform: translate(0, 15px);
  }
  100% {
    transform: translate(0, 0px);
  }
}
.delay-250 {
  animation-delay: 0.25s;
}

.delay-500 {
  animation-delay: 0.5s;
}

.delay-1000 {
  animation-delay: 1s;
}

@keyframes commet {
  0% {
    opacity: 0;
    transform: translate(-15px, 15px);
  }
  5% {
    opacity: 1;
  }
  10% {
    opacity: 1;
  }
  15% {
    opacity: 0;
    transform: translate(15px, -15px);
  }
  20% {
    transform: translate(-15px, 15px);
  }
}
a.btn-primary,
button.btn-primary {
  color: #333;
  transition: all 0.25s ease !important;
  background-color: #faedcd;
  border: 0;
}
a.btn-primary:hover,
button.btn-primary:hover {
  background-color: #f8e5b6;
  color: #333;
}
a.btn-primary:active,
button.btn-primary:active {
  color: #333 !important;
  background-color: #f5dc9f !important;
}

.gradient {
  opacity: 0.4;
  background: linear-gradient(-45deg, rgba(234, 142, 114, 0.3), rgba(230, 97, 148, 0.3), rgba(92, 198, 237, 0.3), rgba(103, 223, 195, 0.3));
  background-size: 400% 400%;
  animation: gradient 15s ease infinite;
  /* height: 100vh; */
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.swiper-button-next,
.swiper-button-prev {
  color: #faedcd;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
  color: #f8e5b6;
}

.swiper-pagination-bullet-active {
  background: #faedcd;
}

.bg-primary {
  background-color: #faedcd !important;
}
.bg-primary.card-header {
  border: 0;
}/*# sourceMappingURL=index.css.map */