.navbar-logo {
  width: 8rem;
}

.active-text-line {
  position: relative;
}

.active-text-line::after {
  content: "";
  background-color: #8e66d5;
  height: 2px;
  width: 0%;
  position: absolute;
  bottom: -25%;
  left: 0px;
  transition-timing-function: ease-in-out;
  transition-duration: 0.3s;
}

.active-text-line.active:after {
  width: 30px;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.active-text-line:hover::after {
  width: 30px;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.first-section-bg {
  background: linear-gradient(
    122.15deg,
    rgba(226, 226, 226, 0.19) 32.44%,
    rgba(142, 102, 213, 0.25) 91.05%
  );
  border-radius: 3rem;
}

.first-section-image {
  width: 85%;
  height: 100%;
  object-fit: contain;
}

.third-section-image {
  width: 100%;
  height: 35rem;
  object-fit: contain;
}

.btn:hover {
  background-color: #6745a8 !important;
}

#navbar-sticky {
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
.navbar-background {
  background-color: #ffffff !important;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.statistic-container {
  width: 9rem;
  height: 9rem;
}

.line-statistics {
  background-color: #e0e0e0;
  width: 100%;
  height: 0.188rem;
  display: flex;
  align-items: center;
  position: relative;
}

.line-statistics::before {
  content: "";
  background-color: #e0e0e0;
  height: 1rem;
  width: 1rem;
  position: absolute;
  border-radius: 100%;
  left: 0px;
}

.line-statistics::after {
  content: "";
  background-color: #e0e0e0;
  height: 1rem;
  width: 1rem;
  position: absolute;
  right: 0;
  border-radius: 100%;
}

.world-image {
  height: 100%;
  width: 90%;
  object-fit: contain;
}

.fs-5 {
  font-size: 1.125rem !important;
}

.fs-6 {
  font-size: 0.9rem !important;
}

.bubble {
  position: relative;
}

.bubble::after {
  content: "";
  background-color: #fff;
  height: 1.8rem;
  width: 3rem;
  position: absolute;
  right: -0.7rem;
  transform: rotate(45deg);
  bottom: 1rem;
}

.bubble-right {
  position: relative;
}

.bubble-right::before {
  content: "";
  background-color: #fff;
  height: 1.8rem;
  width: 3rem;
  position: absolute;
  left: -0.7rem;
  transform: rotate(-45deg);
  bottom: 1rem;
}

.active-footer-line {
  position: relative;
}

.active-footer-line::after {
  content: "";
  background-color: #8e66d5;
  height: 2px;
  width: 0%;
  position: absolute;
  bottom: -5%;
  left: 0px;
  transition-timing-function: ease-in-out;
  transition-duration: 0.3s;
}

.active-footer-line.active:after {
  width: 30px;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.active-footer-line:hover::after {
  width: 30px;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.nicolos-img {
  width: 3rem;
  height: 3rem;
  border-radius: 100%;
  object-fit: cover;
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #8e66d5;
  border-top-color: #f9f7fd;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@media only screen and (max-width: 844px) {
  .bubble::after {
    display: none;
  }
  .bubble-right::before {
    display: none;
  }
}