.bg-dark-img {
    background-image: url("../img/banner/home.svg") !important;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: top;
    background-size: cover;
}

.pink-text {
    color: #e23f8f !important;
}

.blue-text {
    color: #2196f3 !important;
}

.navy-text {
    color: #1c1d3a !important;
}

.purple-text {
    color: #2e2c7a !important;
}

.pink-bg {
    background-color: #e23f8f !important;
}

.blue-bg {
    background-color: #2196f3 !important;
}

.purple-bg {
    background-color: #2e2c7a !important;
}

.navy-bg {
    background-color: #1c1d3a !important;
}

.typed-cursor {
    color: #2196f3 !important;
}

.process-card:hover .process-icon i,
.process-card:hover .process-icon i {
  color: #fff !important;
}

@media (min-width: 991px) {
    .banner-scene {
        margin-left: 100px;
    }
  }

.no-click {
    cursor: default;
}

.hydra-btn {
    background-image: url("../img/banner/hydra-logo-white.png") !important;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    width: 100px;
}

.hydra-btn:hover {
    background-image: url("../img/banner/hydra-logo-blue.png") !important;
}

.hydra-text {
    height: 1.4em;
    vertical-align: sub;
}

.hello-hydra-text {
    height: 1.2em;
    vertical-align: text-top;
}

.home-hydra-screen {
    background-color: #1c1d3a;
    padding: 10px;
    border-radius: 10px;
}

.home-hydra-screen img {
    border-radius: 10px;
}

@media (max-width: 991px) {
    .animated-banner {
        width: 20px !important;
    }
  }

  .sub-banner-section {
    background-image: url("../img/banner/scene2-bg.png") !important;
    background-size: cover;
  }

  .custom-icon-small {
    width: 100px;
  }

  .custom-icon-xsmall {
    width: 70px;
  }

  .custom-icon-xxsmall {
    width: 56px;
    padding: 10px;
  }

  .article-title {
    min-height: 48px;
  }

/* --- TACo Blog Vibey Styles (scoped) --- */
.blog-vibe {
  --taco-navy: #1c1d3a;
  --taco-dark-navy: #05061a;
  --taco-blue: #2196f3;
  --taco-purple: #2e2c7a;
  --taco-pink: #e23f8f;
  --taco-white: #ffffff;
}

.blog-vibe .vibe-card {
  background: linear-gradient(180deg, rgba(5,6,26,0.85) 0%, rgba(28,29,58,0.85) 100%), var(--taco-dark-navy);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 18px;
  color: var(--taco-white);
}

.blog-vibe .callout-block {
  background: linear-gradient(135deg, rgba(33,150,243,0.08), rgba(226,63,143,0.08));
  border-left: 6px solid var(--taco-blue);
  border-radius: 14px;
  padding: 20px 22px;
}

.blog-vibe .badge-pill {
  display: inline-block;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 12px;
  letter-spacing: .3px;
  background: rgba(33,150,243,0.12);
  color: #cfe8ff;
  border: 1px solid rgba(33,150,243,0.35);
}

.blog-vibe .image-card {
  background: var(--taco-dark-navy);
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.07);
}
.blog-vibe .image-card img { display: block; width: 100%; }
.blog-vibe .image-card .caption {
  background: linear-gradient(180deg, rgba(5,6,26,0.0) 0%, rgba(5,6,26,0.85) 100%);
  color: var(--taco-white);
  padding: 12px 16px;
  font-size: 14px;
}

.blog-vibe .quote-block {
  background: linear-gradient(135deg, rgba(46,44,122,0.15), rgba(28,29,58,0.4));
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 14px;
  padding: 18px 20px;
  color: #e8e9ff;
}
.blog-vibe .quote-block i { color: var(--taco-pink); }

.blog-vibe .insight-block {
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.06);
  border-left: 6px solid var(--taco-purple);
  border-radius: 12px;
  padding: 16px 18px;
  margin-bottom: 14px;
}
.blog-vibe .insight-block .num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px; height: 28px;
  border-radius: 50%;
  font-weight: 700;
  background: var(--taco-pink);
  color: var(--taco-white);
  margin-right: 10px;
  font-size: 14px;
}

