/* Global */

:root {
  --k-blue: #0250c5;
  --k-pink: #d43f8d;
  --k-purple: #5f48ac;
  --k-yellow: #ffc000;
}

.k-yellow {
  color: var(--k-yellow);
}

.k-blue {
  color: var(--k-blue);
}

.k-pink {
  color: var(--k-pink);
}

.k-gd-purple {
  background: rgb(212, 63, 141);
  background: -moz-linear-gradient(
    210deg,
    rgba(212, 63, 141, 1) 0%,
    rgba(2, 80, 197, 1) 100%
  );
  background: -webkit-linear-gradient(
    210deg,
    rgba(212, 63, 141, 1) 0%,
    rgba(2, 80, 197, 1) 100%
  );
  background: linear-gradient(
    210deg,
    rgba(212, 63, 141, 1) 0%,
    rgba(2, 80, 197, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d43f8d",endColorstr="#0250c5",GradientType=1);
}

.svg-white {
  filter: invert(1);
}

/* Header Start */
.navbar-brand img {
  max-width: 200px;
}

/* #header{
    padding-top: 3rem;
} */

.nav-link {
  font-weight: 500;
}

.hero-heading {
  padding-top: 6rem;
}

/* Structure */

.navbar-light .navbar-nav .nav-link.active {
  color: #677788 !important;
}

.bg-cta {
  background: url(/assets/svg/components/shape-8.svg) center center no-repeat;
  background-size: 100%;
}

/* Components */

.breadcrumb-item + .breadcrumb-item::before {
  content: var(--bs-breadcrumb-divider, ">");
}

.btn-light-custom {
  background: none;
  border: 1px solid #fff;
  color: #fff;
}

.btn {
  border-radius: 10px;
}

.btn-primary {
  color: #fff;
  background-color: var(--k-blue);
  border-color: var(--k-blue);
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: var(--k-blue);
}

.card-prod-icon {
  width: auto;
  height: 35px;
}

.features-custom-icon {
  width: auto;
  height: 20px;
}

.devices-custom {
  position: relative;
  top: 64%;
  left: -50%;
  -webkit-transform: rotate(-40deg);
  transform: rotate(40deg);
}

.img-card-small {
  height: 170px;
  object-fit: cover;
}
.card-text:last-child {
  color: var(--bs-body-color);
}

/* Elements */
.shape .gradient-bg {
  fill: url(#header-shape-gradient) #fff;
}

#header-shape-gradient {
  --color-stop: #0250c5;
  --color-bot: #d43f8d;
}

/* Others */

.video-container {
  position: relative;
  height: 577px;
  margin-left: 100px;
  margin-right: 100px;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.navbar {
  padding-top: 0;
}