/*------------------------------------------ ABOUT BANNER SECTION START--------------------------  */
:root{
    --luxbc-bg-dark:#0b0c10;
    --luxbc-gold:red;
    --luxbc-gold-2:#f2dea6;
    --luxbc-ink:#f5f7fb;
    --luxbc-glass: rgba(255,255,255,.10);
    --luxbc-stroke: rgba(255,255,255,.25);
  }

  /* Section skeleton */
  #luxbc-banner{
    min-height: 60vh;
    display:grid; place-items:center;
    color: var(--luxbc-ink);
    overflow:hidden;
    background: #0e0f14;
  }

  /* Video fills */
  .luxbc-video{
    position:absolute; inset:0;
    width:100%; height:100%;
    object-fit:cover; object-position:center;
    filter: saturate(1.05) contrast(1.06);
    z-index:0;
  }

  /* Gold gradient wash + diagonal sheen */
  .luxbc-gradient{
    position:absolute; inset:0; z-index:1;
    background:
      linear-gradient(130deg, rgba(0,0,0,.65) 10%, rgba(0,0,0,.55) 40%, rgba(0,0,0,.65) 100%),
      radial-gradient(700px 400px at 15% 10%, rgba(212,182,101,.28), transparent 60%),
      radial-gradient(700px 400px at 85% 90%, rgba(242,222,166,.18), transparent 60%);
    pointer-events:none;
  }
  .luxbc-vignette{
    position:absolute; inset:-10%;
    background: radial-gradient(80% 80% at 50% 50%, transparent 60%, rgba(0,0,0,.55) 100%);
    z-index:1; pointer-events:none;
  }

  /* Corner ornaments (thin luxury strokes) */
  .luxbc-ornament{
    position:absolute; width:120px; height:120px; z-index:2; opacity:.65;
  }
  .luxbc-ornament--tl{ top:12px; left:12px; }
  .luxbc-ornament--br{ right:12px; bottom:12px; transform: rotate(180deg); }

  .luxbc-ornament::before,
  .luxbc-ornament::after{
    content:""; position:absolute; background:linear-gradient(90deg, var(--luxbc-gold), var(--luxbc-gold-2));
  }
  .luxbc-ornament::before{ width:110px; height:2px; top:0; left:0; border-radius:2px; }
  .luxbc-ornament::after{ width:2px; height:110px; top:0; left:0; border-radius:2px; }

  /* Content */
  .luxbc-content{ z-index:3; padding:3.2rem 0; }
  .luxbc-title{
    font-family:"Playfair Display", serif;
    font-weight:700;
    font-size: clamp(30px, 5vw, 56px);
    letter-spacing:.3px;
    position:relative; display:inline-block;
  }
  .luxbc-underline{
    position:absolute; left:10%; right:10%; bottom:-10px; height:4px;
    background: linear-gradient(90deg, var(--luxbc-gold), var(--luxbc-gold-2));
    border-radius:2px;
    transform-origin:left; transform: scaleX(0);
    animation: luxbc-underline-in .9s .25s ease-out forwards;
  }
  @keyframes luxbc-underline-in{ to{ transform: scaleX(1); } }

  .luxbc-subtitle{
    color:#e9ecf3; opacity:.9;
    font-size: clamp(14px, 2.2vw, 18px);
    max-width: 820px; margin-inline:auto;
  }

  /* Glass breadcrumb */
  .luxbc-breadcrumb{
    --bs-breadcrumb-divider: '›';
    background: var(--luxbc-glass);
    backdrop-filter: blur(8px) saturate(120%);
    -webkit-backdrop-filter: blur(8px) saturate(120%);
    border:1px solid var(--luxbc-stroke);
    border-radius: 999px;
    display:inline-flex; padding:.55rem 1rem;
    gap:.35rem;
  }
  .luxbc-crumb-link{
    color:#f7f7fb; text-decoration:none; font-weight:600; opacity:.92;
    display:inline-flex; align-items:center; gap:.45rem;
    padding:.25rem .65rem; border-radius:999px;
  }
  .luxbc-crumb-link:hover{ color:#fff; background: rgba(255,255,255,.08); }
  .luxbc-crumb-link.active{ color:#1a1a1a; background: linear-gradient(135deg,var(--luxbc-gold),var(--luxbc-gold-2)); }
  .luxbc-crumb-dot{
    width:8px; height:8px; border-radius:50%;
    background: linear-gradient(135deg,var(--luxbc-gold),var(--luxbc-gold-2));
    box-shadow: 0 0 0 2px rgba(212,182,101,.25);
  }

  /* Responsive tweaks */
  @media (max-width: 575.98px){
    #luxbc-banner{ min-height: 42vh; }
    .luxbc-content{ padding: 2.2rem 0; }
  }

  /* Accessibility: respect reduced motion */
  @media (prefers-reduced-motion: reduce){
    .luxbc-video{ animation:none; margin-top: 50px !important;}
    .luxbc-underline{ animation:none; transform: scaleX(1); }
  }


/*------------------------------------------ ABOUT BANNER SECTION END--------------------------  */



/* vison and misson section start --------------------------------- */


  /* ===== Base Section ===== */
  #luxvm-section {
    background: #fff;
    font-family: 'Inter', sans-serif;
  }



 

  /* ===== Card ===== */
  .luxvm-card {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 14px;
    border: 1px solid rgba(0, 0, 0, 0.06);
    padding: 1.6rem 1.25rem;
    transition: all .4s ease;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
    backdrop-filter: blur(4px);
  }

  .luxvm-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.07);
    background: rgba(255, 255, 255, 0.95);
  }

  /* ===== Icon ===== */
  .luxvm-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08);
    transition: all .3s ease;
  }

  .luxvm-teal {
    background: linear-gradient(135deg, #06b6d4, #22d3ee);
  }

  .luxvm-amber {
    background: linear-gradient(135deg, #f59e0b, #fbbf24);
  }

  .luxvm-card:hover .luxvm-icon {
    transform: scale(1.08) rotate(4deg);
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.12);
  }

  h4 {
    color: #0f172a;
    font-size: 1.15rem;
  }

  p {
    font-size: .95rem;
    line-height: 1.55;
  }

  @media (max-width: 575.98px) {
    #luxvm-section {
      padding-top: 1.6rem !important;
      padding-bottom: 1.6rem !important;
    }

    .luxvm-card {
      padding: 1.25rem 1rem;
    }

    .luxvm-icon {
      width: 54px;
      height: 54px;
    }

    .luxvm-icon svg {
      width: 26px;
      height: 26px;
    }
  }