.blog-vibe .divider {
  height: 1px;
  background: linear-gradient(90deg, rgba(33,150,243,0), rgba(33,150,243,0.55), rgba(226,63,143,0));
  margin: 28px 0;
}

.blog-vibe .kpi-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.blog-vibe .kpi {
  background: linear-gradient(180deg, rgba(33,150,243,0.12), rgba(46,44,122,0.12));
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
  padding: 12px 14px;
  color: #e6f1ff;
}
.blog-vibe .kpi .label { font-size: 12px; opacity: .85; }
.blog-vibe .kpi .value { font-size: 18px; font-weight: 700; color: #ffffff; }

@media (max-width: 991px) {
  .blog-vibe .kpi-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 575px) {
  .blog-vibe .kpi-grid { grid-template-columns: 1fr; }
}
/* --- end vibey styles --- */

/* --- TACo Blog Vibey Light Overrides --- */
.blog-vibe {
  color: #1c1d3a;
}
.blog-vibe .vibe-card {
  background: #ffffff;
  color: #1c1d3a;
  border: 1px solid rgba(5,6,26,0.08);
  box-shadow: 0 6px 18px rgba(5,6,26,0.06);
}
.blog-vibe .callout-block {
  background: linear-gradient(135deg, rgba(33,150,243,0.06), rgba(226,63,143,0.06));
  border-left: 6px solid #2196f3;
  color: #1c1d3a;
}
.blog-vibe .badge-pill {
  background: rgba(33,150,243,0.1);
  color: #0b5ed7;
  border: 1px solid rgba(33,150,243,0.25);
}
.blog-vibe .image-card { background: #ffffff; border: 1px solid rgba(5,6,26,0.08); }
.blog-vibe .image-card .caption { background: #ffffff; color: #2b2f55; border-top: 1px solid rgba(5,6,26,0.06); }

.blog-vibe .quote-block {
  background: rgba(46,44,122,0.08);
  border: 1px solid rgba(5,6,26,0.08);
  color: #1c1d3a;
}
.blog-vibe .quote-block i { color: #e23f8f; }

.blog-vibe .insight-block {
  background: #ffffff;
  border: 1px solid rgba(5,6,26,0.08);
  border-left: 6px solid #2e2c7a;
  color: #1c1d3a;
}
.blog-vibe .insight-block .num { background: #e23f8f; color: #ffffff; }

.blog-vibe .divider { background: linear-gradient(90deg, rgba(33,150,243,0), rgba(33,150,243,0.35), rgba(226,63,143,0)); }

.blog-vibe .kpi { background: rgba(33,150,243,0.08); border-color: rgba(5,6,26,0.08); color: #1c1d3a; }
.blog-vibe .kpi .value { color: #1c1d3a; }
/* --- end light overrides --- */

/* --- Blog author sidebar and explore section --- */
.blog-vibe .content-with-sidebar { display: grid; grid-template-columns: 1fr 320px; gap: 28px; }
@media (max-width: 991px) { .blog-vibe .content-with-sidebar { grid-template-columns: 1fr; } }
.blog-vibe .author-card { background: #ffffff; border: 1px solid rgba(5,6,26,0.08); border-radius: 14px; padding: 16px; box-shadow: 0 6px 18px rgba(5,6,26,0.06); }
.blog-vibe .author-card .role { color: #2e2c7a; font-size: 13px; }

.blog-vibe .explore-section .card { background: #ffffff; border: 1px solid rgba(5,6,26,0.08); border-radius: 14px; overflow: hidden; box-shadow: 0 6px 18px rgba(5,6,26,0.06); }
.blog-vibe .explore-section .card img { width: 100%; display: block; }
.blog-vibe .explore-section .card .p-3 { padding: 14px !important; }
.blog-vibe .explore-section .title { font-size: 16px; font-weight: 600; color: #1c1d3a; }
/* --- end author/explore styles --- */