@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@400;500;600;700;800&family=Roboto:wght@400;500;700;900&display=swap');

/* =========================
   VISXP ABOUT US
   FULL UPDATED SINGLE BLOCK
   DESKTOP UNTOUCHED
   ONLY FONT FAMILY UPDATED
========================= */

:root{
  --primary-dark:#0B2B3F;
  --primary-blue:#1a2e3f;
  --accent-cyan:#1acae1;
  --accent-purple:#8A2BE2;
  --gradient-primary:linear-gradient(135deg, #0066ff, #00dbde) !important;
  --gradient-hover:linear-gradient(90deg,#8A2BE2,#1acae1);
  --text-dark:#111111;
  --text-gray:#6c757d;
  --text-light:#ffffff;

  --bg-page:#ededed;
  --bg-white:#ffffff;
  --bg-glass:rgba(255,255,255,0.55);
  --glass-mobile:rgba(255,255,255,0.74);

  --shadow-sm:0 6px 22px rgba(0,0,0,0.06);
  --shadow-md:0 14px 40px rgba(0,0,0,0.10);
  --shadow-lg:0 22px 55px rgba(0,0,0,0.14);

  --radius:8px;
  --radius-lg:8px;
  --radius-mobile:20px;
  --transition:all 0.32s ease;

  --heading-font:'Exo 2', sans-serif;
  --body-font:'Roboto', sans-serif;
  --font-main:'Roboto', sans-serif;
}

*{margin:0;padding:0;box-sizing:border-box;}

html{
  scroll-behavior:smooth;
}

body,
p,
a,
li,
div,
button,
input,
textarea,
select,
small,
label,
span{
  font-family:var(--body-font);
}

body{
  font-family:var(--font-main);
  background:var(--bg-page) !important;
  color:var(--text-dark);
  overflow-x:hidden;
  font-size:15px;
  font-weight:400;
  line-height:1.75;
}

p{
  color:var(--text-gray);
  line-height:1.8;
  margin:0;
  font-size:15px;
  font-weight:400;
}

h1,h2,h3,h4,h5,h6,
.hero-title,
.visxp-h2-bold,
.title-wrap h2,
.story-wrap h3,
.rating-card h4,
.stat-pill h4,
.badge-card h5,
.industry-overlay h4{
  font-family:var(--heading-font) !important;
}

h1,h2,h3,h4,h5,h6{
  margin:0;
  color:var(--text-dark);
}

h1{
  font-size:52px;
  font-weight:700;
  letter-spacing:-1.5px;
  line-height:1.12;
}
h2{
  font-size:38px;
  font-weight:700;
  letter-spacing:-1.1px;
  line-height:1.18;
}
h3{
  font-size:28px;
  font-weight:700 !important;
  letter-spacing:-0.7px;
  line-height:1.25;
}
h4{
  font-size:20px;
  font-weight:700;
  letter-spacing:-0.3px;
  line-height:1.3;
}
h5{
  font-size:16px;
  font-weight:700;
  letter-spacing:-0.1px;
  line-height:1.35;
}

.container{
  /*max-width:1280px !important;*/
}

.section-pad{
  padding:92px 0;
}

.section-glass{
  background:var(--bg-glass);
  border:1px solid rgba(0,0,0,0.05);
  border-radius:8px;
  box-shadow:var(--shadow-sm);
  padding:46px 28px;
}

/* ===== Buttons ===== */
.btn{
  display:inline-block;
  padding:12px 30px;
  font-size:15px;
  font-weight:700;
  text-decoration:none;
  border-radius:30px;
  transition:var(--transition);
  border:none;
  cursor:pointer;
}

.btn-glow{
  /*background:var(--gradient-primary);*/
  /*color:var(--text-light);*/
  box-shadow:0 1px 2px rgba(26,202,225,0.3);
  
     background-image: linear-gradient(135deg, #0066ff, #00dbde) !important;
     background-color: transparent !important;
     border: none;
     color: #fff;
   
}

.btn-glow:hover{
  color:#fff;
}

.btn-outline-light{
  background:transparent;
  color:var(--text-light);
  border:2px solid var(--text-light);
}

/* Titles */
.title-wrap{
  max-width:900px;
  margin:0 auto 54px;
  text-align:center;
}

.title-wrap h2{
  font-size:38px;
  letter-spacing:-0.02em;
  margin-bottom:10px;
  font-weight:00;
  line-height:1.18;
}

.title-wrap p{
  font-size:15px;
  margin:0 auto 18px;
  max-width:760px;
  font-weight:400;
  line-height:1.8;
}

.divider{
  width:160px;
  height:4px;
  border-radius:8px;
  margin:0 auto;
  background:var(--gradient-primary);
}

/* Gradient text */
.text-gradient,
.brand-gradient{
  background:linear-gradient(135deg, #0066ff, #00dbde);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  color:transparent;
}

/* Buttons */
.btnx{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:12px 28px;
  border-radius:999px;
  font-size:15px;
  font-weight:700;
  text-decoration:none;
  transition:var(--transition);
  border:none;
  cursor:pointer;
  white-space:nowrap;
}

.btnx-primary{
  background:var(--gradient-primary);
  color:#fff;
}

.btnx-primary:hover{
  transform:translateY(-2px);
  color:#fff;
}

.btnx-dark{
  background:rgba(0,0,0,0.75);
  color:#fff;
  border:1px solid rgba(255,255,255,0.15);
}

.btnx-dark:hover{
  transform:translateY(-2px);
  color:#fff;
}

/* ================= HERO ================= */
.about-hero{
  min-height:92vh;
  display:flex;
  align-items:center;
  padding:130px 0 80px;
  position:relative;
  overflow:hidden;
  border-bottom:1px solid rgba(0,0,0,0.06);
  background:
    radial-gradient(900px 380px at 20% 20%, rgba(26,202,225,0.24), transparent 60%),
    radial-gradient(900px 380px at 80% 10%, rgba(138,43,226,0.18), transparent 55%),
    linear-gradient(to right, rgba(0,0,0,0.82) 0%, rgba(0,0,0,0.58) 40%, rgba(0,0,0,0.10) 100%),
    url('https://images.unsplash.com/photo-1518770660439-4636190af475?q=80&w=1800&auto=format&fit=crop');
  background-size:cover;
  background-position:center;
  padding-left:40px !important;
  padding-right:40px !important;
}

.hero-pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:9px 14px;
  border-radius:999px;
  background:rgba(255,255,255,0.10);
  border:1px solid rgba(255,255,255,0.18);
  color:#fff;
  font-weight:700;
  font-size:13px;
  margin-bottom:14px;
}

.dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#0066ff;
  box-shadow:0 0 18px rgba(26,202,225,0.7);
}

.hero-title{
  font-size:52px;
  font-weight:800;
  color:#fff;
  margin-bottom:14px;
  letter-spacing:-0.02em;
  line-height:1.12;
}

.hero-sub{
  font-size:15px;
  font-weight:400;
  color:rgba(255,255,255,0.86);
  max-width:660px;
  margin-bottom:24px;
  line-height:1.8;
}

/* right visual card */
.hero-visual{
  position:relative;
  border-radius:8px;
  overflow:hidden;
  box-shadow:0 25px 70px rgba(0,0,0,0.35);
  border:1px solid rgba(255,255,255,0.12);
  background:rgba(255,255,255,0.06);
  backdrop-filter:blur(12px);
}

.hero-visual img{
  width:100%;
  height:520px;
  object-fit:cover;
  display:block;
  transform:scale(1.02);
}

.hero-visual::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top, rgba(0,0,0,0.78), rgba(0,0,0,0.12), transparent);
}

