:root {
  --primary-h1: 46px;
  --primary-h2: 38px;
  --primary-h3: 24px;
  --primary-h4: 20px;

  --primary-p: 16px;

  --primary-heading-color: #002d49;
  --primary-heading-color2: #0099dd;

  --underline-color: #d0efff;
  --text-color: #777;
  --text-color2: #9ca3af;

  --font-weight: 600;
}

* {
  font-family: "Montserrat", sans-serif;
}

.py-5 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.py-8 {
  padding: 20px 0;
}

.pt-5 {
  padding-top: 20px;
}

.pb-5 {
  padding-bottom: 20px;
}

.span-title {
  font-size: 16px;
  color: #b3b3b3;
}

.pt-20 {
  padding-top: 20px;
}

.pb-5 {
  padding-bottom: 20px;
}

.section-head {
  margin-bottom: 20px;
  text-align: center;
}

.section-head h2 {
  font-size: var(--primary-h2);
  margin: 10px 0;
  font-weight: var(--font-weight);
  color: var(--primary-heading-color);
}

.section-head h2 span {
  color: var(--primary-heading-color2);
  display: inline-block;
  letter-spacing: 1px;
  /* text-transform: uppercase; */
}

.section-head p {
  color: var(--text-color);
  font-size: var(--primary-p);
}

/* =========== Hero Section ======= */

.vision-modern{
  background: var(--primary-heading-color);
}

.vision-row{
  display:flex;
  align-items:center;
}

/* Left Content */
.vision-copy-wrap{
  position:relative;
  padding-left:40px;
}

.vision-copy-wrap:before{
  content:"";
  position:absolute;
  left:0;
  top:5px;
  width:3px;
  height:90%;
  background:var(--primary-heading-color2); /* brand accent */
}

.vision-eyebrow{
  font-size:12px;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:var(--primary-heading-color);
  padding: 15px 10px;
  border-radius: 14px;
  background: #d0efffa2;
  margin-bottom:15px;
}

.vision-title{
  font-size:38px;
  font-weight:700;
  color:#fff;
  line-height:1.25;
  margin-bottom:20px;
  margin-top:20px;
}

.vision-title span{
  display:block;
  color:var(--primary-heading-color2);
}

.vision-intro{
  font-size:var(--primary-p);
  color:var(--text-color2);
  margin-bottom:12px;
  font-weight: bold;
}

.vision-body{
  font-size:16px;
  line-height:1.8;
  color:var(--text-color);
  max-width:520px;
  margin-bottom:30px;
}

.vision-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  font-size:16px;
  font-weight:var(--font-weight);
  color:var(--primary-heading-color);

  padding:10px 15px;
  background:#0099dd;

  border-radius:10px;
  border:1px solid var(--primary-heading-color);

  text-decoration:none;
  cursor:pointer;

  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background-color 0.25s ease,
    border-color 0.25s ease,
    color 0.25s ease;
}

.vision-link:hover{
  background:var(--primary-heading-color2);
  border-color:var(--primary-heading-color2);
  color:#fff;
  text-decoration:none;

  transform:scale(1.01);
  box-shadow:0 10px 24px rgba(0,0,0,0.18);
}

/* Optional: keyboard accessibility */
.vision-link:focus{
  outline:none;
  box-shadow:0 0 0 3px rgba(0,153,221,0.25);
}


/* Right Visual */
.vision-visual-wrap{
  position:relative;
  padding-left:60px;
}

.vision-visual-wrap img{
  width:100%;
  border-radius:8px;
  /* box-shadow:0 30px 60px rgba(0,0,0,.15); */
}

/* Subtle offset block */
.vision-visual-wrap:before{
  content:"";
  position:absolute;
  left:30px;
  top:-30px;
  width:100%;
  height:100%;
  /* background:#f3f4f7; */
  z-index:-1;
  border-radius:8px;
}


/* ============ Why Section ============== */

.bg-img10 {
  position: relative;
  overflow: hidden;
}

