* {
  font-family: 'Montserrat', sans-serif !important;
}

/* ── Base hide for all content panels & bg ── */
.panel-1,
.panel-2,
.panel-3,
.panel-4 {
  display: none;
}

.bg-1,
.bg-2,
.bg-3,
.bg-4 {
  display: none;
}

/* ── Show panel & bg when corresponding radio is checked ── */
#tab1:checked~.hero-section .panel-1 {
  display  : block;
  animation: fadeUp 0.5s ease both;
}

#tab1:checked~.hero-section .bg-1 {
  display  : block;
  animation: fadeIn 0.5s ease both;
}

#tab1:checked~.hero-section .lbl-1 {
  border-left-color: #8CC63F;
  background       : rgba(255, 255, 255, 0.1);
  color            : #fff;
}

#tab1:checked~.hero-section .dot-1 {
  background-color: #8CC63F;
}

#tab1:checked~.hero-section .dot-2,
#tab1:checked~.hero-section .dot-3,
#tab1:checked~.hero-section .dot-4 {
  background-color: #9ca3af;
}

#tab2:checked~.hero-section .panel-2 {
  display  : block;
  animation: fadeUp 0.5s ease both;
}

#tab2:checked~.hero-section .bg-2 {
  display  : block;
  animation: fadeIn 0.5s ease both;
}

#tab2:checked~.hero-section .lbl-2 {
  border-left-color: #8CC63F;
  background       : rgba(255, 255, 255, 0.1);
  color            : #fff;
}

#tab2:checked~.hero-section .dot-2 {
  background-color: #8CC63F;
}

#tab2:checked~.hero-section .dot-1,
#tab2:checked~.hero-section .dot-3,
#tab2:checked~.hero-section .dot-4 {
  background-color: #9ca3af;
}

#tab3:checked~.hero-section .panel-3 {
  display  : block;
  animation: fadeUp 0.5s ease both;
}

#tab3:checked~.hero-section .bg-3 {
  display  : block;
  animation: fadeIn 0.5s ease both;
}

#tab3:checked~.hero-section .lbl-3 {
  border-left-color: #8CC63F;
  background       : rgba(255, 255, 255, 0.1);
  color            : #fff;
}

#tab3:checked~.hero-section .dot-3 {
  background-color: #8CC63F;
}

#tab3:checked~.hero-section .dot-1,
#tab3:checked~.hero-section .dot-2,
#tab3:checked~.hero-section .dot-4 {
  background-color: #9ca3af;
}

#tab4:checked~.hero-section .panel-4 {
  display  : block;
  animation: fadeUp 0.5s ease both;
}

#tab4:checked~.hero-section .bg-4 {
  display  : block;
  animation: fadeIn 0.5s ease both;
}

#tab4:checked~.hero-section .lbl-4 {
  border-left-color: #8CC63F;
  background       : rgba(255, 255, 255, 0.1);
  color            : #fff;
}

#tab4:checked~.hero-section .dot-4 {
  background-color: #8CC63F;
}

#tab4:checked~.hero-section .dot-1,
#tab4:checked~.hero-section .dot-2,
#tab4:checked~.hero-section .dot-3 {
  background-color: #9ca3af;
}

/* Animations */
@keyframes fadeUp {
  from {
    opacity  : 0;
    transform: translateY(15px);
  }

  to {
    opacity  : 1;
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.bg-vauric {
  background: linear-gradient(135deg, #1e5a9a 0%, #154070 100%);
}


.border-vauric-dark {
  border-color: #003B5C;
}

.active-card > div {
    border-top: 6px solid #004071;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.active-card .triangle {
  display: block;
}

.active-card .profile-border {
    border-color: #004071;
}

.active-card img {
  filter: grayscale(0);
}

.active-card .quote-icon {
    color: #004071;
}

.active-card .name,
.active-card .role {
    color: #004071;
}

.testimonial-triangle {
  display: none;
  top    : -1px;
  z-index: 20;
}

/* ACTIVE CARD STYLE */
.testimonial-active-card .testimonial-card-box {
    border-top: 6px solid #004071;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
}

/* SHOW TRIANGLE ONLY ACTIVE */
.testimonial-active-card .testimonial-triangle {
  display: block;
}

/* COLORS & EFFECTS */
.testimonial-active-card .testimonial-profile-border {
    border-color: #004071;
}

.testimonial-active-card img {
  filter: grayscale(0);
}

.testimonial-active-card .testimonial-quote-icon {
    color: #004071;
}

.testimonial-active-card .testimonial-name,
.testimonial-active-card .testimonial-role {
    color: #004071;
}

/* DOTS STYLE */
.testimonial-dot.testimonial-dot-active {
    background-color: #004071;
    width: 24px;
}

.specs-table {
  background-image   : url('/assets/images/logo/vauric.png');
  background-repeat  : no-repeat;
  background-position: center;
  background-size    : 60%;
}

/* Watermark styling for the specs table */
.specs-watermark {
  background-image     : url('/assets/images/logo/vauric.png');
  background-repeat    : no-repeat;
  background-position  : center;
  background-size      : 50%;
  background-blend-mode: overlay;
}

/* Industry Banner Overlay */
.industry-banner {
    position: relative;
    background: url('/assets/images/banner/industry-new.svg');
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

    .industry-banner::before {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.40); /* adjust darkness */
    }

    .industry-banner > * {
        position: relative;
        z-index: 1;
    }

.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
@keyframes progress {
    0% {
        transform: translateX(-150%) skewX(-20deg);
    }

    50% {
        transform: translateX(0%) skewX(-20deg);
    }

    100% {
        transform: translateX(150%) skewX(-20deg);
    }
}

.animate-progress {
    animation: progress 1.8s infinite ease-in-out;
}

/* Fade out logic */
#preloader {
    transition: opacity 0.8s ease-in-out, visibility 0.8s;
}

.loader-hidden {
    opacity: 0;
    visibility: hidden;
}
@keyframes logoGlow {
    0%, 100% {
        filter: brightness(1) drop-shadow(0 0 0px rgba(146, 200, 62, 0));
        transform: scale(1);
    }

    50% {
        /* Brightens the logo and adds a Lime Green outer glow */
        filter: brightness(1.3) drop-shadow(0 0 15px rgba(146, 200, 62, 0.8));
        transform: scale(1.02); /* Very slight pulse */
    }
}

.animate-logo-glow {
    animation: logoGlow 2.5s ease-in-out infinite;
}

/* Progress Bar Animation */
@keyframes progress {
    0% {
        transform: translateX(-150%) skewX(-20deg);
    }

    50% {
        transform: translateX(0%) skewX(-20deg);
    }

    100% {
        transform: translateX(150%) skewX(-20deg);
    }
}

.animate-progress {
    animation: progress 1.8s infinite ease-in-out;
}

/* Loader Fade Out */
#preloader {
    transition: opacity 0.8s ease-in-out, visibility 0.8s;
}

.loader-hidden {
    opacity: 0;
    visibility: hidden;
}