.hero-float{
  position:absolute;
  left:16px;
  right:16px;
  bottom:16px;
  z-index:2;
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

.stat{
  flex:1;
  min-width:160px;
  padding:14px 14px;
  border-radius:8px;
  background:rgba(0,0,0,0.35);
  border:1px solid rgba(255,255,255,0.12);
}

.stat h4{
  color:#fff;
  font-size:17px;
  font-weight:700;
  margin-bottom:2px;
  line-height:1.3;
  font-family:var(--heading-font) !important;
}

.stat span{
  color:rgba(255,255,255,0.75);
  font-size:12px;
  font-weight:500;
}

/* ================= STORY ================= */
.story-wrap{
  border-radius:8px;
  padding:34px;
  background:linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%);
  box-shadow:var(--shadow-sm);
  border:1px solid rgba(0,0,0,0.05);
}

.story-img{
  width:100%;
  height:440px;
  object-fit:cover;
  border-radius:8px;
  box-shadow:var(--shadow-md);
}

.bullets{
  list-style:none;
  padding:0;
  margin:18px 0 0 0;
}

.bullets li{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:10px 0;
  border-bottom:1px dashed rgba(0,0,0,0.08);
}

.bullets li:last-child{
  border-bottom:none;
}

.tick{
  width:28px;
  height:28px;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-top:2px;
  color:#0066ff;
  flex-shrink:0;
}