/* vison and misson section end --------------------------------- */



/* <!-------------------------- INDUSTREIS WE SERVE SECTION START  --------------------------> */

 
        .industries__section {
            padding: 80px 0;
            background: #ffffff;
            overflow: hidden;
        }

        
        .industries__timeline {
            position: relative;
            max-width: 1200px;
            margin: 0 auto;
        }

        .industries__vertical-line {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            width: 3px;
            height: 100%;
            background: linear-gradient(to bottom, red 0%, red 50%, red 100%);
            z-index: 1;
        }

        .industries__vertical-line::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 0%;
            background: linear-gradient(to bottom, red 0%, red 50%, red 100%);
            transition: height 0.3s ease-out;
        }

        @media (max-width: 991px) {
            .industries__vertical-line {
                left: 40px;
            }
        }

        .industries__row {
            position: relative;
            z-index: 2;
        }

        .industries__card-wrapper {
            margin-bottom: 60px;
            display: flex;
            align-items: center;
            position: relative;
        }

        .industries__card-wrapper--left {
            justify-content: flex-end;
            padding-right: 60px;
        }

        .industries__card-wrapper--right {
            justify-content: flex-start;
            padding-left: 60px;
        }

        @media (max-width: 991px) {
            .industries__card-wrapper--left,
            .industries__card-wrapper--right {
                justify-content: flex-start;
                padding-left: 80px !important;
                padding-right: 15px !important;
            }
        }

        .industries__card {
            background: linear-gradient(145deg, #ffffff, #f8f9fa);
            border: 2px solid transparent;
            border-radius: 20px;
            padding: 35px;
            box-shadow: 0 8px 25px rgba(109, 40, 217, 0.12);
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            position: relative;
            max-width: 480px;
            width: 100%;
            overflow: hidden;
        }

        .industries__card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(145deg, rgba(109, 40, 217, 0.03), rgba(147, 51, 234, 0.03));
            opacity: 0;
            transition: opacity 0.4s ease;
            z-index: 0;
        }

        .industries__card:hover::before {
            opacity: 1;
        }

        .industries__card:hover {
            transform: translateY(-12px) scale(1.02);
            box-shadow: 0 20px 45px rgba(217, 40, 64, 0.25);
            border-color: red;
        }

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

        /* Connection Line from Center to Card */
        .industries__connector {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            height: 3px;
            background: linear-gradient(to right, red, #9333ea);
            z-index: 2;
        }

        .industries__card-wrapper--left .industries__connector {
            right: 0;
            width: 60px;
        }

        .industries__card-wrapper--right .industries__connector {
            left: 0;
            width: 60px;
        }

        @media (max-width: 991px) {
            .industries__connector {
                left: 40px !important;
                width: 40px !important;
            }
        }

        .industries__icon-wrapper {
            display: flex;
            align-items: center;
            gap: 20px;
            margin-bottom: 20px;
        }

        .industries__icon {
            width: 80px;
            height: 80px;
            background: linear-gradient(135deg, red, #ea3333);
            border-radius: 18px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 36px;
            box-shadow: 0 8px 20px rgba(109, 40, 217, 0.35);
            flex-shrink: 0;
            transition: all 0.4s ease;
        }

        .industries__card:hover .industries__icon {
            transform: rotate(360deg) scale(1.1);
            box-shadow: 0 12px 30px rgba(217, 40, 40, 0.5);
        }

        .industries__card h3 {
            font-size: 26px;
            font-weight: 700;
            color: #212529;
            margin: 0;
        }

        .industries__card p {
            font-size: 16px;
            color: #6c757d;
            line-height: 1.7;
            margin: 0;
        }

        .industries__dot {
            position: absolute;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 24px;
            height: 24px;
            background: red;
            border-radius: 50%;
            border: 5px solid white;
            box-shadow: 0 0 0 6px rgba(109, 40, 217, 0.15);
            z-index: 3;
            transition: all 0.3s ease;
        }

        .industries__card-wrapper--left .industries__dot {
            right: -12px;
        }

        .industries__card-wrapper--right .industries__dot {
            left: -12px;
        }

        @media (max-width: 991px) {
            .industries__dot {
                left: 40px !important;
                right: auto !important;
            }
        }

        .industries__card-wrapper:hover .industries__dot {
            transform: translate(-50%, -50%) scale(1.3);
            box-shadow: 0 0 0 8px rgba(109, 40, 217, 0.25);
        }

        .industries__number {
            position: absolute;
            top: 20px;
            right: 20px;
            width: 45px;
            height: 45px;
            background: rgba(109, 40, 217, 0.1);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
            font-weight: 700;
            color: red;
        }

        @media (max-width: 991px) {
            .industries__title h2 {
                font-size: 36px;
            }

            .industries__card {
                padding: 28px;
                max-width: 100%;
            }

            .industries__card h3 {
                font-size: 22px;
            }

            .industries__card p {
                font-size: 15px;
            }

            .industries__icon {
                width: 70px;
                height: 70px;
                font-size: 32px;
            }
        }

        @media (max-width: 576px) {
            .industries__icon-wrapper {
                flex-direction: column;
                align-items: flex-start;
            }

            .industries__card {
                padding: 25px;
            }
        }
  

/* <!-------------------------- INDUSTREIS WE SERVE SECTION END  --------------------------> */




/* team section start --------------------------------------------- */

/* ---------------- Infinite Slider Styling ---------------- */
.team-section {
  background: #fff;
  padding: 50px 0;
}



/* MAIN SLIDER BOX */
.team-slider {
  overflow: hidden;
  width: 100%;
  position: relative;
}

/* TRACK — 4× DUPLICATED FOR TRUE INFINITE */
.team-track {
  display: flex;
  gap: 20px;
  width: max-content;
  animation: scrollLinear 20s linear infinite;
}

/* CARD DESIGN */
.team-card {
  width: 230px;
  background: #fff;
  border-radius: 16px;
  padding: 18px;
  text-align: center;
  box-shadow: 0 8px 22px rgba(0,0,0,0.08);
}

.team-img-wrap {
  width: 140px;
  height: 140px;
  border-radius: 12px;
  overflow: hidden;
  margin: 0 auto 12px;
}

.team-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.team-name {
  font-weight: 600;
  font-size: 1rem;
}

.team-role {
  font-size: 0.8rem;
  letter-spacing: 0.05em;
  color: #0d6efd;
  margin-bottom: 4px;
}

.team-bio {
  color: #6c757d;
  font-size: 0.85rem;
}

/* REAL INFINITE ANIMATION (smooth continuous) */
@keyframes scrollLinear {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* Hover pause */
.team-slider:hover .team-track {
  animation-play-state: paused;
}

/* Mobile */
@media(max-width: 576px){
  .team-card { width: 180px; }
  .team-img-wrap { width: 120px; height: 120px; }
}