.bg-img10::before {
  content: "";
  position: absolute;
  inset: 0;

  background-image: url("../new-img/background-img7.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

  z-index: -1;
  opacity: 0.8;
  filter: blur(2px);
}


.section-head h2{
  font-size:var(--primary-h2);
  font-weight:700;
  margin:10px 0;
}

.section-head h2 span{
  color:var(--primary-heading-color2);
}

.section-head p{
  color:var(--text-color);
  font-size:16px;
}

/* Layout */
.why-layout{
  display:flex;
  align-items:flex-start;
}

/* Highlight */
.why-highlight{
  padding-right:30px;
}

.highlight-box{
  background:#ffffff;
  padding:30px;
  margin-bottom:25px;
  border-left:4px solid var(--primary-heading-color2);
  box-shadow:0 10px 30px rgba(0,0,0,.08);
  border-radius: 14px;
}

.highlight-box h3{
  font-size:40px;
  font-weight:700;
  margin:0 0 5px;
}

.highlight-box span{
  display:block;
  font-weight:600;
  margin-bottom:10px;
  color:#333;
  color: var(--primary-heading-color2);
}

.highlight-box p{
  font-size:16px;
  color:#666;
  line-height:1.7;
}

/* Capabilities */
.why-capabilities{
  padding-left:20px;
}

.capability-card{
  background:#fff;
  padding:30px;
  margin-bottom:25px;
  box-shadow:0 10px 35px rgba(0,0,0,.08);
  transition:transform .3s ease;
  border-radius: 14px;
}

.capability-card h4{
  font-size:18px;
  font-weight:600;
  margin-bottom:10px;
}

.capability-card p{
  font-size:16px;
  line-height:1.8;
  color:#666;
}

.capability-card:hover{
  transform:translateY(-4px);
}


/* ============= High Security Solutions ============== */
.hs-modern{
  background:#f8f9fb;
}

/* Timeline */
.hs-timeline{
  position:relative;
  padding-left:30px;
}

.hs-timeline:before{
  content:"";
  position:absolute;
  left:6px;
  top:0;
  width:2px;
  height:100%;
  background:#ddd;
}

.hs-item{
  position:relative;
  padding-left:40px;
  margin-bottom:45px;
}

.hs-dot{
  position:absolute;
  left:0;
  top:50px;
  width:14px;
  height:14px;
  background:var(--primary-heading-color2);
  border-radius:50%;
}

.hs-content{
  background:#fff;
  padding:25px;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
  border-radius: 14px;
}

.hs-title{
  font-size:18px;
  font-weight:600;
  margin-bottom:8px;
}

.hs-desc{
  font-size:16px;
  line-height:1.8;
  color:var(--text-color);
}

/* Hardware Card */
.hs-hardware{
  background:linear-gradient(45deg, var(--primary-heading-color),var(--primary-heading-color2));
  color:#fff;
  padding:35px;
  margin-top:10px;
  border-radius: 14px;
}

.hs-hardware h3{
  font-size:22px;
  font-weight:600;
  margin-bottom:15px;
}

.hs-hardware p{
  font-size:16px;
  line-height:1.8;
  color:var(--text-color2);
}


/* PRISMABYTES Advantage */
.bg-img6 {
  position: relative;
  overflow: hidden;
}

.bg-img6::before {
  content: "";
  position: absolute;
  inset: 0;

  background-image: url('../new-img/background-img5.jpg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;

  z-index: -1;
  opacity: 0.8;
  filter: blur(2px);

}



/* Authority Intro */
.pb-authority{
  max-width:820px;
  margin:50px auto 70px;
  font-size:17px;
  line-height:1.9;
  color:#333;
  text-align:center;
}

/* Matrix Grid */
.pb-matrix-grid{
  margin-bottom:90px;
}

.pb-matrix-item{
  padding:35px 25px;
  height:100%;
  border-top:3px solid var(--primary-heading-color2);
}

.pb-matrix-item h4{
  font-size:var(--primary-h4);
  font-weight:600;
  margin-bottom:12px;
}

.pb-matrix-item p{
  font-size:16px;
  line-height:1.8;
  color:#666;
}

/* Decision Panel */
.pb-decision{
  background:linear-gradient(45deg, #002d49, #009bddd2);
  color:#fff;
  padding:70px 20px;
  border-radius: 14px;
}

.pb-decision-inner{
  max-width:900px;
  margin:0 auto;
  text-align:center;
}

.pb-decision h3{
  font-size:30px;
  font-weight:600;
  margin-bottom:15px;
}

.pb-decision p{
  font-size:15px;
  line-height:1.9;
  color:#ccc;
  margin-bottom:35px;
}

/* Buttons */

.vision-link2{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  font-size:16px;
  font-weight:var(--font-weight);
  color:var(--primary-heading-color2);

  padding:10px 18px;
  background:transparent;

  border-radius:10px;
  border:1.5px solid var(--primary-heading-color2);

  text-decoration:none;
  cursor:pointer;

  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background-color 0.25s ease,
    border-color 0.25s ease,
    color 0.25s ease;
}

.vision-link2:hover{
  background:var(--primary-heading-color);
  color:#fff;
  border-color:var(--primary-heading-color);

  transform:scale(1.01);
  box-shadow:0 12px 28px rgba(0,0,0,0.2);
  text-decoration: none;
}

.vision-link2:focus{
  outline:none;
  box-shadow:0 0 0 3px rgba(0,153,221,0.25);
}


/* Responsive */
@media(max-width:768px){
  .vision-row{
    display:block;
  }
  .vision-copy-wrap{
    padding-left:25px;
  }
  .vision-title{
    font-size:28px;
  }
  .vision-visual-wrap{
    padding-left:0;
    margin-top:40px;
  }
  .vision-visual-wrap:before{
    display:none;
  }

  .why-layout{
    display:block;
  }
  .why-highlight{
    padding-right:0;
    margin-bottom:40px;
  }
  .section-head h2{
    font-size:28px;
  }

  .hs-layout{
    display:block;
  }
  .hs-hardware{
    margin-top:40px;
  }

  .pb-authority{
    font-size:15px;
  }
  .pb-decision h3{
    font-size:24px;
  }

}