/* ================= VIDEO CARD ================= */
.media-card{
  position:relative;
  width:100%;
  border-radius:8px;
  overflow:hidden;
  box-shadow:var(--shadow-md);
  border:1px solid rgba(0,0,0,0.06);
  background:#000;
}

.about-video{
  width:100%;
  height:440px;
  object-fit:cover;
  display:block;
  transform:scale(1.01);
}

.media-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top, rgba(0,0,0,0.55), rgba(0,0,0,0.08), transparent 58%);
  pointer-events:none;
}

.media-chip{
  position:absolute;
  left:16px;
  bottom:16px;
  z-index:2;
  display:inline-flex;
  gap:10px;
  align-items:center;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(0,0,0,0.45);
  border:1px solid rgba(255,255,255,0.16);
  color:#fff;
  font-weight:700;
  font-size:13px;
  backdrop-filter:blur(10px);
}

.dot-sm{
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--accent-cyan);
  box-shadow:0 0 18px rgba(26,202,225,0.7);
}

/* about bottom row (rating + buttons) */
.about-bottom-row{
  margin-top:18px;
  display:flex;
  gap:12px;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
}

.rating-card{
  flex:1;
  min-width:240px;
  padding:16px 18px;
  border-radius:8px;
  background:linear-gradient(135deg, rgba(26,202,225,0.10), rgba(138,43,226,0.10));
  border:1px solid rgba(0,0,0,0.06);
  box-shadow:var(--shadow-sm);
}

.rating-card h4{
  margin:0;
  font-size:22px;
  font-weight:800;
}

.rating-card h4 small{
  font-size:13px;
  color:var(--text-gray);
  font-weight:700;
  font-family:var(--body-font);
}

.rating-card p{
  margin:6px 0 0 0;
  font-size:14px;
}

/* ================= STATS STRIP DESKTOP FIX ================= */
.stats-strip{
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:8px;
  width:100%;
}

.stat-pill{
  background:#fff;
  border:1px solid rgba(0,0,0,0.06);
  border-radius:8px;
  padding:12px 10px;
  box-shadow:var(--shadow-sm);
  transition:var(--transition);
  min-width:0;
}

.stat-pill h4{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:14px;
  font-weight:700;
  margin-bottom:4px;
  line-height:1.3;
}

.stat-pill i{
  width:28px;
  height:28px;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#0066ff;
  flex-shrink:0;
  font-size:13px;
}

.stat-pill p{
  font-size:11px;
  line-height:1.45;
  margin:0;
}

/* tablet pe bhi andar rahe */
@media (max-width:1199px){
  .stats-strip{
    gap:8px;
  }

  .stat-pill{
    padding:11px 9px;
  }

  .stat-pill h4{
    font-size:13px;
  }

  .stat-pill p{
    font-size:10.5px;
  }
}

/* ================= PREMIUM CARDS ================= */
.cardx{
  height:100%;
  background:#fff;
  border-radius:var(--radius-lg);
  padding:28px;
  box-shadow:var(--shadow-sm);
  border:1px solid rgba(0,0,0,0.05);
  transition:var(--transition);
  position:relative;
  overflow:hidden;
}

.cardx::before{
  content:"";
  position:absolute;
  inset:-60px -60px auto auto;
  width:180px;
  height:180px;
  background:radial-gradient(circle, rgba(26,202,225,0.22), transparent 60%);
  transform:rotate(25deg);
}

.cardx:hover{
  transform:translateY(-8px);
  box-shadow:var(--shadow-lg);
}

.iconx{
  width:66px;
  height:66px;
  border-radius:8px;
  background:var(--gradient-primary);
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:18px;
  box-shadow:0 12px 35px rgba(26,202,225,0.25);
}

.iconx i{
  color:#fff;
  font-size:28px;
}

/* ================= COMPLIANCE/CERTS ================= */
.badge-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:12px;
}

.badge-card{
  background:#fff;
  border:1px solid rgba(0,0,0,0.06);
  border-radius:8px;
  padding:16px;
  box-shadow:var(--shadow-sm);
  transition:var(--transition);
  display:flex;
  gap:12px;
  align-items:flex-start;
}

