#gradient {
  background: linear-gradient(-45deg, #b1bbf6, #3cabd4, #852eee, #b1bbf6);
  background-size: 400% 400%;
  animation: gradient 15s ease infinite;
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.bg-blue {
  background-color: #3cabd4;
}

.bg-purple {
  background-color: #3d0156;
}

.bg-bright-purple {
  background-color: #be0b92;
}

.bg-blurple {
  background-color: #b1bbf6;
}

.bg-light-green {
  background-color: #aadcd5;
}

.bg-green {
  background-color: #2ec4b6;
}

.dropdown-menu-container {
  border: none;
  padding: 0;
}

.flex-btn {
  flex-basis: 40%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.image-overlay {
  position: relative;
  top: 0;
  left: 0;
}

.image1 {
  position: absolute;
  max-width: 65%;
  height: auto;
  top: -24%;
  left: 15%;
  z-index: -1;
}

.image2 {
  position: relative;
  max-width: 70%;
  height: auto;
  top: 0px;
  left: 15%;
}

.pulse {
  transform: translate(-50%, -50%);
  animation: pulse 4s infinite;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

.quote {
  color: #8f8f8f;
  font-family: "Nunito", Sans-serif;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
}

.quote-source {
  color: #9849fd;
  font-family: "Nunito", Sans-serif;
  font-size: 22px;
  font-weight: bold;
  font-style: italic;
}

.dropdown-item {
  display: flex !important;
  gap: 0.7rem;
}

.dropdown-item.active {
  color: #03a6a6 !important;
}

.nav-link:hover,
.btn-dark:hover,
.nav-link.disabled,
.btn-dark.disabled {
  color: #03a6a6 !important;
}

.nav-tab {
  color: #03a6a6 !important;
}

.nav-tab.active {
  border-bottom: solid 2px #03a6a6 !important;
}

.img-portal {
  max-width: 100%;
}

.img-hover:hover {
  opacity: 75%;
}

.dropdown-divider {
  border-color: #9d52fd !important;
}

.dropdown-menu-platform,
.dropdown-menu-company,
.dropdown-menu-support {
  width: unset;
}

.carousel-item {
  color: white;
  margin-bottom: 1rem;
}

.carousel-item-features {
  height: 120px;
}

.carousel-item-quotes {
  height: 375px;
}

.carousel-item-modules {
  height: 400px;
}

.carousel-item-aiops {
  height: 450px;
}

.carousel-item-siem-features {
  height: 450px;
}

.carousel-indicators {
  margin-right: 0 !important;
  margin-bottom: -1rem !important;
  margin-left: 0 !important;
}

.carousel-indicators > button {
  width: 0.7rem !important;
  height: 0.7rem !important;
  border-radius: 50% !important;
  background-color: #03a6a6 !important;
}

.carousel-span {
  color: #03a6a6 !important;
  padding: 1rem;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  font-size: 1.33rem;
  font-weight: bold;
  position: absolute;
  bottom: 1rem;
  left: 20%;
  right: 20%;
  text-align: center;
}

.mt-30 {
  margin-top: 0px;
}

.mt-60 {
  margin-top: 0px;
}

.scale-125 {
  scale: 125%;
}

.scale-133 {
  scale: 133%;
}

.scale-150 {
  scale: 150%;
}

.scale-175 {
  scale: 175%;
}

.scale-200 {
  scale: 200%;
}

.img-h-195 {
  height: unset;
}

.img-h-250 {
  height: unset;
}

blockquote span:before {
  font-family: Georgia, "Times New Roman", Times, serif;
  content: open-quote;
}

blockquote span:after {
  font-family: Georgia, "Times New Roman", Times, serif;
  content: close-quote;
}

@media (max-width: 576px) {
  .carousel-span {
    font-size: 1rem;
  }

  .carousel-item-features {
    height: 120px;
  }

  .carousel-item-quotes {
    height: 375px;
  }

  .carousel-item-modules {
    height: 400px;
  }

  .carousel-item-aiops {
    height: 450px;
  }

  .carousel-item-siem-features {
    height: 450px;
  }

  .img-portal {
    max-height: 10rem;
  }

  .img-h-195 {
    height: unset;
  }

  .img-h-250 {
    height: unset;
  }
}

@media (min-width: 576px) {
  .carousel-span {
    font-size: 1rem;
  }

  .carousel-item-features {
    height: 120px;
  }

  .carousel-item-quotes {
    height: 325px;
  }

  .carousel-item-modules {
    height: 400px;
  }

  .carousel-item-aiops {
    height: 325px;
  }

  .carousel-item-siem-features {
    height: 325px;
  }

  .img-portal {
    max-height: 10rem;
  }

  .img-h-195 {
    height: unset;
  }

  .img-h-250 {
    height: unset;
  }
}

@media (min-width: 768px) {
  .carousel-item-features {
    height: 120px;
  }

  .carousel-item-quotes {
    height: 300px;
  }

  .carousel-item-modules {
    height: 320px;
  }

  .carousel-item-aiops {
    height: 300px;
  }

  .carousel-item-siem-features {
    height: 300px;
  }

  .img-portal {
    max-height: 20rem;
  }

  .img-h-195 {
    height: unset;
  }

  .img-h-250 {
    height: unset;
  }
}

@media (min-width: 992px) {
  .carousel-item-features {
    height: 120px;
  }

  .carousel-item-quotes {
    height: 275px;
  }

  .carousel-item-modules {
    height: 320px;
  }

  .carousel-item-aiops {
    height: 275px;
  }

  .carousel-item-siem-features {
    height: 275px;
  }

  .img-h-195 {
    height: unset;
  }

  .img-h-250 {
    height: unset;
  }
}

@media (min-width: 1200px) {
  .carousel-item-features {
    height: 120px;
  }

  .carousel-item-quotes {
    height: 300px;
  }

  .carousel-item-modules {
    height: 480px;
  }

  .carousel-item-aiops {
    height: 300px;
  }

  .carousel-item-siem-features {
    height: 300px;
  }

  .dropdown-menu-platform {
    width: 80vw;
    transform: translateX(-20vw);
  }

  .dropdown-menu-company {
    width: 55vw;
    transform: translateX(-25vw);
  }

  .dropdown-menu-support {
    width: 40vw;
    transform: translateX(-22vw);
  }

  .dropdown-menu-container {
    padding: 0.5rem;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
  }

  .mt-30 {
    margin-top: 30px;
  }

  .mt-60 {
    margin-top: 60px;
  }

  .img-portal {
    max-height: 30rem;
  }

  .img-h-195 {
    height: unset;
  }

  .img-h-250 {
    height: unset;
  }
}

@media (min-width: 1400px) {
  .img-h-195 {
    height: 195px;
  }

  .img-h-250 {
    height: 250px;
  }
}