body { margin: 0;  background: #0b111b; color: #e0e6f1; line-height: 1.6;}

 a { color: #00aaff;text-decoration: none;}

 a:hover { text-decoration: underline;  }


 header { position: relative;  height: 90vh;  background: url('../image/cybersecurity-top.jpg') no-repeat center/cover;background-position: bottom;
    display: flex;  flex-direction: column;  justify-content: center;  color: #f7f7f7;  text-align: center;   }

  header::before {content: ""; position: absolute; inset: 0; background: rgba(11,17,27,0.7); z-index: 0; }

  header .hero-content { position: relative; z-index: 1; max-width: 800px; margin: 10px auto 0; }

  header h1 { font-size: 2.8rem; font-weight: 700; margin-bottom: 0.4rem; letter-spacing: 1.2px;  }
  
  header p { font-size: 1.25rem; margin-bottom: 2rem; font-weight: 500; color: #a2b0d9; }

  .cta-buttons { display: flex; gap: 1rem; justify-content: center;}

  .btn { padding: 0.9rem 2.2rem; font-weight: 600; font-size: 1rem; border-radius: 4px; cursor: pointer; transition: background-color 0.3s ease;
    border: none; }

  .btn-primary { background-color: #0055a4;color: #f7f7f7; }

  .btn-secondary {text-decoration: none; background-color: #FB4369; color: #fff; }






  /* Sections */
  section {padding: 3rem 0; border-bottom: 1px solid #19232f; }

  section h2 {text-align: center; font-size: 2rem; color: #FB4369; margin-bottom: 1rem; font-weight: 700; }

  section h3 {text-align: center; font-size: 1.3rem; margin-top: 1.5rem; margin-bottom: 0.5rem; color: #a2b0d9; }

  .cent{text-align: center;}
  ul { list-style: none; padding-left: 0;  }

/*  ul li::before {
    content: "• ";
    color: #00aaff;
  }*/


.miss-stat{background-color: #141c2a;padding: 2rem;width: 70%;margin: auto;margin-top: 3rem;border-radius: 15px}
.miss-1{text-align: center;}
.miss-1 img{width: 50%}
.miss-2 h3{text-align: left;}



  /* Two column layout for solutions */


  .solu-1{background-color: #efefef;padding: 2rem;border-radius: 15px;margin-top: 2rem}
.solu-img{width: 50px}
  .solu-1 h3{text-align: left;color: #000}
  .solu-1 ul li{color: #000;margin-bottom: 5px;
  list-style-type: disc;margin-left: 14px}

.we-indus{background-color: #efefef; text-align: center; width: 14.5%;margin: auto; border-radius: 15px;padding: 2rem 5px;height: 250px}
.we-indus img{width: 50%;background-color: #FB4369;padding: 1rem;border-radius: 10px}
.we-indus p{color: #000;padding-top: 15px}

 .why-cby-1{align-content: center;}
.why-cby-1 h2{text-align: left;}
.why-cby-1 ul li{list-style-type: disc;line-height: 2.5}
.why-cby-2 img{width: 100%;border-radius: 15px}

.new-insi-1{background-color: #141c2a;padding: 1rem;border-radius: 15px;width: 27%;margin: 2rem 2rem;align-content: center;}
.new-insi-1 img{width:25%;display: inline-block;background-color: #FB4369;padding: 1rem;border-radius: 15px}
.new-insi-1 p{display: inline-block;color: #fff;padding-left: 15px;width: 70%;margin-bottom: 0;vertical-align: middle;}


.cont-cyb-1{align-content: center;}
.cont-cyb-2{background-color: #141c2a;padding: 1rem;border-radius: 15px}
.cont-cyb-2 p{padding-left: 1rem;color: #fff}

.team-vision h3{text-align: left;}

.priv-cby{background-color: #141c2a;text-align: center;padding: 2rem 1rem;border-radius: 15px}

.fouc-visi{border-bottom: 0}
.foc-vis-1 h3{text-align: left;}
.foc-vis-1{background-color:#141c2a;padding:1rem 2rem;width:47%;margin:0 1rem;border-radius:15px }

  .solutions-list {display: grid; grid-template-columns: repeat(auto-fit,minmax(280px,1fr)); gap: 2rem; }

  /* About Us special */
  .about-text p { max-width: 850px; margin: 0 auto 1rem auto; color: #cbd5f7;  }

  /* Team and Vision with grid */
  .team-vision { display: inline-block;width: 46%;margin: 0 20px;  }

  .team-vision > div { background: #141c2a; padding: 1.5rem 2rem; border-radius: 6px;}

  /* Case Studies */
  .case-studies article {display: inline-block;margin: 1rem 8px; background: #141c2a; padding: 1.2rem 1.5rem;
    border-radius: 6px;  width: 47%}

  .case-studies h4 { margin-top: 0;  color: #FB4369;  }

  /* Contact */
  .contact-info { max-width: 600px; margin: 0 auto; text-align: center; }

  .contact-info p { margin-bottom: 0.6rem; }

  /* Responsive */
  @media (max-width: 480px) {
    .team-vision {
      grid-template-columns: 1fr;
    }

    header{height:60vh}
.miss-1 img{width: 100%}
.miss-stat{width: 100%}
.we-indus{width: 44%;margin: 1rem auto;}
.why-cby-1{padding: 1rem 2rem}
.new-insi-1{width: 90%;margin: 1rem auto;}
.cont-cyb-2{margin: 1rem;width: 90%}
.team-vision{width: 100%;margin: 1rem auto;}
.foc-vis-1{width: 90%;margin: 1rem auto;}
.case-studies article{width: 45%}
    header h1 {
      font-size: 2rem;
    }
  }
</style>