.badge-card:hover{
  transform:translateY(-6px);
  box-shadow:var(--shadow-lg);
}

.badge-icon{
  width:42px;
  height:42px;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg, #0066ff, #00dbde);
  color:#fff;
  flex-shrink:0;
}

.badge-card h5{
  font-size:16px;
  font-weight:700;
  margin-bottom:6px;
}

.badge-card p{
  font-size:13px;
  margin:0;
}

/* ================= FAQ ================= */
.accordion-item{
  border:none;
  margin-bottom:14px;
  border-radius:8px !important;
  overflow:hidden;
  box-shadow:var(--shadow-sm);
}

.accordion-button{
  font-weight:800;
  font-size:16px;
  padding:18px 22px;
}

.accordion-button:not(.collapsed){
  background:var(--gradient-primary);
  color:#fff;
}

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

/* ================= DEMO ================= */
.demo{
  background:linear-gradient(135deg, var(--primary-dark), #02141f);
  color:#fff;
  border-radius:8px;
  overflow:hidden;
  box-shadow:var(--shadow-md);
  border:1px solid rgba(0,0,0,0.08);
}

.demo .form-control{
  padding:14px 18px;
  border-radius:8px;
  border:2px solid transparent;
  background:rgba(255,255,255,0.10);
  color:#fff;
  font-size:15px;
  font-weight:500;
}

.demo .form-control:focus{
  outline:none;
  box-shadow:none;
  border-color:var(--accent-cyan);
  background:rgba(255,255,255,0.14);
}

.demo .form-control::placeholder{
  color:rgba(255,255,255,0.55);
}

.demo .form-control.is-invalid{
  border-color:#dc3545;
  background:rgba(220,53,69,0.10);
}

.invalid-feedback{
  color:#ff8d8d;
  font-size:13px;
  font-weight:500;
}

/* Sticky CTA */
.sticky-btn{
  position:fixed;
  right:20px;
  bottom:20px;
  z-index:999;
}

.sticky-btn a{
  box-shadow:var(--shadow-lg);
}

/* ================= INDUSTRY CARDS ================= */
.industry-card{
  position:relative;
  height:360px;
  border-radius:8px;
  overflow:hidden;
  background:#000;
  box-shadow:var(--shadow-md);
  border:1px solid rgba(0,0,0,0.06);
  transition:var(--transition);
}

.industry-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:0.7s ease;
  transform:scale(1.03);
}

.industry-card:hover img{
  transform:scale(1.12);
}

.industry-overlay{
  position:absolute;
  inset:0;
  padding:18px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  background:linear-gradient(to top,
    rgba(0,0,0,0.90) 25%,
    rgba(0,0,0,0.55) 58%,
    rgba(0,0,0,0.10) 100%);
  color:#fff;
}

.industry-top{
  position:absolute;
  top:16px;
  left:16px;
  right:16px;
  display:flex;
  gap:10px;
  justify-content:space-between;
  align-items:center;
}

.industry-chip{
  display:inline-flex;
  gap:8px;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,0.14);
  border:1px solid rgba(255,255,255,0.18);
  backdrop-filter:blur(10px);
  font-weight:800;
  font-size:12px;
}

.industry-mini{
  display:inline-flex;
  gap:8px;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(0,0,0,0.35);
  border:1px solid rgba(255,255,255,0.14);
  backdrop-filter:blur(10px);
  font-weight:700;
  font-size:12px;
  color:rgba(255,255,255,0.92);
}

.industry-overlay h4{
  font-size:20px;
  font-weight:800;
  margin-bottom:8px;
  color:#fff !important;
}

.industry-overlay p{
  color:rgba(255,255,255,0.86);
  font-size:14px;
  margin-bottom:10px;
  line-height:1.6;
}

.industry-points{
  display:flex;
  flex-wrap:wrap;
  gap:10px 14px;
  font-size:12px;
  color:rgba(255,255,255,0.90);
}

.industry-points i{
  color:#0066ff;
}

.industry-card:hover{
  transform:translateY(-8px);
  box-shadow:0 26px 60px rgba(0,0,0,0.18), 0 0 28px rgba(26,202,225,0.30);
}

