/*stats bar css*/
 
 :root{
    --deep-teal:   #0B4F6C;
    --deep-teal-2: #083C54;
    --pulse-green: #05A66E;
    --pulse-green-l:#2FE39B;
    --mist:        #EAF6F2;
    --ink:         #0A2A33;
    --slate:       #5C7680;
  }
 

  .stats-section{padding:70px 0;}

  .section-head{
    max-width:760px;
    margin:0 auto 46px;
    text-align:center;
  }
  .section-head .eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-family:'Manrope',sans-serif;
    font-weight:700;
    font-size:14px;
    letter-spacing:.14em;
    text-transform:uppercase;
    color: #405bfb;  
    padding:7px 16px;
    border-radius:999px;
    font-weight:700;
  }
  .section-head .eyebrow i{font-size:11px;}

  /* Bootstrap card, restyled to keep the original visual identity */
  .stat-card{
    position:relative;
    border:0;
    border-radius:20px;
    padding:36px 22px 30px;
    text-align:center;
    overflow:hidden;
    isolation:isolate;
    opacity:0;
    transform:translateY(24px);
    animation:riseIn .7s cubic-bezier(.2,.7,.3,1) forwards;
    box-shadow:0 14px 26px -14px var(--card-shadow);
    transition:transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s ease;
    height:100%;
  }
  .stats-grid .col:nth-child(1) .stat-card{animation-delay:.05s;}
  .stats-grid .col:nth-child(2) .stat-card{animation-delay:.15s;}
  .stats-grid .col:nth-child(3) .stat-card{animation-delay:.25s;}
  .stats-grid .col:nth-child(4) .stat-card{animation-delay:.35s;}

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

  .stat-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:var(--card-grad);
    z-index:0;
    transition:filter .45s ease;
  }
  .stat-card .glow-blob{
    position:absolute;
    width:170px; height:170px;
    right:-50px; top:-60px;
    background:radial-gradient(circle, rgba(255,255,255,0.28), transparent 70%);
    border-radius:50%;
    z-index:0;
    transition:transform .6s cubic-bezier(.2,.8,.2,1), opacity .5s ease;
  }
  .stat-card .shine{
    position:absolute;
    top:0; left:-60%;
    width:45%; height:100%;
    background:linear-gradient(115deg, transparent 0%, rgba(255,255,255,0.35) 50%, transparent 100%);
    transform:skewX(-18deg);
    z-index:1;
    opacity:0;
  }
  .stat-card .pulse-line{
    position:absolute;
    left:0; right:0; bottom:0;
    height:4px;
    background:rgba(255,255,255,0.85);
    transform:scaleX(0);
    transform-origin:left;
    transition:transform .5s cubic-bezier(.2,.8,.2,1);
    z-index:2;
  }
  .stat-card::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:20px;
    box-shadow:inset 0 0 0 2px rgba(255,255,255,0);
    transition:box-shadow .45s ease;
    z-index:2;
    pointer-events:none;
  }

  .stat-card:hover{
    transform:translateY(-10px) scale(1.02);
    box-shadow:0 26px 40px -16px var(--card-shadow);
  }
  .stat-card:hover::before{filter:brightness(1.08) saturate(1.15);}
  .stat-card:hover::after{box-shadow:inset 0 0 0 2px rgba(255,255,255,0.55);}
  .stat-card:hover .glow-blob{transform:scale(1.3) translate(10px,-10px);}
  .stat-card:hover .pulse-line{transform:scaleX(1);}
  .stat-card:hover .shine{opacity:1; animation:sweep 1s ease forwards;}
  @keyframes sweep{ from{left:-60%;} to{left:130%;} }

  .stat-card > *{position:relative; z-index:3;}

  .stat-card.c1{--card-grad:linear-gradient(155deg,#0B4F6C 0%,#0E6C8F 100%); --card-shadow:rgba(11,79,108,0.45);}
  .stat-card.c2{--card-grad:linear-gradient(155deg,#05865A 0%,#0FBF83 100%); --card-shadow:rgba(5,134,90,0.45);}
  .stat-card.c3{--card-grad:linear-gradient(155deg,#0E6C8F 0%,#05A66E 100%); --card-shadow:rgba(5,120,120,0.45);}
  .stat-card.c4{--card-grad:linear-gradient(155deg,#083C54 0%,#0B4F6C 100%); --card-shadow:rgba(8,60,84,0.45);}

  .icon-ring{
    width:66px; height:66px;
    margin:0 auto 18px;
    border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    background:rgba(255,255,255,0.16);
    border:1.5px solid rgba(255,255,255,0.38);
    transition:transform .5s cubic-bezier(.34,1.56,.64,1), background .4s ease, border-color .4s ease;
  }
  .stat-card:hover .icon-ring{
    transform:scale(1.12) rotate(8deg);
    background:rgba(255,255,255,0.26);
    border-color:rgba(255,255,255,0.65);
  }
  .icon-ring i{ font-size:25px; color:#fff; transition:transform .4s ease; }
  .stat-card:hover .icon-ring i{ transform:scale(1.1); }

  .stat-number{
    font-family:'Manrope',sans-serif;
    font-weight:800;
    font-size:44px;
    color:#fff;
    line-height:1;
    margin-bottom:10px;
    letter-spacing:-.02em;
    transition:transform .4s cubic-bezier(.2,.8,.2,1);
  }
  .stat-card:hover .stat-number{ transform:scale(1.06); }
  .stat-number .plus { 
      font-size:26px; color:rgba(255,255,255,0.85); 
      
  }

  .stat-label{
    font-family:'Manrope',sans-serif;
    font-weight:700;
    font-size:13.5px;
    letter-spacing:.06em;
    text-transform:uppercase;
    color:rgba(255,255,255,0.88);
    display:inline-block;
    transition:color .35s ease, letter-spacing .35s ease;
  }
  .stat-card:hover .stat-label{ color:#fff; letter-spacing:.09em; }

  @media (prefers-reduced-motion: reduce){
    .stat-card, .stat-card::before, .stat-card::after, .icon-ring, .icon-ring i, .stat-number, .stat-label, .glow-blob, .pulse-line{
      animation:none !important;
      transition:none !important;
    }
    .stat-card{opacity:1; transform:none;}
  }
  
  
  /*product range */
  
    .productRange {
        width: 75%;
        margin:auto;
    }
  
  
   .rx-section{ --rx-navy:#0D1730; --rx-navy-2:#14213D; --rx-blue:#4A63E7; --rx-blue-dark:#1E2A78; --rx-panel:#EEF1FB; }

        .rx-eyebrow{
            display:inline-flex; align-items:center; gap:8px;
            font-size:12.5px; font-weight:700; letter-spacing:.16em; text-transform:uppercase;
            color:var(--rx-blue);
            background:rgba(74,99,231,0.08);
            border:1px solid rgba(74,99,231,0.25);
            padding:7px 16px; border-radius:999px;
        }

        .rx-heading{
            font-weight:900;
            font-size:clamp(26px,3.6vw,42px);
            color:var(--rx-navy-2);
            letter-spacing:-.01em;
            margin-top:14px;
        }
        .rx-heading span{ color:var(--rx-blue); }

        .rx-subcopy{
            color:#5C6B7A;
            max-width:560px;
            margin:10px auto 0;
            font-size:15px;
            line-height:1.6;
        }

        .rx-card-link{   text-decoration:none; height:100%; }

        .rx-card{
            position:relative;
            display:flex;
            flex-direction:column;
            height:100%;
            background:#fff;
            border-radius:20px;
            overflow:hidden;
            box-shadow:0 4px 18px -6px rgba(20,33,61,0.12);
            border:1px solid rgba(20,33,61,0.06);
            transition:transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease;
        }
        .rx-card:hover{
            transform:translateY(-6px);
            box-shadow:0 20px 30px -14px rgba(20,33,61,0.22);
        }

        .rx-icon-panel{
            position:relative;
            background:#EEF1FB ;
            padding:38px 20px 30px;
            display:flex;
            align-items:center;
            justify-content:center;
        }

        .rx-badge{
            position:absolute; top:14px; right:14px;
            font-size:11px; font-weight:700; letter-spacing:.05em;
            color:var(--rx-blue);
            background:#fff;
            padding:5px 12px;
            border-radius:999px;
            box-shadow:0 3px 8px -2px rgba(20,33,61,0.18);
        }

        .rx-icon{
            font-size:40px;
            color:var(--rx-blue);
            transition:color .35s ease, transform .35s cubic-bezier(.34,1.4,.64,1);
        }
        .rx-card:hover .rx-icon{
            color:var(--rx-blue-dark);
            transform:scale(1.08);
        }

        .rx-content{
            padding:20px 20px 22px;
            display:flex;
            flex-direction:column;
            flex:1;
        }

        .rx-title{ 
            font-size:17px;
            color:var(--rx-navy-2);
            margin:0 0 8px;
        }

        .rx-desc{
            font-size:13.5px;
            line-height:1.55;
            color:#6B7688;
            margin:0 0 16px;
            flex:1;
        }

        .rx-link{
            display:inline-flex;
            align-items:center;
            gap:6px;
            font-weight:700;
            font-size:13.5px;
            color:var(--rx-blue);
        }
        .rx-link i{ transition:transform .3s ease; font-size:12px; }
        .rx-card:hover .rx-link{ color:var(--rx-blue-dark); }
        .rx-card:hover .rx-link i{ transform:translateX(4px); }

        @media (prefers-reduced-motion: reduce){
            .rx-card, .rx-icon, .rx-link i{ transition:none !important; }
        }
    @media only screen and (min-width: 360px) and (max-width: 740px) {
        
        .productRange {
            width:100%;
        }
        
        
    }
    
    
    
    
    /*image slider */

   /* slider infinity loop - responsive slide count */
        .slider-wrapper {
            margin: 0 auto;
            max-width: 100%;
        }

        .slider {
            overflow: hidden;
            position: relative;
            width: 100%;
            cursor: grab;
            touch-action: pan-y;
        }

        .slider.dragging {
            cursor: grabbing;
        }

        .slide-track {
            display: flex;
            width: max-content;
            will-change: transform;
        }

        .slide {
            height: 150px;
            margin: 0 12px;
            overflow: hidden;
            border-radius: 18px;
            flex-shrink: 0;
        }

        .slide img {
            width: 100%;
            height: 100px;
            object-fit: cover;
            border-radius: 18px;
            transition: .5s;
            pointer-events: none;
            /* so drag doesn't fight the browser's native image drag */
            -webkit-user-drag: none;
            user-select: none;
        }

        .slide:hover img {
            transform: scale(1.12);
        }

        /* Tablet */
        @media(max-width:992px) {
            .slide {
                width: 230px;
            }

            .slide img {
                height: 180px;
            }
        }

        /* Mobile */
        @media(max-width:768px) {
            .slide {
                width: 200px;
                margin: 0 8px;
            }

            .slide img {
                height: 170px;
            }
        }