/*!
 * Bootstrap  v5.3.7 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

.varbase-featured-card .card-title {
  margin-top: 0;
}

.varbase-featured-card.anchor-all {
  position: relative;
}

.varbase-featured-card.anchor-all .card-title {
  position: static;
}

.varbase-featured-card.anchor-all .card-title a {
  position: static;
  -webkit-text-decoration: underline transparent;
  text-decoration: underline transparent;
}

.varbase-featured-card.anchor-all .card-title a::before {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  overflow: hidden;
  content: '';
}

.varbase-featured-card.anchor-all .card-title a:hover {
  text-decoration: underline;
}

.varbase-featured-card.anchor-all a.card-link,
.varbase-featured-card.anchor-all div.card-link > a {
  position: static;
}

.varbase-featured-card.anchor-all a.card-link::before,
.varbase-featured-card.anchor-all div.card-link > a::before {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  overflow: hidden;
  content: '';
}

.varbase-featured-card.anchor-all a {
  position: relative;
  z-index: 3;
}

.varbase-featured-card.card-hover {
  transition:
    border-color 0.3s ease,
    background-color 0.5s ease;
}

.varbase-featured-card.card-hover:hover {
  border-color: #fbb040;
  background: #faf8f6;
}

@media (min-width: 992px) {
  .feature-card--bg-1,
  .feature-card--bg-2,
  .feature-card--bg-3,
  .feature-card--bg-4,
  .feature-card--bg-5 {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
  }
}

@media (max-width: 991.98px) {
  .feature-card--bg-1 .featured-card-media,
  .feature-card--bg-2 .featured-card-media,
  .feature-card--bg-3 .featured-card-media,
  .feature-card--bg-4 .featured-card-media,
  .feature-card--bg-5 .featured-card-media {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
}

@media (max-width: 991.98px) {
  .feature-card--bg-1 .featured-card-content,
  .feature-card--bg-2 .featured-card-content,
  .feature-card--bg-3 .featured-card-content,
  .feature-card--bg-4 .featured-card-content,
  .feature-card--bg-5 .featured-card-content {
    background: #d9f3fd;
  }
}

.feature-card--bg-1 .fcc-position,
.feature-card--bg-2 .fcc-position,
.feature-card--bg-3 .fcc-position,
.feature-card--bg-4 .fcc-position,
.feature-card--bg-5 .fcc-position {
  justify-content: center;
}

@media (min-width: 992px) {
  .feature-card--bg-1 {
    background: linear-gradient(
      to right,
      #d9f3fd 0%,
      #d9f3fd 80%,
      #fbb040 80%,
      #fbb040 100%
    );
  }

  [dir='rtl'] .feature-card--bg-1 {
    background: linear-gradient(
      to left,
      #d9f3fd 0%,
      #d9f3fd 80%,
      #fbb040 80%,
      #fbb040 100%
    );
  }
}

@media (max-width: 991.98px) {
  .feature-card--bg-1 .featured-card-media {
    background: linear-gradient(
      to right,
      #fbb040 0%,
      #fbb040 65%,
      #d9f3fd 65%,
      #d9f3fd 100%
    );
  }

  [dir='rtl'] .feature-card--bg-1 .featured-card-media {
    background: linear-gradient(
      to left,
      #fbb040 0%,
      #fbb040 65%,
      #d9f3fd 65%,
      #d9f3fd 100%
    );
  }
}

@media (min-width: 992px) {
  .feature-card--bg-1 .fcc-position {
    justify-content: start;
  }
}

@media (min-width: 992px) {
  .feature-card--bg-2 {
    background: linear-gradient(
      to right,
      #d9f3fd 0%,
      #d9f3fd 80%,
      #005778 80%,
      #005778 100%
    );
  }

  [dir='rtl'] .feature-card--bg-2 {
    background: linear-gradient(
      to left,
      #d9f3fd 0%,
      #d9f3fd 80%,
      #005778 80%,
      #005778 100%
    );
  }
}

@media (max-width: 991.98px) {
  .feature-card--bg-2 .featured-card-media {
    background: linear-gradient(
      to right,
      #005778 0%,
      #005778 65%,
      #d9f3fd 65%,
      #d9f3fd 100%
    );
  }

  [dir='rtl'] .feature-card--bg-2 .featured-card-media {
    background: linear-gradient(
      to left,
      #005778 0%,
      #005778 65%,
      #d9f3fd 65%,
      #d9f3fd 100%
    );
  }
}

@media (min-width: 992px) {
  .feature-card--bg-2 .fcc-position {
    justify-content: start;
  }
}

@media (min-width: 992px) {
  .feature-card--bg-3 {
    background: linear-gradient(
      to right,
      #fbb040 0%,
      #fbb040 20%,
      #d9f3fd 20%,
      #d9f3fd 100%
    );
  }

  [dir='rtl'] .feature-card--bg-3 {
    background: linear-gradient(
      to left,
      #fbb040 0%,
      #fbb040 20%,
      #d9f3fd 20%,
      #d9f3fd 100%
    );
  }
}

@media (max-width: 991.98px) {
  .feature-card--bg-3 .featured-card-media {
    background: linear-gradient(
      to right,
      #d9f3fd 0%,
      #d9f3fd 35%,
      #fbb040 35%,
      #fbb040 100%
    );
  }

  [dir='rtl'] .feature-card--bg-3 .featured-card-media {
    background: linear-gradient(
      to left,
      #d9f3fd 0%,
      #d9f3fd 35%,
      #fbb040 35%,
      #fbb040 100%
    );
  }
}

@media (min-width: 992px) {
  .feature-card--bg-4 {
    background: linear-gradient(
      to right,
      #005778 0%,
      #005778 20%,
      #d9f3fd 20%,
      #d9f3fd 100%
    );
  }

  [dir='rtl'] .feature-card--bg-4 {
    background: linear-gradient(
      to left,
      #005778 0%,
      #005778 20%,
      #d9f3fd 20%,
      #d9f3fd 100%
    );
  }
}

@media (max-width: 991.98px) {
  .feature-card--bg-4 .featured-card-media {
    background: linear-gradient(
      to right,
      #d9f3fd 0%,
      #d9f3fd 35%,
      #005778 35%,
      #005778 100%
    );
  }

  [dir='rtl'] .feature-card--bg-4 .featured-card-media {
    background: linear-gradient(
      to left,
      #d9f3fd 0%,
      #d9f3fd 35%,
      #005778 35%,
      #005778 100%
    );
  }
}

@media (min-width: 992px) {
  .feature-card--bg-5 {
    background: linear-gradient(
      to left,
      #d9f3fd 0%,
      #d9f3fd 70%,
      #005778 70%,
      #005778 100%
    );
  }

  [dir='rtl'] .feature-card--bg-5 {
    background: linear-gradient(
      to right,
      #d9f3fd 0%,
      #d9f3fd 70%,
      #005778 70%,
      #005778 100%
    );
  }

  .feature-card--bg-5 .protection-analysis-card {
    max-width: 80rem;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (max-width: 991.98px) {
  .feature-card--bg-5 .featured-card-media {
    background: linear-gradient(
      to right,
      #005778 0%,
      #005778 65%,
      #d9f3fd 65%,
      #d9f3fd 100%
    );
  }

  [dir='rtl'] .feature-card--bg-5 .featured-card-media {
    background: linear-gradient(
      to left,
      #005778 0%,
      #005778 65%,
      #d9f3fd 65%,
      #d9f3fd 100%
    );
  }
}

.feature-card--bg-5 .rotate-text-90 {
  writing-mode: vertical-lr;
  transform: scale(-1, -1);
}