.industry-cta{
  margin-top:26px;
  background:linear-gradient(135deg, rgba(26,202,225,0.12), rgba(138,43,226,0.12));
  border:1px solid rgba(0,0,0,0.06);
  border-radius:8px;
  padding:18px;
  box-shadow:var(--shadow-sm);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}

.visxp-h2-bold{
  font-size:38px;
  font-weight:700 !important;
  letter-spacing:-1.5px;
  line-height:1.12;
}

#bookDemo{
  margin-bottom:50px;
}

/* slider base */
.visxp-slider{
  position:relative;
  width:100%;
}

.visxp-slider-track{
  width:100%;
}

@media (max-width:1199px){
  .hero-title{font-size:44px;}
  .hero-visual img{height:500px;}
  .stats-strip{grid-template-columns:repeat(2, 1fr);}
  .badge-grid{grid-template-columns:repeat(2, 1fr);}
}

@media (max-width:991px){
  .about-hero{min-height:auto;padding:110px 0 60px;}
  .hero-title{font-size:38px;}
  .hero-visual img{height:420px;}
  .section-pad{padding:72px 0;}
}

/* =========================================================
   MOBILE ONLY PATCH
   DESKTOP BILKUL SAME
========================================================= */
@media (max-width:767px){

  body{
    font-size:14px !important;
    line-height:1.65 !important;
  }

  p,
  .title-wrap p,
  .hero-sub,
  .story-wrap p,
  .rating-card p,
  .stat-pill p,
  .badge-card p,
  .industry-overlay p,
  .accordion-body,
  .demo p,
  .invalid-feedback{
    font-size:14px !important;
    line-height:1.65 !important;
  }

  h1,
  .hero-title,
  .visxp-h2-bold{
    font-size:30px !important;
    line-height:1.15 !important;
    letter-spacing:-0.8px !important;
    font-weight:700 !important;
  }

  h2,
  .title-wrap h2{
    font-size:26px !important;
    line-height:1.2 !important;
    letter-spacing:-0.6px !important;
    font-weight:800 !important;
  }

  h3,
  .story-wrap h3{
    font-size:22px !important;
    line-height:1.28 !important;
    font-weight:700 !important;
  }

  h4,
  .cardx h4,
  .industry-overlay h4,
  .rating-card h4,
  .stat-pill h4{
    font-size:18px !important;
    line-height:1.32 !important;
    font-weight:800 !important;
  }

  h5,
  .badge-card h5{
    font-size:16px !important;
    line-height:1.35 !important;
    font-weight:700 !important;
  }

  .hero-pill,
  .media-chip,
  .industry-chip,
  .industry-mini{
    font-size:11px !important;
    font-weight:700 !important;
  }

  .btn,
  .btnx{
    font-size:14px !important;
    font-weight:700 !important;
  }

  .container{
    padding-left:16px !important;
    padding-right:16px !important;
  }

  .section-pad{
    padding:18px 0 !important;
  }

  .title-wrap{
    margin:0 auto 24px !important;
  }

  .divider{
    width:88px !important;
    height:4px !important;
    margin-top:14px !important;
  }

  .section-glass{
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    padding:0 !important;
    border-radius:0 !important;
  }

  .story-wrap,
  .cardx,
  .badge-card,
  .rating-card,
  .stat-pill,
  .industry-cta,
  .accordion-item,
  .demo{
    border-radius:8px !important;
    border:1px solid rgba(11,43,63,0.05) !important;
    box-shadow:0 8px 24px rgba(11,43,63,0.06) !important;
  }

  .story-wrap,
  .cardx,
  .badge-card,
  .rating-card,
  .stat-pill,
  .industry-cta{
    background:rgba(255,255,255,0.72) !important;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
  }

  .accordion-item{
    overflow:hidden !important;
    margin-bottom:10px !important;
  }

  .accordion-button{
    padding:15px 16px !important;
    font-size:15px !important;
    line-height:1.45 !important;
  }

  .accordion-body{
    padding:14px 16px 16px !important;
  }

  .about-hero{
    min-height:auto !important;
    text-align:left !important;
    padding:120px 0 26px !important;
    border-bottom:none !important;
    background-position:center !important;
    padding-left:16px !important;
    padding-right:16px !important;
  }

  .about-hero .container{
    padding-left:16px !important;
    padding-right:16px !important;
  }

  .about-hero .row{
    row-gap:16px !important;
  }

  .hero-pill{
    margin-bottom:12px !important;
    padding:8px 12px !important;
  }

  .hero-sub{
    margin-bottom:14px !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  .about-hero .d-flex.flex-wrap.gap-2.mt-3{
    margin-top:18px !important;
    gap:10px !important;
  }

  .btnx{
    min-height:46px !important;
    padding:12px 18px !important;
    border-radius:8px !important;
  }

  .btnx-dark,
  .btnx-primary{
    box-shadow:none !important;
  }

  .hero-visual{
    margin-top:4px !important;
    border-radius:8px !important;
    box-shadow:0 14px 34px rgba(0,0,0,0.18) !important;
  }

  .hero-visual img{
    height:300px !important;
  }

  .hero-float{
    left:10px !important;
    right:10px !important;
    bottom:10px !important;
    gap:8px !important;
  }

  .stat{
    min-width:calc(50% - 4px) !important;
    flex:1 1 calc(50% - 4px) !important;
    padding:10px 10px !important;
    border-radius:8px !important;
    background:rgba(0,0,0,0.42) !important;
  }

  .stat h4{
    font-size:13px !important;
    line-height:1.35 !important;
    font-weight:700 !important;
  }

  .stat span{
    font-size:11px !important;
    line-height:1.4 !important;
  }

  .story-img{
    height:240px !important;
    border-radius:8px !important;
    box-shadow:0 10px 26px rgba(11,43,63,0.08) !important;
  }

  /* improved mobile video only */
  .media-card{
    border-radius:8px !important;
    border:none !important;
    box-shadow:
      0 18px 34px rgba(11,43,63,0.10),
      0 0 0 1px rgba(255,255,255,0.24) inset !important;
    overflow:hidden !important;
    background:#07141d !important;
  }

  .about-video{
    height:260px !important;
    border-radius:8px !important;
    box-shadow:none !important;
    transform:scale(1.04) !important;
    filter:saturate(1.05) contrast(1.04) brightness(0.98);
  }

  .media-card::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:
      linear-gradient(180deg, rgba(26,202,225,0.12), transparent 22%),
      linear-gradient(to top, rgba(2,20,31,0.72), rgba(2,20,31,0.10), transparent 62%);
  }

  .media-chip{
    left:12px !important;
    right:12px !important;
    bottom:12px !important;
    padding:10px 12px !important;
    border-radius:999px !important;
    justify-content:center !important;
    background:rgba(0,0,0,0.44) !important;
    box-shadow:0 8px 20px rgba(0,0,0,0.18);
    z-index:2 !important;
  }

  .story-wrap{
    padding:20px 16px !important;
  }

  .bullets{
    margin-top:14px !important;
  }

  .bullets li{
    gap:10px !important;
    padding:10px 0 !important;
    border-bottom:1px dashed rgba(11,43,63,0.08) !important;
  }

  .tick{
    width:24px !important;
    height:24px !important;
    margin-top:1px !important;
    border-radius:8px !important;
  }

  .tick i{
    font-size:13px !important;
  }

  .about-bottom-row{
    margin-top:14px !important;
    gap:12px !important;
    flex-direction:column !important;
    align-items:stretch !important;
  }

  .rating-card{
    min-width:100% !important;
    padding:14px 14px !important;
  }

  .about-bottom-row .btnx{
    width:100% !important;
    min-width:100% !important;
  }

  .stats-strip{
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    margin-top:14px !important;
  }

  .stat-pill{
    padding:14px 12px !important;
    border-radius:8px !important;
  }

  .stat-pill h4{
    gap:8px !important;
    font-size:14px !important;
    margin-bottom:4px !important;
  }

  .stat-pill i{
    width:30px !important;
    height:30px !important;
    font-size:14px !important;
    border-radius:8px !important;
  }

  .stat-pill p{
    font-size:12px !important;
  }

  .cardx{
    padding:18px 16px !important;
  }

  .iconx{
    width:52px !important;
    height:52px !important;
    margin-bottom:14px !important;
    border-radius:8px !important;
    box-shadow:none !important;
  }

  .iconx i{
    font-size:22px !important;
  }

  .badge-grid{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .badge-card{
    padding:14px 14px !important;
    gap:10px !important;
    border-radius:8px !important;
  }

  .badge-icon{
    width:38px !important;
    height:38px !important;
    border-radius:8px !important;
  }

  /* touch + auto carousel, centered cards, no buttons */
  .why-visxp-slider .visxp-slider-track,
  .industry-visxp-slider .visxp-slider-track{
    display:flex !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    gap:12px !important;
    justify-content:flex-start !important;
    padding:2px calc(50vw - 155px) 8px !important;
  }

  .why-visxp-slider .visxp-slider-track::-webkit-scrollbar,
  .industry-visxp-slider .visxp-slider-track::-webkit-scrollbar{
    display:none;
  }

  .why-visxp-slider .visxp-slide{
    flex:0 0 310px !important;
    max-width:310px !important;
    min-width:310px !important;
    scroll-snap-align:center !important;
  }

  .industry-visxp-slider .visxp-slide{
    flex:0 0 310px !important;
    max-width:310px !important;
    min-width:310px !important;
    scroll-snap-align:center !important;
  }

  .industry-card{
    height:280px !important;
    border-radius:8px !important;
    box-shadow:0 10px 26px rgba(11,43,63,0.08) !important;
    border:none !important;
  }

  .industry-overlay{
    padding:14px !important;
  }

  .industry-top{
    top:12px !important;
    left:12px !important;
    right:12px !important;
    gap:8px !important;
    flex-wrap:wrap !important;
    justify-content:flex-start !important;
  }

  .industry-chip,
  .industry-mini{
    padding:7px 10px !important;
    border-radius:999px !important;
  }

  .industry-overlay h4{
    margin-bottom:6px !important;
  }

  .industry-overlay p{
    margin-bottom:8px !important;
    font-size:13px !important;
    line-height:1.55 !important;
  }

  .industry-points{
    gap:6px 10px !important;
    font-size:11px !important;
  }

  .industry-cta{
    margin-top:14px !important;
    padding:16px 14px !important;
    border-radius:8px !important;
    text-align:left !important;
  }

  .industry-cta h4{
    font-size:17px !important;
    line-height:1.35 !important;
    font-family:var(--heading-font) !important;
  }

  .industry-cta p{
    font-size:13px !important;
    line-height:1.55 !important;
  }

  .industry-cta .btnx{
    width:100% !important;
  }

  .accordion{
    margin-top:2px !important;
  }

  #bookDemo{
    margin-bottom:24px !important;
  }

  .demo{
    border-radius:8px !important;
    overflow:hidden !important;
  }

  .demo > .container,
  .demo .container.text-center{
    padding:28px 16px !important;
  }

  .demo .title-wrap{
    margin-bottom:18px !important;
  }

  .demo .form-control{
    min-height:48px !important;
    padding:12px 14px !important;
    border-radius:8px !important;
    font-size:14px !important;
  }

  .demo .row{
    --bs-gutter-x:10px !important;
    --bs-gutter-y:2px !important;
  }

  .demo .col-md-5.mb-3{
    margin-bottom:10px !important;
  }

  .demo button.btnx{
    width:100% !important;
    max-width:100% !important;
  }

  .sticky-btn{
    right:12px !important;
    bottom:12px !important;
  }

  .sticky-btn a{
    min-height:44px !important;
    padding:11px 14px !important;
    border-radius:8px !important;
    font-size:13px !important;
    box-shadow:0 8px 22px rgba(11,43,63,0.14) !important;
  }
}

@media (max-width:575px){
  .hero-title,
  .visxp-h2-bold{
    font-size:28px !important;
  }

  .hero-sub{
    font-size:14px !important;
  }

  .btnx{
    width:100%;
  }

  .sticky-btn{
    right:14px;
    bottom:14px;
  }

  .stats-strip{
    grid-template-columns:1fr !important;
  }

  .hero-visual img{
    height:270px !important;
  }

  .industry-card{
    height:260px !important;
  }

  .about-hero{
    padding:115px 0 22px !important;
  }

  .about-hero .d-flex.flex-wrap.gap-2.mt-3{
    flex-direction:column !important;
  }

  .about-hero .d-flex.flex-wrap.gap-2.mt-3 .btnx{
    width:100% !important;
  }

  .why-visxp-slider .visxp-slider-track,
  .industry-visxp-slider .visxp-slider-track{
    padding-left:calc(50vw - 145px) !important;
    padding-right:calc(50vw - 145px) !important;
  }

  .why-visxp-slider .visxp-slide,
  .industry-visxp-slider .visxp-slide{
    flex:0 0 290px !important;
    max-width:290px !important;
    min-width:290px !important;
  }

  .about-video{
    height:240px !important;
  }
}