:root {
        --bg-dark: #050816;
        --bg-card: rgba(255, 255, 255, 0.02);
        --bg-nav: rgba(5, 5, 5, 0.85);
        --primary: #7d5cff;
        --primary-glow: rgba(242, 125, 38, 0.12);
        --accent-cyan: #7d5cff;
        --accent-cyan-glow: rgba(242, 125, 38, 0.08);
        --text-muted: rgba(255, 255, 255, 0.884);
        --border-color: rgba(255, 255, 255, 0.08);
        --border-glow: rgba(242, 125, 38, 0.35);
        --font-sans: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        --font-display: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        --font-mono: 'JetBrains Mono', monospace;

      }

      .text-muted{color: #fff !important;}

      body {
        background-color: var(--bg-dark);
        color: #e0e0e0;
        font-family: var(--font-sans);
        overflow-x: hidden;
        position: relative;
        line-height: 1.6;
      }

      /* Glow overlays representing subtle dark ambient luxury */
      .bg-glow-purple {
        position: absolute;
        width: 600px;
        height: 600px;
        background: radial-gradient(circle, rgba(242, 125, 38, 0.07) 0%, rgba(0,0,0,0) 70%);
        top: -100px;
        right: -100px;
        pointer-events: none;
        z-index: -1;
      }
      .bg-glow-cyan {
        position: absolute;
        width: 500px;
        height: 500px;
        background: radial-gradient(circle, rgba(242, 125, 38, 0.05) 0%, rgba(0,0,0,0) 70%);
        top: 600px;
        left: -150px;
        pointer-events: none;
        z-index: -1;
      }
      .bg-glow-center {
        position: absolute;
        width: 700px;
        height: 700px;
        background: radial-gradient(circle, rgba(242, 125, 38, 0.04) 0%, rgba(0,0,0,0) 75%);
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        pointer-events: none;
        z-index: -1;
      }

      /* Typography Setup - High Fashion Sophisticated Dark */
      h1, h2, h3, h4, h5, h6 {
        font-family: var(--font-display) !important;
        font-weight: 300 !important;
        letter-spacing: -0.04em !important;
        
        color: #ffffff !important;
      }
      
    
      .text-gradient-purple {
        /* background: linear-gradient(135deg, #ffffff 45%, #F27D26 100%) !important; */
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
      }
      .text-gradient-cyan {
        color: var(--primary) !important;
        background: none !important;
        -webkit-text-fill-color: initial !important;
        -webkit-background-clip: initial !important;
      }
      .text-cyan {
        color: var(--primary) !important;
      }
      .bg-cyan {
        background-color: var(--primary) !important;
      }
      .border-info {
        border-color: rgba(242, 125, 38, 0.4) !important;
      }
      .text-purple {
        color: var(--primary) !important;
      }
      .btn-primary, .bg-primary {
        background-color: var(--primary) !important;
        border-color: var(--primary) !important;
      }

      /* Scrollbar */
      ::-webkit-scrollbar {
        width: 6px;
      }
      ::-webkit-scrollbar-track {
        background: var(--bg-dark);
      }
      ::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, 0.08);
      }
      ::-webkit-scrollbar-thumb:hover {
        background: var(--primary);
      }

      /* Header & Elegant Navigation spacing */
      .navbar {
        background-color: var(--bg-nav);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
        border-bottom: 1px solid var(--border-color);
        padding: 1.25rem 0;
        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
      }
      .navbar.scrolled {
        background-color: rgba(5, 5, 5, 0.95);
        padding: 0.85rem 0;
        border-bottom-color: rgba(255, 255, 255, 0.12);
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.7);
      }
      .navbar-brand {
        display: flex;
        align-items: center;
        gap: 0.5rem;
      }
      
      /* Sophisticated branding dot with round outer circle style */
      .navbar-brand div {
        border-radius: 50% !important;
        border: 2px solid var(--primary) !important;
        background: transparent !important;
        width: 26px !important;
        height: 26px !important;
        position: relative;
      }
      .navbar-brand div i {
        display: none !important;
      }
      .navbar-brand div::after {
        content: '';
        position: absolute;
        width: 6px;
        height: 6px;
        background-color: var(--primary);
        border-radius: 50%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      
      .nav-link {
           color: white !important;
    transition: 0.3s;
        font-size: 15px;
        letter-spacing: 0.1px;
        transition: color 0.25s ease;
      }
      .nav-link:hover, .nav-link.active {
        color: var(--primary) !important;
      }

      /* Buttons & Badges matching high-end Luxury spacing & borders */
      .btn-gradient {
        background: linear-gradient(90deg,#6f5cff,#b44cff) !important;
        color: #ffffff !important;
        border: none !important;
        font-size: 11px !important;
        font-weight: 500 !important;
        letter-spacing: 0.15em !important;
        text-transform: uppercase !important;
        padding: 0.85rem 2rem !important;
        border-radius: 20px !important; /* Elegant architectural sharp edge setup */
        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
        box-shadow: 0 4px 15px rgba(112, 34, 236, 0.2) !important;
      }
      .btn-gradient:hover {
        background: #ffffff !important;
        color: #050505 !important;
        transform: translateY(-2px);
        box-shadow: 0 8px 25px rgba(112, 34, 236, 0.2) !important;
      }
      .btn-outline-custom {
        background: transparent !important;
        color: #ffffff !important;
        border: 1px solid rgba(255, 255, 255, 0.15) !important;
        font-size: 11px !important;
        font-weight: 500 !important;
        letter-spacing: 0.15em !important;
        text-transform: uppercase !important;
        padding: 0.85rem 2rem !important;
        border-radius: 20px !important;
        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
      }
      .btn-outline-custom:hover {
        border-color: var(--primary) !important;
        background: rgba(242, 125, 38, 0.05) !important;
        color: var(--primary) !important;
        transform: translateY(-2px);
      }
      
      .badge-custom {
           background: #9595953b !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: rgb(139 110 255) !important;
    padding: 0.35rem 1rem !important;
    border-radius: 50px !important;
    font-weight: 800;
    font-size: 13px !important;
    text-transform: uppercase;
    letter-spacing: 0.1em !important;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    filter: drop-shadow(2px 4px 6px black);
      }
      .badge-custom i {
        color: var(--primary) !important;
      }

      .hero-section h1#hero-title{font-size: 60px; text-transform: capitalize!important;}

      .hero-section h1 span .hero-text{    background: linear-gradient(90deg, #6f5cff, #b44cff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}

      /* Hero Content & Dashboard Frame */
      .hero-section {
        padding-top: 10rem;
        padding-bottom: 7rem;
        position: relative;
      }
      .dashboard-preview {
        background: rgba(255, 255, 255, 0.02) !important;
        border: 1px solid rgba(255, 255, 255, 0.08) !important;
        border-radius: 0px !important; /* Sharp alignment */
        box-shadow: 0 30px 60px rgba(0, 0, 0, 0.8) !important;
        padding: 1.5rem;
        position: relative;
        overflow: hidden;
        backdrop-filter: blur(12px);
      }
      
      /* Floating element detail info tag */
      .floating-card-detail {
        position: absolute;
        background: rgba(255, 255, 255, 0.05) !important;
        border: 1px solid rgba(255, 255, 255, 0.15) !important;
        border-left: 2px solid var(--primary) !important;
        border-radius: 0px !important;
        padding: 0.6rem 1rem !important;
        font-size: 0.75rem !important;
        font-family: var(--font-mono);
        color: #ffffff !important;
        z-index: 10;
        pointer-events: none;
      }

      /* Infinite Logos Marquee */
      .marquee-container {
        overflow: hidden;
        white-space: nowrap;
        padding: 2.2rem 0;
        background: #030303 !important;
        border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
        position: relative;
      }
      .marquee-container::before, .marquee-container::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        width: 150px;
        z-index: 2;
        pointer-events: none;
      }
      .marquee-container::before {
        left: 0;
        background: linear-gradient(to right, var(--bg-dark), rgba(0,0,0,0));
      }
      .marquee-container::after {
        right: 0;
        background: linear-gradient(to left, var(--bg-dark), rgba(0,0,0,0));
      }
      .marquee-track {
        display: inline-flex;
        animation: scroll-marquee 35s linear infinite;
        align-items: center;
        gap: 4rem;
      }
      .marquee-item {
        color: rgba(255, 255, 255, 0.28) !important;
        font-family: var(--font-display) !important;
        font-size: 1.1rem !important;
        font-weight: 300 !important;
        letter-spacing: 0.1em !important;
        text-transform: uppercase !important;
        display: flex;
        align-items: center;
        gap: 0.6rem;
        transition: color 0.3s ease;
      }
      .marquee-item:hover {
        color: var(--primary) !important;
      }
      @keyframes scroll-marquee {
        0% { transform: translate3d(0, 0, 0); }
        100% { transform: translate3d(-50%, 0, 0); }
      }

      /* Card Glassmorphism & High-Contrast minimalist borders */
      .glass-card {
        background: var(--bg-card);
        border: 1px solid var(--border-color);
        border-radius: 0px !important; /* Elegant razor-sharp luxury corners */
        padding: 2.5rem 2rem !important;
        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
        position: relative;
        overflow: hidden;
      }
      .glass-card:hover {
        transform: translateY(-4px) !important;
        border-color: rgba(242, 125, 38, 0.5) !important;
        background: rgba(255, 255, 255, 0.04) !important;
        box-shadow: 0 15px 40px rgba(0, 0, 0, 0.70) !important;
      }
     
      .glass-card:hover .card-icon {
        background: var(--primary) !important;
        color: #050505 !important;
        box-shadow: 0 0 15px rgba(242, 125, 38, 0.4) !important;
        border-color: var(--primary) !important;
      }

      /* Decorative Infinite Rotating System */
      .rotating-cube-container {
        position: relative;
        width: 100%;
        height: 100%;
        min-height: 250px;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
      }
      .interactive-gear-system {
        background: transparent !important;
        border: 1px dashed rgba(255, 255, 255, 0.15) !important;
        width: 180px !important;
        height: 180px !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        animation: spin-slow 22s linear infinite !important;
        position: relative;
      }
      .inner-gear {
        border: 1px solid rgba(242, 125, 38, 0.4) !important;
        width: 135px !important;
        height: 135px !important;
        border-radius: 50% !important;
        position: absolute !important;
        animation: none !important;
      }
      .interactive-gear-system i {
        color: var(--primary) !important;
        font-size: 2rem !important;
        opacity: 0.55;
        animation: spin-slow-reverse 12s linear infinite;
      }
      @keyframes spin-slow {
        from { transform: rotate(0deg); }
        to { transform: rotate(360deg); }
      }
      @keyframes spin-slow-reverse {
        from { transform: rotate(360deg); }
        to { transform: rotate(0deg); }
      }

      /* Stat Numbers Box Styling */
      .stat-badge {
        font-family: var(--font-mono);
        background: rgba(242, 125, 38, 0.1) !important;
        color: var(--primary) !important;
        padding: 0.3rem 0.65rem;
        border-radius: 0px !important;
        font-size: 0.75rem;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0.05em;
      }
      
      /* Bento Grid style Case Studies matching Lumina Digital's sleek layouts */
      .case-card {
        background: rgba(255, 255, 255, 0.01) !important;
        border: 1px solid var(--border-color) !important;
        border-radius: 0px !important; /* Sharp luxury corners */
        padding: 2.5rem 2rem !important;
        height: 100%;
        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
        position: relative;
        overflow: hidden;
      }
      .case-card:hover {
        transform: translateY(-3px) !important;
        border-color: var(--primary) !important;
        background: rgba(255, 255, 255, 0.03) !important;
        box-shadow: 0 15px 40px rgba(0, 0, 0, 0.70) !important;
      }
      .case-tag {
        font-family: var(--font-mono) !important;
        font-weight: 500 !important;
        font-size: 9px !important;
        text-transform: uppercase !important;
        letter-spacing: 0.15em !important;
        padding: 0.3rem 0.75rem !important;
        border-radius: 0px !important;
        background: transparent !important;
        color: var(--primary) !important;
        border: 1px solid rgba(242, 125, 38, 0.3) !important;
      }


      #case-studies{background: #0b0821;}

      
.timeline-item-node{
    position: relative;
    padding: 10px 0;
    z-index: 2;
}

.timeline-content-box {    border-radius: 28px;
    background: rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.06);
    overflow: hidden;
    transition: all .5s ease;
    padding: 15px 20px;}

/* Neon Glow Effect */
.timeline-content-box::before{
    content: '';
    position: absolute;
    width: 220px;
    height: 220px;
    background: linear-gradient(
        135deg,
        rgba(125,92,255,.6),
        rgba(0,212,255,.3)
    );

    top: -120px;
    right: -120px;

    border-radius: 50%;
    filter: blur(80px);
    opacity: .5;
    z-index: -1;
}

/* Hover Animation */
.timeline-content-box:hover{
    transform: translateY(-10px) scale(1.02);

    border-color: rgba(125,92,255,.35);

    box-shadow:
        0 0 60px rgba(125,92,255,.25),
        0 20px 60px rgba(0,0,0,.45);
}




/* Center Timeline Circle */
.timeline-node-circle{
    width: 60px;
    height: 60px;
    margin: auto;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    font-weight: 400;
    color: #fff !important;
    position: relative;
    background: linear-gradient(135deg, rgba(125, 92, 255, .95), rgba(180, 76, 255, .9));
    border: 2px solid rgba(255, 255, 255, .15);
    box-shadow: 0 0 35px rgba(125, 92, 255, .6), 0 0 80px rgba(125, 92, 255, .35);
    backdrop-filter: blur(15px);
    transition: all .5s ease;
}

/* Animated Glow Ring */
.timeline-node-circle::before{
    content: '';
    position: absolute;

    inset: -12px;

    border-radius: 50%;

    border: 2px solid rgba(125,92,255,.25);

    animation: pulseRing 3s infinite linear;
}

/* Hover */
.timeline-item-node:hover .timeline-node-circle{
    transform: scale(1.12) rotate(8deg);

    box-shadow:
        0 0 60px rgba(125,92,255,.8),
        0 0 120px rgba(125,92,255,.45);
}

/* Vertical Line */
.timeline-wrapper{
    position: relative;
}

.timeline-wrapper::before{
    content: '';
    position: absolute;

    left: 50%;
    top: 0;

    width: 4px;
    height: 100%;

    transform: translateX(-50%);

}

/* Floating Particle */
.timeline-item-node::after{
    content: '';
    position: absolute;

    width: 14px;
    height: 14px;

    border-radius: 50%;

    background: #7d5cff;

    top: 50%;
    left: 50%;

    transform: translate(-50%,-50%);

    box-shadow:
        0 0 25px #7d5cff,
        0 0 50px #7d5cff;

    animation: floatParticle 4s ease-in-out infinite;
}

/* Animations */
@keyframes pulseRing{
    0%{
        transform: scale(.8);
        opacity: 1;
    }

    100%{
        transform: scale(1.4);
        opacity: 0;
    }
}

@keyframes floatParticle{
    50%{
        transform: translate(-50%,-65%);
    }
}

/* Mobile Responsive */
@media(max-width:991px){

.timeline-wrapper::before{
    left: 45px;
}

.timeline-node-circle{
    width: 70px;
    height: 70px;
    font-size: 22px;
}

.timeline-content-box{
    padding: 28px;
}

.timeline-content-box h4{
    font-size: 24px;
}

}

      /* Animated Timeline Path */
      .timeline-section {
        position: relative;
        padding: 0rem 0;
      }
      .timeline-track-line {
        position: absolute;
        top: 20%;
        bottom: 5%;
        left: 50%;
        width: 1px;
        background: rgba(255, 255, 255, 0.08);
        transform: translateX(-50%);
        z-index: 1;
      }
      .timeline-progress-active {
        position: absolute;
        top: 20%;
        left: 50%;
        width: 1px;
        background: var(--primary) !important;
        transform: translateX(-50%);
        z-index: 2;
        height: 0%;
        transition: height 0.1s linear;
      }
  
      
    
      /* Industry item tag grid */
#industries-serve{background: #0b0821; margin-top:50px;}

      .industry-capsule {
        background: rgba(255,255,255,0.01) !important;
        border: 1px solid rgba(255,255,255,0.06) !important;
        padding: 1.25rem 1.5rem;
        border-radius: 0px !important; /* Sharp corners */
        transition: all 0.3s ease;
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 1rem;
        text-decoration: none;
        color: #e0e0e0 !important;
      }
      .industry-capsule:hover {
        background: rgba(255,255,255,0.03) !important;
        border-color: var(--primary) !important;
        transform: translateY(-2px);
        box-shadow: 0 8px 25px rgba(0,0,0,0.5);
      }
      .industry-icon {
        color: var(--primary) !important;
        font-size: 1.15rem !important;
      }

        /* ========================= */
/* PREMIUM TESTIMONIAL UI */
/* ========================= */

.premium-testimonial-section{
    padding: 40px 0;
    background: #050816;
    position: relative;
}

/* Background Glow */
.testimonial-blur{
    position: absolute;
    border-radius: 50%;
    filter: blur(140px);
    z-index: 0;
}

.blur-one{
    width: 420px;
    height: 420px;
    background: rgba(125,92,255,.35);
    top: -120px;
    left: -100px;
}

.blur-two{
    width: 380px;
    height: 380px;
    background: rgba(212, 72, 255, 0.315);
    right: -80px;
    bottom: -100px;
}






/* Main Card */
.testimonial-glass-card{
    position: relative;

    padding: 30px;

    border-radius: 34px;

    background: rgba(255,255,255,.05);

    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);

    border: 1px solid rgba(255,255,255,.08);
    margin-bottom: 20px;
    overflow: hidden;
    min-height: 360px;
    transition: all .5s ease;

    box-shadow:
        0 10px 40px rgba(0,0,0,.4);
}

/* Glow Layer */
.card-glow{
    position: absolute;

    width: 260px;
    height: 260px;

    background: linear-gradient(
        135deg,
        rgba(125,92,255,.5),
        rgba(217,70,239,.3)
    );

    top: -120px;
    right: -120px;

    filter: blur(90px);

    opacity: .7;
}

/* Hover */
.testimonial-glass-card:hover{
    transform: translateY(-14px);

    border-color: rgba(125,92,255,.4);

    box-shadow:
        0 0 70px rgba(125,92,255,.22),
        0 20px 60px rgba(0,0,0,.45);
}

/* Quote */
.quote-icon-wrap{
    width: 48px;
    height: 48px;

    border-radius: 24px;

    display: flex;
    align-items: center;
    justify-content: center;

    /* background: linear-gradient(
        135deg,
        rgba(125,92,255,.9),
        rgba(180,76,255,.9)
    ); */

    color: #fff;

    font-size: 25px;

    box-shadow:
        0 0 40px rgba(125,92,255,.45);

    margin-bottom: 20px;
}

/* Text */
.testimonial-text{
    color: rgba(255,255,255,.82);

    font-size: 17px;

    line-height: 1.5;

    margin-bottom: 20px;

    position: relative;
    z-index: 2;
}

/* Footer */
.testimonial-footer{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;

    padding-top: 10px;

    border-top: 1px solid rgba(255,255,255,.08);
}

/* Profile */
.client-profile{
    display: flex;
    align-items: center;
    gap: 18px;
}

.profile-ring{
    width: 68px;
    height: 68px;

    padding: 3px;

    border-radius: 50%;

    background: linear-gradient(
        135deg,
        #7d5cff,
        #d946ef
    );

    box-shadow:
        0 0 30px rgba(125,92,255,.4);
}

.profile-ring img{
    width: 100%;
    height: 100%;

    object-fit: cover;

    border-radius: 50%;
}

.client-profile h5{
    margin: 0;
    color: #fff;
    font-weight: 700;
}

.client-profile span{
    color: rgba(255,255,255,.58);
    font-size: 14px;
}

/* Rating */
.rating-stars{
    display: flex;
    gap: 5px;
}

.rating-stars i{
    color: #ffc857;
    font-size: 14px;
}

/* Responsive */
@media(max-width:991px){

.section-heading-premium h2{
    font-size: 48px;
}

.testimonial-glass-card{
    padding: 32px;
}

.testimonial-footer{
    flex-direction: column;
    align-items: flex-start;
}

}

@media(max-width:576px){

.section-heading-premium h2{
    font-size: 38px;
}

.testimonial-text{
    font-size: 16px;
}

}




      /* Pricing custom toggler */
      .pricing-toggle-wrap {
        display: inline-flex;
        align-items: center;
        background: rgba(255, 255, 255, 0.02) !important;
        border: 1px solid rgba(255,255,255,0.08) !important;
        padding: 0.3rem;
        border-radius: 0px !important; /* Match sharp theme */
        margin-bottom: 2.5rem;
      }
      .pricing-toggle-btn {
        background: transparent;
        color: var(--text-muted);
        border: none;
        padding: 0.4rem 1.5rem;
        border-radius: 0px !important;
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        font-weight: 500;
        transition: all 0.3s ease;
      }
      .pricing-toggle-btn.active {
        background: var(--primary) !important;
        color: #ffffff !important;
        box-shadow: none !important;
      }

      /* Pricing Cards and Glow */
      .price-card {
        background: rgba(255, 255, 255, 0.02) !important;
        border: 1px solid rgba(255, 255, 255, 0.08) !important;
        border-radius: 0px !important; /* Sharp premium edges */
        padding: 3rem 2rem !important;
        position: relative;
        transition: all 0.4s ease;
        overflow: hidden;
      }
      .price-card.featured {
        border-color: var(--primary) !important;
        background: rgba(242, 125, 38, 0.03) !important;
      }
      .price-card.featured::after {
        content: "MOST EXQUISITE" !important;
        position: absolute;
        top: 20px;
        right: -35px;
        background: var(--primary) !important;
        color: #ffffff;
        font-size: 0.55rem !important;
        font-family: var(--font-mono);
        font-weight: 700;
        padding: 0.3rem 2.5rem;
        transform: rotate(45deg);
        letter-spacing: 0.1em;
      }
      .price-num {
        font-size: 3rem;
        font-weight: 300 !important; /* Elegantly light */
        font-family: var(--font-display) !important;
      }

      /* Call to Action Bar Overlay matching Creative Agency */
      .cta-bar {
        background: #030303 !important;
        border: 1px solid rgba(255, 255, 255, 0.07) !important;
        border-left: 2px solid var(--primary) !important;
        border-radius: 0px !important; /* Sharp */
        padding: 4.5rem 3rem !important;
        position: relative;
        overflow: hidden;
        box-shadow: 0 25px 60px rgba(0,0,0,0.8) !important;
      }

      /* Accordion Custom Height collapsing rules */
      .faq-card {
        background: transparent !important;
        border-bottom: 1px solid rgba(255,255,255,0.06) !important;
        transition: all 0.3s ease;
      }
      .faq-header {
        cursor: pointer;
        padding: 1.5rem 0rem;
        font-family: var(--font-display) !important;
        font-weight: 300 !important;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        font-size: 1.05rem !important;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        transition: color 0.2s ease;
      }
      .faq-header:hover {
        color: var(--primary);
      }
      .faq-trigger-icon {
        transition: transform 0.3s ease;
        color: rgba(255, 255, 255, 0.4);
      }
      .faq-body-content {
        height: 0;
        overflow: hidden;
        transition: padding 0.3s ease;
      }
      .faq-card.open .faq-body-content {
        height: auto;
        padding-bottom: 1.5rem;
      }
      .faq-card.open .faq-trigger-icon {
        transform: rotate(180deg);
        color: var(--primary) !important;
      }

      /* Footer setup and links */
      footer {
        background: #030303 !important;
        border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
        padding-top: 2rem;
        padding-bottom: 1rem;
      }
      .footer-link {
        color: var(--text-muted);
        text-decoration: none;
        font-size: 0.85rem;
        transition: color 0.25s ease;
      }
      .footer-link:hover {
        color: var(--primary) !important;
      }

      /* SVG dynamic chart glow */
      .chart-line {
        stroke-dasharray: 600;
        stroke-dashoffset: 600;
        animation: draw-chart 4s ease-out forwards infinite;
      }
      @keyframes draw-chart {
        to { stroke-dashoffset: 0; }
      }



      /* new css */




    /* stats row - neon hints */
    .marketing-dashboard {padding:30px 0px;}
    .stats-grid {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      gap: 2rem 1.5rem;
      margin-bottom: 3.8rem;
      border-bottom: 1px solid #b44cff;
      padding-bottom: 2rem;
    }

    .stat-item {
       flex: 1;
    min-width: 130px;
    text-align: center;
    transition: all 0.2s;
    background: rgba(0, 20, 30, 0.4);
    padding: 0.8rem 1rem;
    border-radius: 0.9rem;
    backdrop-filter: blur(4px);
    display: flex;
    border: 1px solid #ada8a826;
    align-items: center;
    /* justify-content: center; */
    gap: 14px;
    }
    .stat-icon{    width: 60px;
    height: 60px;
    background: #d9d9d917;
    /* filter: blur(1px); */
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;}

    .stat-icon i {font-size:40px!important}

    .stat-item:hover {
     
      text-shadow: 0 0 5px rgb(156, 91, 241);
      background: rgba(0, 255, 255, 0.08);
      box-shadow: 0 0 12px rgba(76, 149, 233, 0.3);
    }

    .stat-number {
     font-size: 1.8rem;
     text-align: left;
    font-weight: 400;
    /* background: linear-gradient(135deg, #E0F2FE, #00FFFF); */
    background-clip: text;
    /* -webkit-background-clip: text; */
    color: #ffffff;
    letter-spacing: 0px;
    line-height: 1;
    text-shadow: 0 0 6px rgba(0, 255, 255, 0.4);
    }

    .stat-label {
      font-size: 0.9rem;
      font-weight: 500;
      color: #a7c0e0;
      margin-top: 0.4rem;
      letter-spacing: 0.5px;
    }
    .stat-label i {
      color: #0ff;
      margin-right: 6px;
      text-shadow: 0 0 4px cyan;
    }

    /* trusted headline - neon blink animation */
    .trusted-tagline {
      text-align: center;
      margin-bottom: 2.8rem;
      animation: slideNeon 0.8s ease-out;
    }
   
   

    @keyframes slideNeon {
      0% {
        opacity: 0;
        transform: translateY(-15px);
        filter: blur(3px);
      }
      100% {
        opacity: 1;
        transform: translateY(0);
        filter: blur(0);
      }
    }

    /* section title: "Our AI Marketing Services" with neon underline animation */
    
  
  
   

    /* Responsive refinements */
    @media (max-width: 780px) {
     
      .stats-grid {
        gap: 1rem;
      }
      .stat-number {
        font-size: 1.9rem;
      }
      .trusted-tagline h2 {
        font-size: 1.5rem;
      }
      .services-heading h3 {
        font-size: 1.7rem;
      }
      .card-icon {
        width: 52px;
        height: 52px;
      }
      .card-icon i {
        font-size: 2rem;
      }
      .service-card h4 {
        font-size: 1.35rem;
      }
    }

    @media (max-width: 550px) {
      .stats-grid {
        justify-content: center;
      }
      .stat-item {
        min-width: 110px;
      }
    }

   

    /*  */
    #why-choose-us {background: #0b0821;}

    #why-choose-us .why-count{font-size: 25px;}

    .main-heading h2 {    font-size: 28px;
    font-weight: 600;
    
    padding-bottom: 20px;
    text-transform: capitalize !important;}

    .main-heading p.titletag {    text-align: center;
    margin: 0 auto;
    color: #b04dff;
    text-transform: uppercase;
    padding-bottom: 10px;}

    .main-heading span.highlight {background: linear-gradient(90deg,#6f5cff,#b44cff)!important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;}


    /* ===============================
   MODERN DARK GLASSMORPHISM CARDS
   =============================== */

.cards-grid{
    position: relative;
    
    justify-content: center;
  
    z-index: 1;
}

/* CARD */
.service-card{
   position: relative;
    overflow: hidden;
    padding: 27px 25px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(18px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35), inset 0 1px 1px rgba(255, 255, 255, 0.08);
    transition: all 0.45s ease;
    /* height: 100%;
    min-height: 340px; */
    min-height: 420px;
    margin-bottom: 20px;
    z-index: 1;
}

/* Glow Border */
.service-card::before{
    content: "";
    position: absolute;
    inset: -2px;

    background: linear-gradient(
        135deg,
        rgba(0,255,255,0.6),
        rgba(111,0,255,0.5),
        rgba(255,0,200,0.4)
    );
    

    border-radius: 10px;
    opacity: 0;
    transition: 0.5s ease;
    z-index: -2;
}

/* Floating Glow */
.service-card::after{
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    background: radial-gradient(circle,
        rgba(0,255,255,0.25),
        transparent 70%);
    top: -60px;
    right: -60px;
    border-radius: 50%;
    z-index: -1;
    transition: 0.5s ease;
}

/* Hover Effect */
.service-card:hover{
    transform: translateY(-2px) scale(1.01);
    border-color: rgba(255,255,255,0.18);

    box-shadow:
        0 15px 45px rgba(0,0,0,0.5),
        0 0 25px rgba(0,255,255,0.2),
        0 0 50px rgba(111,0,255,0.25);
}

.service-card:hover::before{
    opacity: 1;
}

.service-card:hover::after{
    transform: scale(1.3);
    opacity: 1;
}

/* ICON */
.card-icon{
  width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.08);
    margin-bottom: 25px;
    font-size: 32px;
    color: #755aff;
    box-shadow: 0 0 20px rgb(176 77 255 / 25%);
    transition: all 0.45s ease;
}

.service-card:hover .card-icon{
    transform: rotate(-8deg) scale(1.1);

    background: linear-gradient(
        135deg,
        #00f5ff,
        #6f00ff
    );

    color: #fff;

    box-shadow:
        0 0 25px rgba(0,255,255,0.5),
        0 0 45px rgba(111,0,255,0.45);
}

/* TITLE */
.service-card h4{
    color: #fff;
    font-size: 22px!important;
    font-weight: 500!important;
    margin-bottom: 18px;
    letter-spacing: 0.5px;
}

/* DESCRIPTION */
.service-card p{
    color: rgba(255,255,255,0.75);
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 28px;
}

/* BUTTON LINK */
.learn-link{
    display: inline-flex;
    align-items: center;
    gap: 10px;

    color: #715cff;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;

    transition: all 0.4s ease;
}

/* Arrow Animation */
.learn-link i{
    transition: transform 0.4s ease;
}

.service-card:hover .learn-link{
    color: #fff;
    text-shadow: 0 0 10px rgba(106, 104, 240, 0.7);
}

.service-card:hover .learn-link i{
    transform: translateX(8px);
}





/* Responsive */
@media(max-width:768px){

    .service-card{
        padding: 35px 25px;
        min-height: auto;
    }

    .service-card h4{
        font-size: 24px;
    }

}



/* breadcrumb */

/* =========================
   Breadcrumb Dark Theme
========================= */

.breadcrumb-section {
     background: linear-gradient(135deg, #0b0f19, #111827, #0f172a);
    position: relative;
    overflow: hidden;
    padding-top: 7rem;
    padding-bottom: 3rem;

  }

/* Glow Effect */
.breadcrumb-section::before {
  content: "";
  position: absolute;
  width: 500px;
  height: 500px;
  background: rgba(0, 255, 255, 0.08);
  border-radius: 50%;
  top: -200px;
  right: -150px;
  filter: blur(80px);
}

.breadcrumb-section::after {
  content: "";
  position: absolute;
  width: 400px;
  height: 400px;
  background: rgba(168, 85, 247, 0.08);
  border-radius: 50%;
  bottom: -180px;
  left: -120px;
  filter: blur(80px);
}

.breadcrumb-section .container {
  position: relative;
  z-index: 2;
}

/* Breadcrumb */
.custom-breadcrumb {
  background: rgba(255, 255, 255, 0.04);
  display: inline-flex;
  padding: 12px 20px;
  border-radius: 50px;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,0.08);
}

.custom-breadcrumb .breadcrumb-item {
  font-size: 14px;
  font-weight: 500;
}

.custom-breadcrumb .breadcrumb-item a {
  color: #94a3b8;
  text-decoration: none;
  transition: 0.3s ease;
}

.custom-breadcrumb .breadcrumb-item a:hover {
  color: #00ffff;
}

.custom-breadcrumb .breadcrumb-item.active {
  color: #ffffff;
}

.custom-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: #64748b;
}

/* Title */
.breadcrumb-title {
  font-size: 35px;
  font-weight: 600;

  color: #ffffff;

  margin-bottom: 15px;
  
}

/* Gradient Text Highlight */
.breadcrumb-title span {
  background: linear-gradient(90deg, #00ffff, #8b5cf6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.breadcrumb-content{text-align: center;}
/* Subtitle */
.breadcrumb-subtitle {
  font-size: 18px;
  color: #94a3b8;  
  line-height: 1.8;
}

/* Responsive */
@media (max-width: 991px) {
  .breadcrumb-title {
    font-size: 42px;
  }

  .breadcrumb-subtitle {
    font-size: 18px;
  }
}

@media (max-width: 576px) {
  .breadcrumb-section {
    padding: 90px 0;
  }

  .breadcrumb-title {
    font-size: 32px;
  }

  .breadcrumb-subtitle {
    font-size: 16px;
  }

  .custom-breadcrumb {
    padding: 10px 16px;
  }
}

/* inner page */


.text-gradient-purple {
            background: linear-gradient(135deg, var(--primary-glow), var(--secondary-glow));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .glass-card {
            background: rgba(18, 24, 36, 0.7);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.05);
            border-radius: 20px;
            transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        }

        /* Section 1: Main CPaaS Core Layout */
        .cpaas-core-section {
            padding: 50px 0;
            position: relative;
        }

        .glow-radial-orbs {
            position: absolute;
            width: 400px;
            height: 400px;
            background: radial-gradient(circle, rgba(111, 92, 255, 0.15) 0%, rgba(0,0,0,0) 70%);
            top: 10%;
            left: -10%;
            z-index: -1;
            pointer-events: none;
        }

        /* Solutions Sidebar Customization */
        .solutions-sidebar-menu {
            padding: 30px;
            box-shadow: 0 20px 40px rgba(0,0,0,0.3);
            border: 1px solid rgba(111, 92, 255, 0.15);
        }

        .solutions-list-group .list-group-item {
            background: rgba(255, 255, 255, 0.02);
            border: 1px solid rgba(255, 255, 255, 0.05);
            color: var(--text-light);
            margin-bottom: 12px;
            border-radius: 12px !important;
            padding: 18px 20px;
            font-weight: 600;
            display: flex;
            align-items: center;
            justify-content: space-between;
            transition: all 0.3s ease;
        }

        .solutions-list-group .list-group-item:hover {
            background: linear-gradient(90deg, rgba(111, 92, 255, 0.1) 0%, rgba(180, 76, 255, 0.05) 100%);
            border-color: var(--primary-glow);
            transform: translateX(5px);
            color: #fff;
        }

        .solutions-list-group .list-group-item i.bi-arrow-up-right {
            color: var(--text-dimmed);
            transition: color 0.3s ease, transform 0.3s ease;
        }

        .solutions-list-group .list-group-item:hover i.bi-arrow-up-right {
            color: var(--secondary-glow);
            transform: translate(2px, -2px);
        }

        /* Award Chips style */
        .award-badge-card {
            background: rgba(255, 255, 255, 0.02);
            border-left: 4px solid var(--primary-glow);
            padding: 20px;
            border-radius: 0 12px 12px 0;
            margin-bottom: 16px;
        }




        /* dropdown menu */


                .custom-navbar {
                  background: rgba(5, 8, 22, .85);
                  backdrop-filter: blur(20px);
                  border-bottom: 1px solid rgba(255, 255, 255, .06);
                  padding: 15px 0;
                  z-index: 999;
                }
        
                /* NAV LINKS */
                .custom-navbar .nav-link {
                  color: #cbd5e1;
                  font-weight: 500;
                  position: relative;
                  padding: 12px 18px !important;
                  border-radius: 12px;
                  transition: 1s;
                }
        
                .custom-navbar .nav-link:hover,
                .custom-navbar .nav-link.active {
                  color: #fff;
                  background: rgba(255, 255, 255, .05);
                }
        
                /* DROPDOWN */
                .custom-dropdown {
                  background: #0f172a;
                  border: 1px solid rgba(255, 255, 255, .08);
                  border-radius: 20px;
                  padding: 15px;
                  min-width: 240px;
                  margin-top: 0px;
                  box-shadow: 0 20px 50px rgba(0, 0, 0, .4);
                  animation: dropdownFade .35s ease;
                }
        
                .custom-dropdown .dropdown-item {
                  color: #cbd5e1;
    padding: 7px 11px;
    border-radius: 8px;
    transition: 1s;
    font-weight: 500;
    margin-bottom: 5px;
                }
        
                .custom-dropdown .dropdown-item:hover {
                  background: linear-gradient(90deg, #8b5cf6, #06b6d4);
                  color: #fff;
                  transform: translateX(5px);
                }
        
                /* HOVER DROPDOWN DESKTOP */
                @media(min-width:992px) {
                  .mega-dropdown:hover .dropdown-menu {
                    display: block;
                  }
                }
        
               
        
                .nav-cta-btn:hover {
                  transform: translateY(-4px);
                  color: #fff;
                }
        
                /* MOBILE */
                @media(max-width:991px) {
                  .custom-navbar {
                    padding: 12px 0;
                  }
        
                  .navbar-collapse {
                    background: #0f172a;
                    margin-top: 20px;
                    padding: 20px;
                    border-radius: 24px;
                    border: 1px solid rgba(255, 255, 255, .08);
                        height: 450px;
                      overflow: auto;
                  }
        
                  .custom-dropdown {
                    background: #111827;
                    border-radius: 16px;
                    margin-top: 10px;
                    padding: 10px;
                    box-shadow: none;
                  }
        
                  .custom-navbar .nav-link {
                    padding: 14px 16px !important;
                  }
        
                  .nav-cta-btn {
                    display: block;
                    margin-top: 20px;
                    text-align: center;
                  }
                }
        
                /* ANIMATION */
                @keyframes dropdownFade {
                  from {
                    opacity: 0;
                    transform: translateY(10px);
                  }
        
                  to {
                    opacity: 1;
                    transform: translateY(0);
                  }
                }

        /* Bottom Hero Callout Banner */
        .powerhouse-banner-card {
            padding: 80px 60px;
            border: 1px solid rgba(111, 92, 255, 0.2);
            background: radial-gradient(circle at top right, rgba(180, 76, 255, 0.08), transparent), rgba(18, 24, 36, 0.8);
            position: relative;
            border-radius: 30px;
            overflow: hidden;
        }

        .powerhouse-banner-card::after {
            content: '';
            position: absolute;
            bottom: -50px; right: -50px;
            width: 250px; height: 250px;
            background: radial-gradient(circle, rgba(111, 92, 255, 0.15) 0%, rgba(0,0,0,0) 70%);
            pointer-events: none;
        }

        /* Mockup Placeholder Graphic */
        .ui-mockup-wrapper {
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 16px;
            background: #0c101a;
            padding: 15px;
            box-shadow: 0 30px 60px rgba(0,0,0,0.4);
        }

        @media (max-width: 768px) {
            .powerhouse-banner-card {
                padding: 40px 25px;
            }
        }



        /* about us */


        /* ===================================
   Dailerpadllp About Page
=================================== */

.dp-about-page{
    background:#070b14;
    color:#fff;
    overflow:hidden;
}

.dp-about-page .container{
    position:relative;
    z-index:2;
}

/* Common */

.dp-about-page .dp-section-badge{
    display:inline-block;
    padding:10px 20px;
    border-radius:50px;
    background:rgba(111,92,255,.12);
    border:1px solid rgba(111,92,255,.3);
    color:#b44cff;
    font-size:14px;
    font-weight:600;
    margin-bottom:20px;
}

.dp-about-page .dp-section-title{
    font-size:48px;
    font-weight:800;
    line-height:1.2;
    margin-bottom:20px;
}

.dp-about-page .dp-section-desc{
    color:#a8b2d1;
    font-size:18px;
    line-height:1.8;
}

/* Welcome */

.dp-about-page .dp-welcome-section{
    position:relative;
}

.dp-about-page .dp-welcome-section::before{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    background:#6f5cff;
    filter:blur(180px);
    opacity:.12;
    top:-150px;
    right:-100px;
}

.dp-about-page .dp-image-box{
    position:relative;
}

.dp-about-page .dp-image-box img{
    width:100%;
    border:1px solid rgba(255,255,255,.08);
}

.dp-about-page .dp-stat-box{
    background:#0f172a;
    border:1px solid rgba(255,255,255,.08);
    padding:25px;
    border-radius:20px;
    text-align:center;
}

.dp-about-page .dp-stat-box h3{
    color:#b44cff;
    font-size:32px;
    font-weight:800;
}

/* Story */

.dp-about-page .dp-story-section{
    position:relative;
}

.dp-about-page .dp-story-card{
    
    margin: auto;
    background: #0f172a;
    border-radius: 30px;
    padding: 25px 15px;
    border: 1px solid rgba(255, 255, 255, .08);
}

.dp-about-page .dp-story-card p{
    color:#b7c1dd;
    font-size:18px;
    line-height:1.9;
}

/* Vision Mission */

.dp-about-page .dp-card{
    height:100%;
    padding:25px;
    border-radius:25px;
    background:#0f172a;
    border:1px solid rgba(255,255,255,.08);
    transition:.4s;
}

.dp-about-page .dp-card:hover{
    transform:translateY(-8px);
    border-color:#6f5cff;
}

.dp-about-page .dp-icon{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #6f5cff, #b44cff);
    border-radius: 18px;
    margin-bottom: 20px;
}

.dp-about-page .dp-icon i{
    font-size:22px;
}

.dp-about-page .dp-card h3{
    margin-bottom:10px;
    font-size:23px;
    font-weight:700;
}

.dp-about-page .dp-card p{
    color:#b7c1dd;
    line-height:1.8;
}

/* Values */

.dp-about-page .dp-values-section{
    position:relative;
}

.dp-about-page .dp-value-card{
    background:#0f172a;
    border-radius:25px;
    padding:35px;
    text-align:center;
    height:100%;
    border:1px solid rgba(255,255,255,.08);
    transition:.4s;
}

.dp-about-page .dp-value-card:hover{
    transform:translateY(-10px);
    border-color:#b44cff;
}

.dp-about-page .dp-value-card i{
    font-size:40px;
    margin-bottom:20px;
    background:linear-gradient(
    135deg,
    #6f5cff,
    #b44cff
    );
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.dp-about-page .dp-value-card h4{
    font-size:22px;
    margin-bottom:12px;
    font-weight:700;
}

.dp-about-page .dp-value-card p{
    color:#a8b2d1;
    line-height:1.8;
}

/* Responsive */

@media(max-width:991px){

.dp-about-page .dp-section-title{
    font-size:36px;
}

.dp-about-page .dp-story-card{
    padding:30px;
}

}

@media(max-width:576px){

.dp-about-page .dp-section-title{
    font-size:30px;
}

.dp-about-page .dp-section-desc{
    font-size:16px;
}

.dp-about-page .dp-story-card{
    padding:25px;
}

}



.bg-darkest {background: #0b0821;}


/* ==========================
   WLC Technology Section
========================== */


.technologyuse-section{
    background:#101e30;
    position:relative;
    /* overflow:hidden; */
}

.technologyuse-section *{
    color:#fff;
}



.technologyuse-row{
    margin-bottom:10px;
}

.technologyuse-content-card{
    background:rgba(255,255,255,.05);
    backdrop-filter:blur(20px);
    margin:0 auto;
    border:1px solid rgba(255,255,255,.08);
    padding:20px 10px;
    border-radius:30px;
}

.technologyuse-content-card h3{
    margin:20px 0;
    font-weight:700;
}

.technologyuse-content-card p{
    color:#c4cce3;
    line-height:1.8;
}

.technologyuse-content-card ul{
    list-style:none;
    padding:0;
    margin-top:25px;
}

.technologyuse-content-card ul li{
    margin-bottom:15px;
    padding-left:30px;
    position:relative;
    color:#d6dcf0;
}

.technologyuse-content-card ul li::before{
    content:"✓";
    position:absolute;
    left:0;
    color:#6f5cff;
    font-weight:bold;
}





@media(max-width:991px){

.technologyuse-header h2{
    font-size:40px;
}

.technologyuse-row{
    margin-bottom:70px;
}

.technologyuse-image-card{
    height:250px;
    margin-top:30px;
}

}


/* contact us */




/* ===================================
   Partner Success Technology Section
=================================== */

.wlc-partner-tech-section{
    background:#070b14;
    position:relative;
    overflow:hidden;
}

.wlc-partner-tech-section *{
    color:#fff;
}

/* Glow Effects */

.wlc-partner-tech-section::before{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    background:#6f5cff;
    filter:blur(180px);
    opacity:.12;
    top:-150px;
    left:-150px;
}

.wlc-partner-tech-section::after{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    background:#b44cff;
    filter:blur(180px);
    opacity:.12;
    bottom:-150px;
    right:-150px;
}

.wlc-partner-tech-section .container{
    position:relative;
    z-index:2;
}

/* Badge */

/* Heading */


/* Feature Cards */

.tech-feature-box{
    display:flex;
    align-items:center;
    gap:12px;
    padding:18px;
    border-radius:18px;
    background:rgba(255,255,255,.05);
    backdrop-filter:blur(15px);
    border:1px solid rgba(255,255,255,.08);
}

.tech-feature-box i{
    color:#b44cff;
    font-size:20px;
}

/* Right Visual */

.tech-partner-visual{
    position:relative;
    min-height:550px;
    display:flex;
    align-items:center;
    justify-content:center;
}

/* Center Circle */

/* Floating Cards */

.tech-floating-card{
    position:absolute;
    background:rgba(255,255,255,.06);
    backdrop-filter:blur(20px);
    border:1px solid rgba(255,255,255,.08);
    padding:15px 20px;
    border-radius:18px;
    font-weight:600;
}

.tech-floating-card i{
    color:#b44cff;
    margin-right:8px;
}

.card-1{
    top:40px;
    left:50px;
}

.card-2{
    top:60px;
    right:30px;
}

.card-3{
    bottom:60px;
    left:40px;
}

.card-4{
    bottom:40px;
    right:20px;
}

/* Responsive */

@media(max-width:991px){

.tech-partner-content h2{
    font-size:40px;
}

.tech-partner-visual{
    min-height:400px;
}

.tech-main-circle{
    width:220px;
    height:220px;
}

.tech-main-circle i{
    font-size:70px;
}

}

@media(max-width:576px){

.tech-partner-content h2{
    font-size:32px;
}

.tech-floating-card{
    position:relative;
    margin:10px 0;
}

.tech-partner-visual{
    display:block;
    text-align:center;
    min-height:auto;
}

.tech-main-circle{
    margin:0 auto 30px;
}

}


/* ===============================
   WLC Contact Section
================================ */

.wlc-contact-section{
    background:#070b14;

}




/* Badge */


/* Info Card */

.wlc-info-card{
    display:flex;
    gap:20px;
    padding:22px;
    margin-bottom:20px;
    border-radius:20px;
    background:#0f172a;
    border:1px solid rgba(255,255,255,.08);
}

.wlc-icon{
    width:65px;
    height:65px;
    min-width:65px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:18px;
    background:linear-gradient(
        135deg,
        #6f5cff,
        #b44cff
    );
}

.wlc-icon i{
    color:#fff;
    font-size:24px;
}

.wlc-info-card h5{
    color:#fff;
    margin-bottom:5px;
}

.wlc-info-card p{
    color:#9ea8c7;
    margin:0;
}

/* Social */

.wlc-social-links{
    margin-top:30px;
    display:flex;
    gap:15px;
}

.wlc-social-links a{
    width:55px;
    height:55px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#0f172a;
    color:#fff;
    text-decoration:none;
    border:1px solid rgba(255,255,255,.08);
    transition:.3s;
}

.wlc-social-links a:hover{
    background:linear-gradient(
        135deg,
        #6f5cff,
        #b44cff
    );
    transform:translateY(-5px);
}

/* Form */

.wlc-form-card{
    background:rgba(15,23,42,.85);
    border:1px solid rgba(255,255,255,.08);
    border-radius:30px;
    padding:40px;
    backdrop-filter:blur(12px);
}

.wlc-form-card h3{
    color:#fff;
    font-size:32px;
    margin-bottom:30px;
    font-weight:700;
}

.wlc-form-card .form-control{
    background:#111827;
    border:1px solid rgba(255,255,255,.08);
    border-radius:16px;
    padding:16px 20px;
    color:#fff;
}

.wlc-form-card .form-control:focus{
    box-shadow:none;
    border-color:#6f5cff;
    background:#111827;
    color:#fff;
}

.wlc-form-card .form-control::placeholder{
    color:#7f8aa7;
}

/* Button */

.wlc-submit-btn{
    background:linear-gradient(
        135deg,
        #6f5cff,
        #b44cff
    );
    border:none;
    color:#fff;
    padding:15px 35px;
    border-radius:50px;
    font-weight:600;
}

.wlc-submit-btn i{
    margin-left:10px;
}

.wlc-submit-btn:hover{
    color:#fff;
    transform:translateY(-3px);
}

/* Mobile */

@media(max-width:991px){

.wlc-contact-title{
    font-size:42px;
}

}

@media(max-width:576px){

.wlc-contact-title{
    font-size:32px;
}

.wlc-form-card{
    padding:25px;
}

}


/* privacy */

.content-box h2{font-size:25px; margin-top:20px; padding-left: 10px; margin-bottom: 10px; border-left: 2px solid #6f00ff;}
.content-box h3{font-size:22px; margin-top:20px; padding-left: 10px; margin-bottom: 10px; border-left: 2px solid #6f00ff;}
.content-box h4{font-size:18px; margin-top:20px; padding-left: 10px; margin-bottom: 10px; border-left: 2px solid #6f00ff;}





.hardware-software-section{
    background:#050816;
    position:relative;
    overflow:hidden;
}

/* GLOW */

.glow-orb{
    position:absolute;
    border-radius:50%;
    filter:blur(100px);
    z-index:1;
}

.orb-one{
    width:250px;
    height:250px;
    background:#8b5cf630;
    top:-50px;
    left:-50px;
}

.orb-two{
    width:250px;
    height:250px;
    background:#06b6d430;
    bottom:-50px;
    right:-50px;
}

/* IMAGE */

.hardware-image-wrapper{
    position:relative;
}

.hardware-image-card{
    position:relative;
    border-radius:35px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.04);
    backdrop-filter:blur(30px);
    padding:18px;
    z-index:2;
}

.main-hardware-img{
    border-radius:25px;
    width:100%;
    height:600px;
    object-fit:cover;
    transition:1s;
}

.hardware-image-card:hover .main-hardware-img{
    transform:scale(1.08) rotate(2deg);
}

/* FLOATING CARDS */

.floating-card{
    position:absolute;
    display:flex;
    align-items:center;
    gap:10px;
    background:rgba(15,23,42,.85);
    border:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(20px);
    padding:14px 18px;
    border-radius:18px;
    color:#fff;
    font-weight:600;
    box-shadow:0 10px 30px rgba(0,0,0,.3);
    animation:floatCard 4s ease-in-out infinite;
}

.floating-card i{
    width:42px;
    height:42px;
    border-radius:12px;
    background:linear-gradient(135deg,#8b5cf6,#06b6d4);
    display:flex;
    align-items:center;
    justify-content:center;
}

.card-one{
    top:30px;
    left:30px;
}

.card-two{
    bottom:30px;
    right:30px;
    animation-delay:1s;
}

@keyframes floatCard{

    0%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-12px);
    }

    100%{
        transform:translateY(0);
    }

}

/* CONTENT */

.hardware-content{
    position:relative;
    z-index:2;
}

.mini-tag{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 18px;
    border-radius:50px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    color:#fff;
    font-size:14px;
    backdrop-filter:blur(20px);
}

.hardware-title{
    color:#fff;
    font-size:56px;
    line-height:1.2;
    font-weight:800;
    margin-top:25px;
}

.hardware-title span{
    background:linear-gradient(90deg,#8b5cf6,#06b6d4);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.hardware-desc{
    color:#94a3b8;
    margin-top:20px;
    line-height:1.9;
    font-size:17px;
}

/* FEATURE LIST */

.hardware-feature-list{
    list-style:none;
    padding:0;
    margin-top:40px;
    /* display: flex; */
    gap: 20px;
    margin-bottom: 25px;
    padding: 22px;
    border-radius: 24px;
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .08);
    transition: .4s;
}

.hardware-feature-list li{
    display:flex;
    gap:20px;
    margin-bottom: 20px;
  
    transition:.4s;
}

.hardware-feature-list li:hover{
    transform:translateX(8px);
    border-color:#8b5cf6;
    /* background:rgba(139,92,246,.08); */
}

.feature-icon{
    width: 40px;
    height: 40px;
    border-radius: 10px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #8b5cf6, #06b6d4);
    color: #fff;
    font-size: 20px;
    box-shadow: 0 10px 30px rgba(139, 92, 246, .35);
}

.feature-icon.purple{
    background:linear-gradient(135deg,#7c3aed,#a855f7);
}

.feature-icon.cyan{
    background:linear-gradient(135deg,#06b6d4,#14b8a6);
}

.feature-icon.green{
    background:linear-gradient(135deg,#10b981,#22c55e);
}

.hardware-feature-list h5{
    color:#fff;
    font-size:22px;
    margin-bottom:10px;
    font-weight:700;
}

.hardware-feature-list p{
    color:#94a3b8;
    margin:0;
    line-height:1.8;
    font-size:15px;
}

/* BUTTON */

.explore-btn{
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:16px 28px;
    border-radius:16px;
    background:linear-gradient(90deg,#8b5cf6,#06b6d4);
    color:#fff;
    text-decoration:none;
    font-weight:600;
    transition:.4s;
    box-shadow:0 10px 30px rgba(139,92,246,.35);
}

.explore-btn:hover{
    transform:translateY(-5px);
    color:#fff;
}

/* MOBILE */

@media(max-width:991px){

    .hardware-title{
        font-size:40px;
    }

    .main-hardware-img{
        height:450px;
    }

}

@media(max-width:576px){

    .hardware-title{
        font-size:32px;
    }

    .hardware-feature-list li{
        flex-direction:column;
    }

    .floating-card{
        transform:scale(.8);
    }

}




/* faqq*/

/* ==========================
   Premium FAQ Section
========================== */

.wlc-faq-section{
    background:#070b14;
    position:relative;
    overflow:hidden;
}

.wlc-faq-section::before{
    content:'';
    position:absolute;
    width:450px;
    height:450px;
    background:#6f5cff;
    filter:blur(180px);
    opacity:.12;
    top:-150px;
    left:-150px;
}

.wlc-faq-section::after{
    content:'';
    position:absolute;
    width:450px;
    height:450px;
    background:#b44cff;
    filter:blur(180px);
    opacity:.12;
    bottom:-150px;
    right:-150px;
}

/* Heading */

.wlc-faq-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:12px 22px;
    border-radius:50px;
    background:rgba(111,92,255,.12);
    border:1px solid rgba(111,92,255,.25);
    color:#b44cff;
    font-weight:600;
}

.wlc-faq-title{
    color:#fff;
    font-size:56px;
    font-weight:800;
    margin:25px 0;
}

.wlc-faq-title span{
    display:block;
    background:linear-gradient(
        90deg,
        #6f5cff,
        #b44cff
    );
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.wlc-faq-subtitle{
    color:#b9c3dd;
    max-width:700px;
    margin:auto;
}

/* Accordion */

.wlc-faq-accordion{
    max-width:950px;
    margin:auto;
}

.wlc-faq-accordion .accordion-item{
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(18px);
    border-radius:20px !important;
    margin-bottom:20px;
    overflow:hidden;
}

.wlc-faq-accordion .accordion-button{
    background:transparent;
    color:#fff;
    font-size:18px;
    font-weight:700;
    padding:25px 70px 25px 25px;
    box-shadow:none;
    position:relative;
}

.wlc-faq-accordion .accordion-button:not(.collapsed){
    color:#fff;
    background:rgba(111,92,255,.08);
}

.wlc-faq-accordion .accordion-button:focus{
    box-shadow:none;
}

/* Remove Bootstrap Icon */

.wlc-faq-accordion .accordion-button::after{
    display:none;
}

/* Custom Arrow */

.wlc-faq-accordion .accordion-button::before{
    content:"\f107";
    font-family:"Font Awesome 6 Free";
    font-weight:900;

    position:absolute;
    right:25px;
    top:50%;
    transform:translateY(-50%);

    width:42px;
    height:42px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:linear-gradient(
        135deg,
        #6f5cff,
        #b44cff
    );

    color:#fff;

    transition:.4s ease;
}

/* Rotate Arrow */

.wlc-faq-accordion .accordion-button:not(.collapsed)::before{
    transform:translateY(-50%) rotate(180deg);
}

/* Body */

.wlc-faq-accordion .accordion-body{
    color:#b9c3dd;
    font-size:16px;
    line-height:1.9;
    padding:0 25px 25px;
}

/* Hover Effect */

.wlc-faq-accordion .accordion-item:hover{
    border-color:#6f5cff;
    box-shadow:
    0 15px 40px rgba(111,92,255,.15);
}

/* Mobile */

@media(max-width:991px){

.wlc-faq-title{
    font-size:40px;
}

}

@media(max-width:576px){

.wlc-faq-title{
    font-size:30px;
}

.wlc-faq-accordion .accordion-button{
    font-size:16px;
    padding:20px 60px 20px 20px;
}

}



.wlc-flow-wrapper{
    display:flex;
    align-items:center;
    justify-content:start;
    gap:10px;
    margin-bottom: 15px;
    flex-wrap:wrap;
}

.wlc-flow-item{
     /* display: flex; */
    align-items: center;
    gap: 7px;
    padding: 12px 13px;
    background: rgba(255, 255, 255, .05);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 6px;
    backdrop-filter: blur(15px);
    margin: 0 auto;
    text-align: center;
}

.wlc-flow-icon{
  width: 39px;
    height: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #6f5cff, #b44cff);
    text-align: center;
    margin: 5px auto;
}

.wlc-flow-icon i{
    color:#fff;
    font-size:18px;
}

.wlc-flow-item span{
    color:#fff;    
    white-space:nowrap;
}

.wlc-flow-arrow{
    display:flex;
    flex-direction:column;
    align-items:center;
}

.wlc-flow-arrow i{
    color:#6f5cff;
    font-size:15px;
}

.wlc-flow-arrow small{
    color:#b44cff;
    font-size:12px;
    margin-top:4px;
}

/* Mobile */

@media(max-width:768px){

    .wlc-flow-wrapper{
        flex-direction:column;
    }

    .wlc-flow-arrow i{
        transform:rotate(90deg);
    }

}



#pots .service-card p{margin-bottom: 0px;}
#pots .service-card {    min-height: 320px; padding: 20px 20px;}


/* Slider Navigation */

.premium-testimonial-slider{
    position:relative;
    padding-bottom:45px;
}

/* Nav Wrapper */

.premium-testimonial-slider .owl-nav{

    position:absolute;
    left:50%;
    bottom:0;

    transform:translateX(-50%);

    display:flex !important;
    align-items:center;
    gap:15px;
}

/* Buttons */

.premium-testimonial-slider .owl-nav button{

      width: 45px !important;
    height: 45px !important;
    border: none !important;
    outline: none !important;
    border-radius: 9px !important;
    background: rgba(255, 255, 255, .08) !important;
    border: 1px solid rgba(255, 255, 255, .1) !important;
    backdrop-filter: blur(20px);
    transition: .4s ease;
}

/* Icon */

.premium-testimonial-slider .owl-nav button i{

    color:#fff;
    font-size:18px;
}

/* Hover */

.premium-testimonial-slider .owl-nav button:hover{

    background:linear-gradient(
        135deg,
        #6f5cff,
        #b44cff
    ) !important;

    transform:translateY(-4px);

    box-shadow:
    0 10px 30px rgba(111,92,255,.35);
}

/* Remove Default Text */

.premium-testimonial-slider .owl-nav button span{
    display:none;
}

/* Disabled Arrow */

.premium-testimonial-slider .owl-nav .disabled{
    opacity:.4;
    cursor:not-allowed;
}